:root{--term:#4dffa6;--term-dim:#2a8f60;--bg:#04100c;--panel:#071b13;--amber:#ffd166;--danger:#ff4d5e;font-size:clamp(14px,1.45vmin,19px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:#d8ffe9;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:SF Mono,Menlo,Consolas,monospace}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}#scanlines{z-index:30;pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px);position:absolute;inset:0}#hud{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;display:flex;position:absolute;top:0;left:0;right:0}#hud>*{pointer-events:auto}.hud-left,.hud-right{align-items:center;gap:.9rem;display:flex}.hud-title{flex-direction:column;line-height:1.2;display:flex}#hudVault{letter-spacing:.14em;color:var(--term);text-shadow:0 0 12px #4dffa680;font-size:.95rem;font-weight:700}#hudLock{letter-spacing:.22em;opacity:.75;font-size:.68rem}.icon-btn{width:2.4rem;height:2.4rem;color:var(--term);cursor:pointer;background:#071b13d9;border:1px solid #4dffa666;border-radius:.4rem;font-size:1.1rem;transition:all .15s}.icon-btn:hover{background:#103022f2;box-shadow:0 0 14px #4dffa64d}.icon-btn.off{opacity:.4}.score-box{text-align:right;flex-direction:column;line-height:1.05;display:flex}.score-box span{color:var(--amber);font-variant-numeric:tabular-nums;text-shadow:0 0 14px #ffd16680;font-size:1.2rem;font-weight:800}.score-box label{letter-spacing:.3em;opacity:.7;font-size:.56rem}.trace-wrap{flex-direction:column;gap:.2rem;min-width:9rem;display:flex}.trace-wrap label{letter-spacing:.3em;color:var(--danger);font-size:.56rem}.trace{background:#ff4d5e1f;border:1px solid #ff4d5e66;border-radius:.3rem;height:.55rem;overflow:hidden}#traceFill{background:linear-gradient(90deg, #8f2f4a, var(--danger));width:0%;height:100%;transition:width .2s linear;box-shadow:0 0 12px #ff4d5eb3}.puzzle{z-index:9;text-align:center;background:#071b13eb;border:1px solid #4dffa659;border-radius:.6rem;width:min(38rem,94vw);padding:1.5rem 1.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);box-shadow:0 0 0 1px #0009,0 24px 80px #0009,inset 0 0 40px #4dffa60a}.pz-head{flex-direction:column;gap:.45rem;margin-bottom:1.1rem;display:flex}#pzType{letter-spacing:.34em;color:var(--term);font-size:.66rem;font-weight:800}#pzPrompt{opacity:.92;font-size:.98rem;line-height:1.5}.pz-body{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;margin-bottom:1.2rem;display:flex}.seq-chip{font-variant-numeric:tabular-nums;text-shadow:0 0 10px #4dffa68c;background:#04100ce6;border:1px solid #4dffa666;border-radius:.5rem;min-width:3.6rem;padding:.7rem .6rem;font-size:1.35rem;font-weight:800}.seq-chip.q{color:var(--amber);text-shadow:0 0 12px #ffd16699;border-color:#ffd16680}.cipher-text{letter-spacing:.42em;color:var(--amber);text-shadow:0 0 16px #ffd16680;border:1px dashed #ffd16666;border-radius:.5rem;padding:.6rem 1rem;font-size:1.7rem;font-weight:800}.cipher-key{letter-spacing:.18em;opacity:.85;width:100%;margin-top:.5rem;font-size:.82rem}.cipher-key b{color:var(--term)}.grid-wrap{grid-template-columns:repeat(3,4.6rem);gap:.45rem;display:grid}.grid-cell{background:#04100ce6;border:1px solid #4dffa64d;border-radius:.4rem;justify-content:center;align-items:center;width:4.6rem;height:4.6rem;display:flex}.grid-cell.gap{border-style:dashed;border-color:#ffd16699}.grid-cell.gap:after{content:"?";color:var(--amber);font-size:1.6rem;font-weight:800}.grid-cell svg{width:82%;height:82%}.pz-choices{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.pz-choices button{font:inherit;cursor:pointer;color:#d8ffe9;background:#0a2218e6;border:1px solid #4dffa673;border-radius:.5rem;min-width:5.4rem;padding:.7rem 1rem;font-size:1.1rem;font-weight:800;transition:all .13s}.pz-choices button:hover{background:#143c2af2;transform:translateY(-2px);box-shadow:0 0 16px #4dffa640}.pz-choices button.right{border-color:var(--term);background:#2ea06466;box-shadow:0 0 20px #4dffa680}.pz-choices button.wrong{border-color:var(--danger);background:#c8324266;animation:.3s glitch}.pz-choices button svg{width:2.6rem;height:2.6rem;margin:0 auto;display:block}@keyframes glitch{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.overlay{z-index:20;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 50% 40%,#0a281c80,#020806f2 75%);flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;padding:2rem;display:flex;position:absolute;inset:0}h1{letter-spacing:.14em;color:var(--term);text-shadow:0 0 30px #4dffa699,0 0 80px #4dffa64d;font-size:clamp(2.4rem,6.6vmin,4.4rem);font-weight:900}h2{letter-spacing:.16em;color:var(--term);text-shadow:0 0 20px #4dffa680;font-size:clamp(1.5rem,3.8vmin,2.2rem)}.tag{opacity:.88;font-size:.98rem;line-height:1.7}.menu-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.menu-btns button,button.primary{font:inherit;cursor:pointer;letter-spacing:.16em;color:#d8ffe9;background:#071b13e6;border:1px solid #4dffa680;border-radius:.5rem;padding:.85rem 2rem;font-size:.92rem;font-weight:800;transition:all .15s}button.primary{color:#02100a;background:linear-gradient(#3fd68c,#1d7a4c);border:none;box-shadow:0 0 30px #4dffa659}button.primary:hover{transform:translateY(-2px);box-shadow:0 0 44px #4dffa68c}.menu-btns button:not(.primary):hover{background:#103022f2}.best{letter-spacing:.2em;color:var(--amber);opacity:.9;font-size:.82rem}.brief{text-align:left;flex-direction:column;gap:.7rem;max-width:34rem;font-size:.95rem;line-height:1.75;list-style-position:inside;display:flex}.brief b{color:var(--term)}.res-stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:2.2rem;display:flex}.res-stats .cell{flex-direction:column;line-height:1.1;display:flex}.res-stats .cell b{color:var(--amber);font-size:1.65rem}.res-stats .cell label{letter-spacing:.26em;opacity:.7;font-size:.6rem}#toast{z-index:15;pointer-events:none;letter-spacing:.05em;color:#d8ffe9;text-align:center;background:#071b13f0;border:1px solid #4dffa673;border-radius:.5rem;max-width:min(40rem,92vw);padding:.6rem 1.3rem;font-size:.95rem;font-weight:700;animation:.25s ease-out toastIn;position:absolute;top:15%;left:50%;transform:translate(-50%)}#toast.bad{color:#ffc9cf;border-color:#ff4d5e8c}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}