:root{color-scheme:dark;--bg: #050608;--surface: rgba(17, 21, 27, .76);--surface-strong: rgba(24, 29, 37, .92);--line: rgba(162, 235, 255, .18);--line-strong: rgba(162, 235, 255, .46);--text: #f4f7fb;--muted: #8f9aaa;--cyan: #38f3ff;--danger: #ff734f;--success: #a7ff54;--fast: .16s;--normal: .42s;--slow: .7s;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overscroll-behavior:none;background:radial-gradient(circle at 50% 0%,rgba(56,243,255,.11),transparent 34rem),linear-gradient(120deg,rgba(255,79,216,.06),transparent 28rem),var(--bg);color:var(--text)}button,input,select{font:inherit}button{min-height:42px;border:1px solid var(--line);background:#141a22b8;color:var(--text);cursor:pointer;text-transform:uppercase;letter-spacing:0;transition:transform var(--fast),border-color var(--fast),background var(--fast),box-shadow var(--fast)}button:hover:not(:disabled),button:focus-visible{border-color:var(--line-strong);box-shadow:0 0 22px #38f3ff29}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:active:not(:disabled){transform:translateY(1px) scale(.99)}button:disabled{cursor:not-allowed;opacity:.42}.primary{background:linear-gradient(180deg,#38f3ff38,#3f8cff24);border-color:#38f3ff9e}.danger{background:linear-gradient(180deg,#ff734f33,#ff4fd814);border-color:#ff734f94}.ghost{border:0;background:transparent;color:var(--text);font-weight:800}.icon-button{inline-size:48px;block-size:48px;display:grid;place-items:center}.menu-shell,.app-shell{position:relative;min-height:100vh;overflow:hidden}.menu-shell:before,.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(162,235,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(162,235,255,.04) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 75%);mask-image:radial-gradient(circle at center,black,transparent 75%)}.menu-shell{display:grid;place-items:center;padding:24px}.main-menu,.tutorial-panel{width:min(760px,100%);border:1px solid var(--line);background:linear-gradient(180deg,#10151ce6,#07090dd6);box-shadow:0 30px 90px #00000094,inset 0 1px #ffffff0d;padding:clamp(24px,5vw,52px)}.main-menu.compact{width:min(560px,100%)}.wordmark{font-size:clamp(44px,11vw,104px);font-weight:900;line-height:.9;letter-spacing:0;text-shadow:0 0 28px rgba(56,243,255,.22)}.main-menu p,.modal-panel p{max-width:48ch;color:#b9c3d3;line-height:1.6}.menu-actions,.modal-actions,.control-bank{display:flex;flex-wrap:wrap;gap:10px}.menu-actions button,.modal-actions button,.control-bank button{padding:10px 18px}.menu-meta{display:flex;justify-content:space-between;gap:14px;margin-top:34px;color:var(--muted);font-size:13px;text-transform:uppercase}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:16px;padding:clamp(12px,2vw,24px)}.game-panel,.debug-panel{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #0000006b,inset 0 0 0 1px #ffffff08}.game-panel{min-width:0;padding:clamp(12px,2vw,22px)}.status-bar{display:grid;grid-template-columns:1fr repeat(3,auto) auto;align-items:center;gap:12px}.hud-metric{min-width:110px;padding:9px 12px;border:1px solid rgba(162,235,255,.12);background:#ffffff06}.hud-metric span,.section-label{display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.hud-metric strong{display:block;margin-top:3px;font-size:20px}.play-layout{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(360px,1.55fr) minmax(210px,.88fr);gap:clamp(12px,2vw,20px);align-items:start;margin-top:18px}.left-rail,.right-rail,.matrix-column{min-width:0;display:grid;gap:14px}.projection-chamber,.fusion-reactor,.feedback,.level-pool,.matrix-header,.settings-grid{border:1px solid rgba(162,235,255,.14);background:#0a0e149e;padding:14px}.projection-chamber{text-align:center}.chamber-core{display:grid;place-items:center;min-height:156px;margin:10px 0;background:radial-gradient(circle,rgba(56,243,255,.18),transparent 62%)}.projection-chamber strong{display:block;margin-bottom:4px}.projection-chamber span,.feedback small,.level-pool small,.fusion-reactor small{color:var(--muted)}.feedback{min-height:104px;display:grid;align-content:center;gap:6px}.feedback strong{color:var(--success);font-size:24px}.feedback-warning{border-color:#ffbf457a}.feedback-danger{border-color:#ff734f9e}.feedback-success{border-color:#a7ff5470}.matrix-header{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center}.conversion-meter,.reactor-meter,.tutorial-progress{grid-column:1 / -1;overflow:hidden;height:5px;background:#ffffff14}.conversion-meter span,.reactor-meter span,.tutorial-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),#ff4fd8,#a7ff54);transition:inline-size var(--normal)}.board-wrap{display:grid;place-items:center}.board{width:min(100%,68vh,740px);display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(4px,.7vw,8px);aspect-ratio:8 / 9;padding:clamp(8px,1.2vw,14px);border:1px solid rgba(162,235,255,.22);background:linear-gradient(180deg,rgba(162,235,255,.06),transparent),#030508d1;box-shadow:inset 0 0 44px #38f3ff14,0 30px 70px #0000006b}.cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;aspect-ratio:1;padding:0;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cell.material{background:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 1px,transparent 1px 8px),linear-gradient(135deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(180deg,#252b33,#15191f);border-color:#ffffff24;box-shadow:inset 0 2px 10px #0000006b}.cell.holographic{background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,#38f3ff14,#3f8cff08),#07121870;background-size:11px 11px,11px 11px,auto,auto;border-color:#38f3ff52;box-shadow:inset 0 0 18px #38f3ff14,inset 0 0 0 2px #38f3ff14}.cell.valid:before,.cell.targeted:before{content:"";position:absolute;inset:5px;border:1px solid rgba(167,255,84,.5);box-shadow:0 0 9px #a7ff541f}.cell.targeted:before{border-color:#38f3ffc7}.cell.invalid-pulse{animation:invalidPulse var(--normal)}.cell.converted{animation:convertCell var(--slow)}.cell.clearing{animation:lineClear var(--slow)}.cell-corners:before,.cell-corners:after{content:"";position:absolute;inset:7px;border-color:#a2ebff38;border-style:solid;pointer-events:none}.cell-corners:before{border-width:1px 0 0 1px}.cell-corners:after{border-width:0 1px 1px 0}.glyph-mark{display:block;color:var(--glyph-color);overflow:visible}.glyph-mark:after{content:""}.glyph-state-current{animation:glyphFloat 2.6s ease-in-out infinite}.glyph-state-clearing{animation:dissolve var(--slow)}.glyph-wildcard{animation:spectrum 2.4s linear infinite}.glyph-disruptor{filter:drop-shadow(0 0 10px rgba(255,115,79,.44))}.glyph-node{stroke-dasharray:0}.glyph-core{stroke-dasharray:40 4}.glyph-link{stroke-dasharray:16 5}.glyph-vector{stroke-dasharray:28 3}.glyph-pulse{stroke-dasharray:8 5}.glyph-array{stroke-dasharray:0}.glyph-nexus{stroke-dasharray:22 4}.glyph-quantum{stroke-dasharray:12 3}.reactor-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.reactor-core{position:relative;display:grid;place-items:center;height:148px;margin:14px 0}.reactor-core span{position:absolute;border-radius:999px;border:1px solid rgba(56,243,255,.4);box-shadow:0 0 calc(16px + 30px * var(--reactor-load)) #38f3ff33}.reactor-core span:nth-child(1){inline-size:112px;block-size:112px;animation:reactorSpin 6s linear infinite}.reactor-core span:nth-child(2){inline-size:76px;block-size:76px;border-color:#ff4fd861;animation:reactorSpin 4.5s linear infinite reverse}.reactor-core span:nth-child(3){inline-size:30px;block-size:30px;background:radial-gradient(circle,#fff,var(--cyan) 38%,transparent 70%);border:0}.reactor-critical,.reactor-overload{border-color:#ff734f8c}.reactor-elevated{border-color:#ffbf4575}.discard-emphasis{box-shadow:0 0 0 2px #ffbf455c,0 0 28px #ff734f2e}.level-pool{display:grid;gap:6px}.modal-layer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0000009e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-panel{width:min(520px,100%);border:1px solid var(--line-strong);background:#090c11f0;padding:26px;box-shadow:0 32px 90px #0000009e}.modal-panel h2{margin:8px 0 10px;font-size:clamp(28px,6vw,48px)}.modal-danger .modal-panel{border-color:#ff734fa6}.modal-success .modal-panel{border-color:#a7ff548f}.settings-grid{display:grid;gap:10px;margin:22px 0}.full-row{width:100%}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}.toggle-row input{inline-size:44px;block-size:24px;accent-color:var(--cyan)}.tutorial-stage{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin:26px 0}.tutorial-stage h1{margin:8px 0 20px;font-size:clamp(28px,5vw,52px)}.debug-panel{position:relative;z-index:1;align-self:start;display:grid;gap:10px;padding:14px}.debug-panel h2{margin:0;font-size:18px}.debug-panel label{display:grid;gap:4px;color:#c8d0dc}.debug-panel input,.debug-panel select{width:100%;border:1px solid #4d586b;background:#11151b;color:var(--text);padding:8px}.stats-panel{width:min(980px,100%)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0}.stats-group,.daily-rules,.daily-best,.daily-status-grid,.summary-grid{border:1px solid rgba(162,235,255,.14);background:#0a0e149e;padding:14px}.stat-row,.daily-best{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px}.stat-row span,.daily-best span,.daily-rules span{color:var(--muted);text-transform:uppercase;font-size:12px}.stat-row strong,.daily-best strong{color:var(--text);font-size:18px}.daily-panel h1{margin:8px 0 18px;font-size:clamp(28px,6vw,52px)}.daily-rules{display:grid;gap:10px;margin:16px 0 12px}.daily-status-grid,.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.daily-status-grid div,.summary-grid span{display:grid;gap:4px}.daily-status-grid span,.summary-grid span{color:var(--muted);text-transform:uppercase;font-size:12px}.daily-status-grid strong,.summary-grid strong{color:var(--text);font-size:18px}.daily-rules span:before{content:"";display:inline-block;inline-size:8px;block-size:8px;margin-right:8px;border:1px solid var(--cyan);box-shadow:0 0 12px #38f3ff3d}@keyframes glyphFloat{0%,to{transform:translateY(0) scale(1);opacity:.88}50%{transform:translateY(-5px) scale(1.04);opacity:1}}@keyframes spectrum{0%{filter:hue-rotate(0deg) drop-shadow(0 0 10px rgba(255,255,255,.42))}to{filter:hue-rotate(360deg) drop-shadow(0 0 10px rgba(255,255,255,.42))}}@keyframes reactorSpin{to{transform:rotate(360deg)}}@keyframes invalidPulse{0%,to{border-color:#ff734f42}35%{border-color:#ff734ff0;box-shadow:0 0 24px #ff734f5c}}@keyframes convertCell{0%{background:#2b3038}45%{box-shadow:inset 0 0 28px #38f3ff66,0 0 18px #38f3ff3d}to{background:#07121870}}@keyframes lineClear{0%,to{filter:brightness(1)}38%{filter:brightness(1.8);box-shadow:0 0 22px #a7ff543d}}@keyframes dissolve{80%{opacity:.2;transform:scale(1.16)}}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.play-layout{grid-template-columns:1fr 1.25fr}.right-rail{grid-column:1 / -1;grid-template-columns:repeat(3,1fr)}.board{width:min(100%,72vh,620px)}}@media(max-width:760px){.status-bar{grid-template-columns:1fr auto}.hud-metric{min-width:0}.play-layout,.tutorial-stage,.right-rail{grid-template-columns:1fr}.matrix-column{order:-1}.board{width:min(100%,94vw,560px)}.cell svg{width:70%;height:70%}.stats-grid{grid-template-columns:1fr}.menu-actions button,.modal-actions button,.control-bank button{flex:1 1 150px}}@media(max-width:440px){.app-shell{padding:8px}.game-panel{padding:10px}.status-bar{gap:8px}.hud-metric{padding:7px 8px}.hud-metric strong{font-size:16px}.board{gap:3px;padding:6px}}[data-reduced-motion=true] *,[data-reduced-motion=true] *:before,[data-reduced-motion=true] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}