:root{--bg:#0b0b2b;--win-bg:#11123a;--win-bg2:#0a0a26;--ink:#eef0ff;--ink-dim:#9aa0d0;--line:#fff;--radius:0px;--accent:#4a8bff;--accent-2:#84b4ff;--accent-ink:#bcd4ff;--accent-deep:#14307a;color:var(--ink);font-family:DotGothic16,"Press Start 2P",monospace;font-size:17px;line-height:1.7}.accent-dna{--accent:#4a8bff;--accent-2:#84b4ff;--accent-ink:#bcd4ff;--accent-deep:#14307a}.accent-rna{--accent:#2fd06f;--accent-2:#7ff0a6;--accent-ink:#c6ffd9;--accent-deep:#0c5e30}.accent-protein{--accent:#ffae33;--accent-2:#ffd07a;--accent-ink:#ffe6b3;--accent-deep:#8a4e00}.accent-reverse{--accent:#c266ff;--accent-2:#e3a6ff;--accent-ink:#f0d4ff;--accent-deep:#4f1280}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background-color:var(--bg);-webkit-font-smoothing:none;background-image:radial-gradient(circle at 20% 10%,#4a8bff1f,#0000 40%),radial-gradient(circle at 85% 80%,#c266ff1f,#0000 45%);background-attachment:fixed}body:after{content:"";pointer-events:none;z-index:999;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#00000024 2px 4px);position:fixed;inset:0}img{image-rendering:pixelated}button{cursor:pointer;font-family:inherit}h1,h2,h3{margin:0 0 .5em;line-height:1.3}.app-root,.topbar,.overlay{text-shadow:2px 2px #000}.app-root{flex-direction:column;min-height:100vh;display:flex}.screen-wrap{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:16px clamp(10px,3vw,24px) 60px}.game,.story-panel,.quiz-card,.quiz-result,.summary-card,.exc-card,.overlay-inner,.learning-card,.badge-shelf,.result-card{background:var(--win-bg);border:4px solid var(--line);color:var(--ink);border-radius:0;box-shadow:0 0 0 4px #000,10px 10px #0000008c}.btn{color:#fff;background:var(--accent);text-shadow:2px 2px #0009;letter-spacing:.04em;border:3px solid #000;border-radius:0;padding:14px 24px;font-family:inherit;font-size:1.05rem;font-weight:400;transition:transform 50ms steps(2,end),box-shadow 50ms steps(2,end);box-shadow:5px 5px #000}.btn:before{content:"▶ ";color:#fff}.btn:active{transform:translate(5px,5px);box-shadow:0 0 #000}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{background:var(--win-bg2);color:var(--accent-ink);border:3px solid var(--accent)}.btn-ghost:before{content:""}.btn.big{margin-top:10px;padding:16px 28px;font-size:1.15rem}.btn.huge{margin-top:12px;padding:18px 34px;font-size:1.3rem}.link-btn{color:var(--accent-ink);text-shadow:2px 2px #000;background:0 0;border:none;padding:6px 8px;font-family:inherit;font-size:.95rem;text-decoration:underline}.link-btn.danger{color:#ff7a8f}.topbar{z-index:30;background:var(--win-bg2);border-bottom:4px solid #fff;flex-wrap:wrap;align-items:center;gap:10px;padding:8px clamp(8px,2vw,16px);display:flex;position:sticky;top:0;box-shadow:0 4px #000}.topbar-left,.topbar-right{align-items:center;gap:8px;display:flex}.topbar-right{flex-wrap:wrap;margin-left:auto}.icon-btn{background:var(--win-bg);color:#fff;border:3px solid #000;border-radius:0;place-items:center;width:42px;height:42px;font-size:1.15rem;display:grid;box-shadow:3px 3px #000}.icon-btn:active{transform:translate(3px,3px);box-shadow:0 0 #000}.progress-dots{align-items:center;gap:5px;display:flex}.pdot{border:3px solid var(--accent);color:#fff;opacity:.5;background:#06061a;border-radius:0;place-items:center;width:24px;height:24px;font-size:.75rem;display:grid}.pdot.done{background:var(--accent);opacity:1}.pdot.current{opacity:1;box-shadow:0 0 0 2px #fff,4px 4px #000}.stage-chip{background:var(--accent-deep);color:var(--accent-ink);border:3px solid var(--accent);border-radius:0;padding:4px 10px;font-size:.85rem}.score-chip{color:#ffd86a;background:#2a1c00;border:3px solid #ffb23e;border-radius:0;padding:4px 10px}.hearts{gap:2px;font-size:1.05rem;display:flex}.heart.off{filter:grayscale()brightness(.7)}.term{display:inline-block;position:relative}.term-trigger{background:var(--accent-deep);border:2px solid var(--accent);color:var(--accent-ink);border-radius:0;padding:0 5px;font-family:inherit}.term-q{vertical-align:super;font-size:.75em}.term-pop{background:var(--win-bg);width:min(80vw,280px);color:var(--ink);z-index:50;text-align:left;border:3px solid #fff;border-radius:0;padding:10px 12px;font-size:.82rem;line-height:1.6;position:absolute;bottom:130%;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #000,6px 6px #00000080}.term-pop b{color:var(--accent-ink);margin-bottom:4px;display:block}.term-close{background:var(--accent);color:#fff;border:2px solid #000;border-radius:0;margin:8px 0 0 auto;padding:3px 10px;font-family:inherit;font-size:.78rem;display:block}.mascot-img{image-rendering:pixelated}.floaty{animation:.9s steps(2,end) infinite floaty}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mascot-fallback{line-height:1}.speech-bubble{background:var(--win-bg);border:3px solid #fff;border-radius:0;padding:10px 14px;box-shadow:0 0 0 3px #000}.title-screen{text-align:center;min-height:100vh;image-rendering:pixelated;background:linear-gradient(#06061a73,#06061ab3),url(/images/hero.png) 50%/cover no-repeat;place-items:center;padding:26px 16px 48px;display:grid;position:relative}.mute-corner{position:absolute;top:14px;right:14px}.title-hero{max-width:680px}.title-hero .mascot-img,.title-hero .mascot-fallback{margin-bottom:6px}.game-title{letter-spacing:.02em;text-shadow:3px 3px #000,6px 6px #0006;margin:8px 0 14px;font-size:clamp(1.7rem,6.5vw,3rem)}.t-dna{color:#8fd0ff;display:inline-block}.t-quest{color:#ffd86a;display:inline-block}.title-sub{color:#dfe6ff;text-shadow:2px 2px #000;margin-bottom:22px;font-size:clamp(.85rem,2.4vw,1rem);line-height:1.9}.title-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.title-record{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.rank-pill,.best-pill,.badge-count-pill{background:var(--win-bg);color:var(--ink);border:3px solid #fff;border-radius:0;padding:6px 12px;font-size:.82rem;box-shadow:0 0 0 3px #000}.reset-row{margin-top:18px}.reset-confirm{background:var(--win-bg);border:3px solid #fff;border-radius:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:inline-flex}.title-credit{color:#ffffffb3;text-shadow:2px 2px #000;font-size:.72rem;position:absolute;bottom:10px}.title-actions .btn.huge{animation:1s steps(2,end) infinite pressblink}@keyframes pressblink{50%{filter:brightness(1.35)}}.map-screen{position:relative}.map-bg{z-index:-1;image-rendering:pixelated;opacity:.42;background:url(/images/map.png) 50%/cover no-repeat;position:fixed;inset:0}.map-overlay{padding-top:6px}.map-head{background:var(--win-bg2);border:4px solid #fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;display:flex;box-shadow:0 0 0 4px #000}.map-head h2{margin:0;font-size:1.2rem}.map-rank{flex-wrap:wrap;gap:8px;display:flex}.node-path{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.node-wrap{align-items:center;display:flex}.map-node{background:var(--win-bg);border:4px solid var(--accent);text-align:center;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:150px;min-height:130px;padding:12px 8px;display:flex;position:relative;box-shadow:0 0 0 3px #000,6px 6px #00000080}.map-node:active{transform:translate(3px,3px);box-shadow:0 0 0 3px #000}.map-node.locked{filter:grayscale(.8)brightness(.7);border-style:dashed}.map-node.cleared{background:var(--accent-deep)}.node-num{background:var(--accent);color:#fff;border:3px solid #000;border-radius:0;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:-14px;left:-12px;box-shadow:3px 3px #000}.node-icon{font-size:2rem}.node-name{color:var(--accent-ink);font-size:.86rem}.node-best{color:#ffd86a;font-size:.78rem}.node-check{color:var(--accent-2);font-size:.74rem}.node-link{background:#fff;width:16px;height:4px}.exception-zone{flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0;display:flex}.map-node.door{background:#1a0830;border-color:#c266ff;flex-direction:row;gap:10px;width:auto;min-width:280px;box-shadow:0 0 0 3px #000,0 0 18px #c266ff}.map-node.door .node-name{color:#f0d4ff}.map-node.result{flex-direction:row;gap:10px;width:auto;min-width:230px}.door-locked{color:#d9b8ff;background:#160826;border:4px dashed #7a3fb0;border-radius:0;flex:1;align-items:center;gap:10px;min-width:250px;padding:16px;font-size:.85rem;display:flex}.badge-shelf{margin-top:18px;padding:14px 16px}.badge-shelf h3{color:var(--accent-ink);margin:0 0 12px;font-size:1rem}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.badge{text-align:center;background:var(--win-bg2);opacity:.6;border:3px solid #3a3a66;border-radius:0;padding:10px 6px}.badge.got{opacity:1;background:#2a1c00;border-color:#ffb23e;box-shadow:3px 3px #000}.badge-icon{font-size:1.7rem;display:block}.badge-name{color:var(--ink);font-size:.7rem}.story-panel{text-align:center;cursor:pointer;max-width:700px;margin:24px auto;padding:20px}.story-title{color:var(--accent-ink);font-size:1.15rem}.story-stage{place-items:center;min-height:130px;display:grid}.narrator-spark{font-size:2.6rem}.dialog{background:var(--win-bg2);text-align:left;border:3px solid #fff;border-radius:0;min-height:92px;margin-top:8px;padding:16px 18px;position:relative;box-shadow:0 0 0 3px #000}.dialog.narrator{color:#cdd3ff}.speaker{color:var(--accent-ink);margin-bottom:6px}.speaker-emoji{image-rendering:pixelated}.dialog-text{margin:0;font-size:1.02rem}.dialog:after{content:"▼";color:var(--accent-2);animation:.8s steps(2,end) infinite blinkArrow;position:absolute;bottom:8px;right:12px}@keyframes blinkArrow{50%{opacity:0}}.story-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.story-dots{gap:5px;display:flex}.story-dots span{background:#3a3a66;width:9px;height:9px}.story-dots span.on{background:var(--accent)}.game{max-width:780px;margin:16px auto;padding:clamp(14px,3vw,22px)}.game-head{text-align:center;margin-bottom:12px}.game-h2{color:var(--accent-ink);text-shadow:2px 2px #000;font-size:1.25rem}.game-h2 small{color:var(--ink-dim);font-size:.85rem}.game-tip{color:var(--ink);background:var(--win-bg2);border:3px solid var(--accent);border-radius:0;margin:0;padding:10px 12px;font-size:.92rem}.encounter{border:3px solid var(--accent);color:var(--accent-ink);text-align:center;background:#06061a;margin:10px 0;padding:8px 12px;font-size:.95rem;animation:.3s steps(2,end) encShake}@keyframes encShake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.request-banner{background:var(--accent-deep);color:#fff;border:3px solid var(--accent);text-align:center;border-radius:0;margin:14px 0;padding:14px 16px;box-shadow:4px 4px #000}.gene-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.gene-card{background:var(--win-bg2);text-align:center;min-height:152px;color:var(--ink);border:3px solid #44447a;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:16px 12px;display:flex;box-shadow:4px 4px #000}.gene-card:hover{border-color:var(--accent)}.gene-card.correct{background:#0c3a20;border-color:#2fd06f;box-shadow:0 0 0 3px #2fd06f,4px 4px #000}.gene-card.dim{opacity:.45}.gene-icon{font-size:2.2rem}.gene-name{color:var(--accent-ink);font-size:1rem}.gene-role{color:var(--ink-dim);font-size:.8rem}.gene-dna{color:#8fd0ff;background:#06061a;border:2px solid #2a2a55;padding:3px 6px;font-family:"Press Start 2P",monospace;font-size:.55rem}.inline-learn{background:var(--accent-deep);border:3px solid var(--accent);text-align:center;border-radius:0;margin-top:14px;padding:12px}.pair-legend{background:var(--win-bg2);border:3px solid var(--accent);border-radius:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:10px 0;padding:8px 10px;display:flex}.pair-title{color:var(--accent-ink)}.pair{border:2px solid var(--accent);color:var(--accent-ink);background:#06061a;border-radius:0;padding:3px 8px;font-family:"Press Start 2P",monospace;font-size:.7rem}.pair-note{color:var(--ink-dim);text-align:center;width:100%;font-size:.78rem}.timer-row{align-items:center;gap:10px;margin:12px 0;display:flex}.timer-bar{background:#06061a;border:3px solid #000;border-radius:0;flex:1;height:18px;overflow:hidden}.timer-fill{background:var(--accent);height:100%;image-rendering:pixelated;transition:width .3s steps(8,end)}.timer-num{color:#ffd86a;min-width:44px;font-family:"Press Start 2P",monospace;font-size:.8rem}.combo{color:#ff9a3c;background:#2a1200;border:2px solid #ff7a1c;border-radius:0;padding:2px 8px;font-size:.85rem}.strand-label{color:var(--ink-dim);margin:10px 0 4px;font-size:.82rem}.strand{background:#06061a;border:3px solid #2a2a55;border-radius:0;flex-wrap:wrap;gap:6px;padding:10px;display:flex}.base{background:var(--win-bg);width:42px;height:46px;color:var(--ink);border:3px solid #3a3a66;border-radius:0;place-items:center;font-family:"Press Start 2P",monospace;font-size:.95rem;display:grid;position:relative}.dna-strand .base{color:#8fd0ff}.dna-strand.reverse .base{color:#e3a6ff}.rna-strand .base{color:#7ff0a6}.base.used{opacity:.4}.base.current{border-color:var(--accent);box-shadow:0 0 0 2px #fff}.base.empty{color:#3a3a66;background:#08081e;border-style:dashed}.base.filled{background:var(--accent-deep);border-color:var(--accent)}.polymerase{image-rendering:pixelated;font-size:1.2rem;animation:.7s steps(2,end) infinite floaty;position:absolute;top:-22px}.codon-hint{color:var(--accent-ink);margin-top:8px;font-family:"Press Start 2P",monospace;font-size:.8rem}.base-pad{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.base-btn{color:#fff;background:var(--accent);border:3px solid #000;border-radius:0;height:62px;font-family:"Press Start 2P",monospace;font-size:1.3rem;box-shadow:5px 5px #000}.base-btn:active{transform:translate(5px,5px);box-shadow:0 0 #000}.base-btn.glow-hint{animation:.6s steps(2,end) infinite hintBlink}@keyframes hintBlink{50%{box-shadow:5px 5px #000,0 0 0 4px #fff}}.pad-foot{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.pad-foot.center{color:var(--ink-dim);justify-content:center;font-size:.85rem}.pad-progress{color:var(--accent-ink);font-size:.85rem}.maze{border:4px solid var(--accent);background:#000;gap:3px;max-width:460px;margin:14px auto;padding:6px;display:grid;box-shadow:0 0 0 3px #000}.cell{aspect-ratio:1;border-radius:0;place-items:center;font-size:clamp(.9rem,4.2vw,1.5rem);display:grid}.cell.wall{background:#1a1a3a;box-shadow:inset 0 0 0 2px #2c2c54}.cell.path{background:#2a2440}.cell.goal{background:#2a2400;box-shadow:inset 0 0 0 3px #ffd86a}.token.mrna{image-rendering:pixelated;animation:.6s steps(2,end) infinite floaty}.token.hazard{animation:.4s steps(2,end) infinite wiggle}@keyframes wiggle{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.pellet{animation:.8s steps(2,end) infinite floaty}.dpad{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;width:200px;margin:12px auto 0;display:grid}.dbtn{background:var(--accent);color:#fff;border:3px solid #000;border-radius:0;height:56px;font-size:1.2rem;box-shadow:4px 4px #000}.dbtn:active{transform:translate(4px,4px);box-shadow:0 0 #000}.dbtn.up{grid-area:1/2}.dbtn.left{grid-area:2/1}.dbtn.right{grid-area:2/3}.dbtn.down{grid-area:3/2}.arena-label{text-align:center;color:var(--ink-dim);margin:8px 0 2px;font-size:.82rem}.arena-label.out{color:var(--accent-ink);margin:4px 0 0}.maze.nucleus{background:#06061a}.cell.membrane{background:repeating-linear-gradient(45deg,#2a3a6a 0 4px,#1c2a52 4px 8px);box-shadow:inset 0 0 0 2px #3a4a7a}.cell.nucleus-cell{background:#14224a}.cell.goal{box-shadow:inset 0 0 0 3px #ffd86a,0 0 12px #ffd86a}.token.mrna.passing{animation:.6s steps(4,end) forwards passPore}@keyframes passPore{to{opacity:0;transform:scale(.2)translateY(10px)}}.codon-strip{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0;display:flex}.codon-tile{background:var(--win-bg);color:var(--ink);letter-spacing:.08em;border:3px solid #3a3a66;border-radius:0;padding:12px 14px;font-family:"Press Start 2P",monospace;font-size:.95rem;position:relative}.codon-tile.done{opacity:.45;background:var(--accent-deep)}.codon-tile.reading{border-color:var(--accent);box-shadow:0 0 0 2px #fff}.ribosome{font-size:1.4rem;animation:.7s steps(2,end) infinite floaty;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.reading-codon{text-align:center;margin-bottom:10px;font-size:1.05rem}.reading-codon b{color:var(--accent-ink);font-family:"Press Start 2P",monospace;font-size:1.15rem}.protein-chain{border:3px dashed var(--accent);background:#06061a;border-radius:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:60px;margin-bottom:14px;padding:12px;display:flex}.chain-empty{color:var(--ink-dim);font-size:.88rem}.bead{background:var(--accent);color:#fff;border:3px solid #000;border-radius:0;align-items:center;gap:4px;padding:8px 12px;font-size:.85rem;display:inline-flex;box-shadow:3px 3px #000}.bead.role-start{background:#2fd06f}.bead.role-stop{background:#e0414f}.bond{color:#fff;margin-left:2px}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.choice-card{background:var(--win-bg);border:3px solid var(--accent);color:var(--accent-ink);border-radius:0;padding:18px 12px;font-family:inherit;font-size:1.05rem;box-shadow:5px 5px #000}.choice-card:active{transform:translate(5px,5px);box-shadow:0 0 #000}.codon-ref{background:var(--win-bg2);border:3px solid #3a3a66;border-radius:0;margin-top:16px;padding:12px}.codon-ref-title{color:var(--accent-ink);text-align:center;margin-bottom:8px;font-size:.85rem}.codon-ref-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:6px;display:grid}.ct-row{color:var(--ink);background:#06061a;border:2px solid #2a2a55;border-radius:0;padding:5px 8px;font-size:.82rem}.ct-row b{color:#8fd0ff;font-family:"Press Start 2P",monospace;font-size:.62rem}.game-reverse.noise{animation:.36s steps(3,end) noiseShake}@keyframes noiseShake{0%,to{transform:translate(0)}33%{transform:translate(-4px)}66%{transform:translate(4px)}}.strand.glitch{filter:hue-rotate(40deg)saturate(1.5)}.overlay{z-index:60;background:#040412c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay-inner{text-align:center;width:100%;max-width:540px;margin:auto;padding:24px}.clear-banner{color:#ffd86a;text-shadow:2px 2px #000;margin-bottom:10px;font-size:1.4rem}.clear-stats{color:var(--ink-dim);margin-bottom:12px}.learning-card{text-align:center;border-color:var(--accent);margin:14px 0 18px;padding:24px 18px 18px;position:relative}.learning-tag{background:var(--accent);color:#fff;white-space:nowrap;border:3px solid #000;border-radius:0;padding:3px 12px;font-size:.74rem;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.learning-emoji{font-size:2.4rem}.learning-title{color:var(--accent-ink);margin:6px 0 8px;font-size:1.15rem}.learning-body{text-align:left;margin:0;font-size:.95rem;line-height:1.8}.dogma-diagram{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:6px;margin:18px 0;display:flex}.dogma-node{background:var(--accent);color:#fff;border:3px solid #000;border-radius:0;flex-direction:column;align-items:center;gap:2px;min-width:108px;padding:14px 16px;display:flex;box-shadow:4px 4px #000}.dogma-diagram.animate .dogma-node{animation:.3s steps(3,end) both popNode}.dogma-diagram.animate .dogma-node:first-child{animation-delay:50ms}.dogma-diagram.animate .dogma-node:nth-child(3){animation-delay:.4s}.dogma-diagram.animate .dogma-node:nth-child(5){animation-delay:.75s}@keyframes popNode{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.dn-icon{font-size:1.8rem}.dn-label{font-size:1.05rem}.dn-sub{opacity:.95;font-size:.72rem}.dogma-arrow{min-width:60px;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;display:flex}.arrow-line{background:#fff;width:40px;height:6px;position:relative}.arrow-line:after{content:"▶";color:#fff;font-size:.85rem;position:absolute;top:-9px;right:-10px}.dogma-diagram.animate .arrow-line{animation:.5s steps(2,end) infinite flowblink}@keyframes flowblink{50%{background:var(--accent-2)}}.arrow-word{color:var(--accent-ink);margin-top:4px;font-size:.78rem}.reverse-arrow{text-align:center;color:#e3a6ff;width:100%;margin-top:6px}.rev-line{border-top:4px dashed #c266ff;width:min(70%,360px);height:0;margin:8px auto 2px;display:block}.rev-word{font-size:.85rem}.summary-screen,.quiz-screen{place-items:center;padding:18px 6px;display:grid}.summary-card{text-align:center;max-width:660px;padding:24px}.summary-badge{color:#ffd86a;background:#2a1c00;border:3px solid #ffb23e;border-radius:0;margin-bottom:8px;padding:5px 14px;display:inline-block}.summary-title{color:var(--accent-ink);font-size:1.3rem}.summary-text{text-align:left;background:var(--win-bg2);border:3px solid #2a2a55;border-radius:0;padding:14px;line-height:1.9}.summary-mascot{justify-content:center;align-items:center;gap:10px;margin:14px 0;display:flex}.hook-bubble{color:#e3a6ff;background:#1a0830;border:3px solid #7a3fb0;border-radius:0;padding:10px 14px;font-size:.9rem}.exception-intro{place-items:center;min-height:calc(100vh - 60px);padding:20px;display:grid;position:relative}.door-bg{z-index:-1;image-rendering:pixelated;background:linear-gradient(#06021066,#060210b3),url(/images/door.png) 50%/cover no-repeat;position:fixed;inset:0}.exc-card{text-align:center;border-color:#c266ff;max-width:560px;padding:24px;box-shadow:0 0 0 4px #000,0 0 28px #c266ff}.exc-title{color:#e3a6ff;font-size:1.35rem}.exc-text{text-align:left;line-height:1.9}.exc-flow2{gap:10px;margin:16px 0;display:grid}.exf-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.exf-row.rev{background:#c266ff24;border:3px dashed #c266ff;border-radius:0;padding:10px 6px}.exf-tag{color:#fff;background:#5a6172;border:2px solid #000;padding:3px 9px;font-size:.68rem;box-shadow:2px 2px #000}.exf-tag.rev{background:#c266ff}.exf-node{color:#fff;border:3px solid #000;flex-direction:column;align-items:center;padding:5px 10px;line-height:1.15;display:inline-flex;box-shadow:2px 2px #000}.exf-node .exf-main{white-space:nowrap;font-size:.84rem}.exf-node .exf-sub{opacity:.92;font-size:.58rem}.exf-node.dna{background:#4a8bff}.exf-node.rna{background:#2fd06f}.exf-node.protein{color:#3a2300;background:#ff9f43}.exf-ar{color:#ffd86a;font-size:1.05rem}.exf-ar.back{color:#f0c8ff;white-space:nowrap;font-size:.8rem}.exf-cap{color:#e3a6ff;text-align:center;margin-top:2px;font-size:.82rem}.exc-note{text-align:left;background:#1a0830;border:3px solid #7a3fb0;border-radius:0;padding:10px 12px;font-size:.86rem}.exc-column{text-align:left;background:var(--win-bg2);border:3px solid #2a2a55;margin:12px 0;padding:8px 12px}.exc-column summary{color:#e3a6ff;cursor:pointer}.exc-warn{color:#ffd86a;background:#2a0a0a;border:3px solid #e0414f;border-radius:0;margin:12px 0;padding:10px}.exc-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.quiz-card{width:100%;max-width:560px;padding:24px}.quiz-progress{color:var(--ink-dim);text-align:center}.quiz-q{text-align:center;margin:12px 0 18px;font-size:1.2rem}.quiz-choices{gap:10px;display:grid}.quiz-choice{background:var(--win-bg2);color:var(--ink);text-align:left;border:3px solid #3a3a66;border-radius:0;padding:14px;font-family:inherit;font-size:1rem;box-shadow:4px 4px #000}.quiz-choice:before{content:"▶ ";color:var(--accent-2)}.quiz-choice:hover:not(:disabled){border-color:var(--accent)}.quiz-choice.right{background:#0c3a20;border-color:#2fd06f}.quiz-choice.wrong{background:#2a0a0a;border-color:#e0414f}.quiz-explain{background:var(--win-bg2);border:3px solid var(--accent);text-align:center;border-radius:0;margin-top:16px;padding:14px;line-height:1.8}.quiz-explain b{color:var(--accent-ink)}.quiz-result{text-align:center;max-width:480px;padding:30px}.quiz-score-big{color:#ffd86a;font-size:1.7rem}.quiz-emoji{font-size:2.6rem}.result-screen{place-items:center;min-height:calc(100vh - 60px);padding:24px 12px;display:grid;position:relative}.result-bg{z-index:-1;image-rendering:pixelated;background:linear-gradient(#0a041459,#0a041499),url(/images/ending.png) 50%/cover no-repeat;position:fixed;inset:0}.result-card{text-align:center;border-color:#ffd86a;max-width:600px;padding:26px}.result-title{color:#ffd86a;font-size:1.4rem}.result-rank{justify-content:center;align-items:center;gap:10px;margin:4px 0 10px;display:flex}.rank-emoji-big{font-size:2.4rem}.rank-name-big{font-size:1.25rem}.result-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:6px;display:flex}.rs{color:#ffd86a;background:#2a1c00;border:3px solid #ffb23e;border-radius:0;padding:6px 12px}.rs.reverse{color:#e3a6ff;background:#1a0830;border-color:#c266ff}.result-text{text-align:left;background:var(--win-bg2);border:3px solid #2a2a55;border-radius:0;padding:14px;line-height:1.9}.result-badges{flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0;display:flex}.rbadge{background:#2a1c00;border:3px solid #ffb23e;border-radius:0;flex-direction:column;align-items:center;min-width:80px;padding:8px 10px;font-size:1.7rem;display:flex}.rbadge small{color:var(--ink);font-size:.62rem}.result-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.toast{color:#fff;background:#000;border:3px solid #fff;border-radius:0;margin-top:12px;padding:10px 16px;display:inline-block}.pop-in{animation:.25s steps(3,end) both popIn}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.shake{animation:.3s steps(2,end) shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.wrongflash{background:#2a0a0a!important;border-color:#e0414f!important}.flash-bad{animation:.3s steps(2,end) flashBad}@keyframes flashBad{50%{box-shadow:0 0 0 4px #e0414f}}.recoil{animation:.3s steps(2,end) recoil}@keyframes recoil{0%{transform:translate(0)}50%{transform:translate(-10px)}to{transform:translate(0)}}.confetti{pointer-events:none;z-index:70;position:fixed;inset:0;overflow:hidden}.confetti-piece{image-rendering:pixelated;animation-name:confFall;animation-timing-function:linear;animation-iteration-count:1;position:absolute;top:-20px}.confetti-piece.round{border-radius:0}@keyframes confFall{0%{transform:translateY(-20px)}to{transform:translateY(105vh)}}.rule-screen{place-items:center;padding:18px 6px;display:grid}.rule-card{background:var(--win-bg);border:4px solid var(--accent);text-align:center;width:100%;max-width:600px;color:var(--ink);border-radius:0;padding:26px 22px 22px;position:relative;box-shadow:0 0 0 4px #000,10px 10px #0000008c}.rule-tag{background:var(--accent);color:#fff;white-space:nowrap;border:3px solid #000;border-radius:0;padding:3px 14px;font-size:.78rem;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.rule-title{color:var(--accent-ink);margin:6px 0 12px;font-size:1.25rem}.rule-lead{margin:0 0 12px;font-size:.95rem;line-height:1.8}.rule-list{text-align:left;gap:10px;max-width:520px;margin:0 auto 14px;padding-left:1.4em;display:grid}.rule-list li{font-size:.98rem;line-height:1.7}.rule-example{background:var(--win-bg2);border:3px dashed var(--accent);text-align:center;border-radius:0;margin:0 auto 16px;padding:12px 14px;font-size:.95rem;line-height:1.9}.rule-pair{border:2px solid var(--accent);color:var(--accent-ink);background:#06061a;margin:3px;padding:4px 8px;font-family:"Press Start 2P",monospace;font-size:.7rem;display:inline-block}.rule-mini-codon{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:inline-flex}.reverse-summary-screen{place-items:center;min-height:calc(100vh - 60px);padding:24px 12px;display:grid;position:relative}.rsum-bg{z-index:-1;image-rendering:pixelated;background:linear-gradient(#0602108c,#060210c7),url(/images/door.png) 50%/cover no-repeat;position:fixed;inset:0}.rsum-card{background:var(--win-bg);text-align:center;max-width:620px;color:var(--ink);border:4px solid #c266ff;border-radius:0;padding:26px;box-shadow:0 0 0 4px #000,0 0 30px #c266ff}.rsum-badge{color:#e3a6ff;background:#1a0830;border:3px solid #c266ff;border-radius:0;margin-bottom:8px;padding:5px 14px;display:inline-block}.rsum-title{color:#e3a6ff;font-size:1.35rem}.rsum-text{text-align:left;background:var(--win-bg2);border:3px solid #2a2a55;border-radius:0;margin:12px 0;padding:14px;line-height:1.9}.rsum-virus{text-align:left;background:#1a0830;border:3px solid #7a3fb0;border-radius:0;margin:12px 0;padding:12px 14px;line-height:1.9}.rsum-virus b{color:#e3a6ff}@media (width<=560px){:root{font-size:15px}.stage-chip{display:none}.base{width:34px;height:40px;font-size:.8rem}.map-node{width:132px;min-height:120px}.game-h2{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){*,body:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}.difficulty-screen{place-items:center;min-height:calc(100vh - 60px);padding:22px 8px;display:grid}.diff-card{background:var(--win-bg);border:4px solid var(--accent);text-align:center;width:100%;max-width:660px;color:var(--ink);border-radius:0;padding:30px 20px 22px;position:relative;box-shadow:0 0 0 4px #000,10px 10px #0000008c}.diff-title{color:var(--accent-ink);margin:8px 0 6px;font-size:1.35rem}.diff-sub{color:var(--ink-dim);margin:0 0 18px;font-size:.9rem;line-height:1.7}.diff-grid{gap:14px;margin-bottom:20px;display:grid}@media (width>=640px){.diff-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}}.diff-opt{text-align:center;background:var(--win-bg2);box-shadow:0 0 0 3px var(--accent);color:var(--ink);cursor:pointer;border:4px solid #000;align-content:start;justify-items:center;gap:7px;padding:18px 12px 16px;font-family:inherit;transition:transform 80ms;display:grid;position:relative}.diff-opt:hover{transform:translateY(-2px)}.diff-opt.on{background:var(--accent-deep);box-shadow:0 0 0 3px var(--accent), 0 0 18px var(--accent);transform:translateY(-2px)}.diff-emoji{font-size:2.3rem;line-height:1}.diff-label{color:var(--accent-ink);align-items:center;gap:6px;font-size:1.05rem;font-weight:700;display:inline-flex}.diff-rec{color:#3a2300;background:#ffae33;border:2px solid #000;padding:2px 6px;font-size:.6rem}.diff-blurb{color:var(--ink);font-size:.82rem;line-height:1.6}.diff-check{color:var(--accent-ink);margin-top:2px;font-size:.74rem}.diff-actions{justify-items:center;gap:10px;display:grid}.diff-change{background:var(--win-bg2);color:var(--accent-ink);border:3px solid var(--accent);cursor:pointer;border-radius:0;margin:0 auto 14px;padding:6px 14px;font-family:inherit;font-size:.82rem;display:block}.diff-change b{color:#fff}.diff-chip{background:var(--win-bg2);color:var(--accent-ink);border:2px solid var(--accent);white-space:nowrap;border-radius:0;padding:2px 8px;font-size:.78rem}ruby{ruby-position:over;ruby-align:center}rt{color:#9aa0d0;-webkit-user-select:none;user-select:none;font-size:.5em;font-weight:400;line-height:1}.dialog-text,.tut-body,.summary-text,.rsum-text,.learning-body,.game-tip,.exc-text,.result-text,.name-title,.name-sub,.quiz-q,.quiz-explain,.gf-narration,.stc-sub,.request-banner,.inline-learn,.reading-codon,.diff-blurb{line-height:2.1}.name-screen{place-items:center;min-height:calc(100vh - 60px);padding:20px;display:grid}.name-card{background:var(--win-bg);border:4px solid var(--accent);text-align:center;width:100%;max-width:460px;padding:32px 22px 24px;position:relative;box-shadow:0 0 0 4px #000,10px 10px #00000080}.name-title{color:var(--accent-ink);margin:10px 0 4px;font-size:1.2rem}.name-sub{color:var(--ink-dim);margin-bottom:16px;font-size:.85rem}.name-input{text-align:center;background:var(--win-bg2);color:#fff;border:3px solid var(--accent);border-radius:0;width:100%;max-width:260px;margin-bottom:18px;padding:10px;font-family:inherit;font-size:1.3rem;box-shadow:inset 0 0 0 2px #000}.stage-title-card{cursor:pointer;place-items:center;min-height:calc(100vh - 60px);padding:20px;display:grid}.scroll-stage{width:min(92vw,540px);position:relative}.scroll-rod{background:linear-gradient(#a86f33,#6e4a1f);border-radius:9px;height:18px;box-shadow:0 0 0 3px #000}.scroll-rod.top{margin-bottom:-3px}.scroll-rod.bot{margin-top:-3px}.scroll-paper{color:#3a2a12;text-align:center;transform-origin:top;background:repeating-linear-gradient(#f3e6c4,#f3e6c4 6px,#eaddb6 6px 7px);padding:34px 20px;animation:.55s ease-out both scrollOpen;box-shadow:inset 0 0 0 3px #b9925a}@keyframes scrollOpen{0%{opacity:.3;transform:scaleY(.04)}to{opacity:1;transform:scaleY(1)}}.stc-emoji{font-size:3rem;animation:.5s .5s both pop-in}.stc-kicker{color:#7a5a28;margin:8px 0;font-family:"Press Start 2P",monospace;font-size:.78rem}.stc-sub{color:#241806;margin:0;font-size:clamp(1.2rem,5vw,1.7rem)}.stc-hint{color:var(--ink-dim);margin-top:16px;animation:1s steps(2,start) infinite blink}.tutorial{place-items:center;padding:18px 8px;display:grid}.tut-card{background:var(--win-bg);border:4px solid var(--accent);text-align:center;width:100%;max-width:600px;padding:30px 18px 20px;position:relative;box-shadow:0 0 0 4px #000,10px 10px #00000080}.tut-illust{background:var(--win-bg2);border:3px solid var(--accent);place-items:center;min-height:140px;margin:8px 0 14px;padding:16px 12px;display:grid}.tut-title{color:var(--accent-ink);margin:4px 0 8px;font-size:1.15rem}.tut-body{margin:0 0 14px;font-size:1rem}.tut-nav{justify-content:center;align-items:center;gap:18px;margin-bottom:14px;display:flex}.tut-arrow{background:var(--accent);color:#fff;cursor:pointer;border:3px solid #000;width:48px;height:48px;font-family:inherit;font-size:1.1rem;box-shadow:3px 3px #00000080}.tut-arrow:disabled{opacity:.25;cursor:default;box-shadow:none}.tut-dots{gap:6px;display:flex}.tut-dots span{border:2px solid var(--accent);background:#06061a;width:10px;height:10px;display:inline-block}.tut-dots span.on{background:var(--accent)}.tut-foot{color:var(--ink-dim);margin:0;font-size:.85rem}.illust{width:100%}.illust-arrow{color:var(--accent-ink);margin:8px 0;font-size:.9rem}.illust-shelf .shelf-row{justify-content:center;gap:6px;font-size:2.1rem;display:flex}.illust-shelf .book.glow{filter:drop-shadow(0 0 8px var(--accent));transform:scale(1.3)}.illust-shelf .found{color:var(--accent-ink);font-size:1.1rem}.illust-pairs .ip-head{color:var(--accent-ink);grid-template-columns:1fr 28px 1fr;gap:8px;margin-bottom:8px;font-size:.68rem;display:grid}.ip-row{grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px;margin:5px 0;display:grid}.ip-tile{border:3px solid #000;padding:9px 0;font-family:"Press Start 2P",monospace;font-size:1rem}.ip-tile.dna{color:#bcd4ff;background:#13347a}.ip-tile.rna{color:#c6ffd9;background:#0c5e30}.ip-mid{color:var(--accent-ink);font-weight:700}.illust-note{color:#ffd86a;margin-top:10px;font-size:.82rem}.illust-route{gap:6px;font-size:1.15rem;display:grid}.illust-route .route-mid{justify-content:center;align-items:center;gap:14px;display:flex}.illust-route .route-line{color:var(--ink-dim)}.illust-route .foe{font-size:1.4rem}.illust-chain .chain-codons{flex-wrap:wrap;justify-content:center;gap:8px;font-family:"Press Start 2P",monospace;font-size:.66rem;display:flex}.illust-chain .cd{border:2px solid var(--accent);background:#06061a;padding:7px 5px}.illust-chain .cd.reading{background:var(--accent-deep);color:var(--accent-ink)}.illust-chain .chain-beads{margin-top:10px;font-size:.9rem}.illust-chain .bd{background:var(--accent);color:#3a2300;border:2px solid #000;margin:0 2px;padding:4px 7px;font-size:.8rem;display:inline-block}.map-unlocks{gap:8px;max-width:540px;margin:0 auto 14px;display:grid}.unlock-btn{cursor:pointer;color:#06301a;border:3px solid #000;padding:13px 12px;font-family:inherit;font-size:.95rem;line-height:1.5;box-shadow:5px 5px #00000080}.unlock-btn.next{background:#2fd06f}.unlock-btn.finale{color:#3a2300;background:linear-gradient(90deg,#ffd86a,#ffae33)}.unlock-btn.reverse{color:#fff;background:linear-gradient(90deg,#c266ff,#9a4ad8)}.diff-pill{background:var(--win-bg2);border:2px solid var(--accent);color:var(--accent-ink);padding:2px 8px;font-size:.78rem}.grand-finale{place-items:center;min-height:calc(100vh - 60px);padding:24px 12px;display:grid;position:relative}.gf-card{text-align:center;z-index:1;background:linear-gradient(160deg,#2a1c44,#160e2a);border:4px solid #ffd86a;max-width:560px;padding:32px 22px;box-shadow:0 0 0 4px #000,0 0 40px #ffd86a}.gf-crown{font-size:3.4rem;animation:2s ease-in-out infinite floaty}.gf-badge{color:#ffd86a;background:#3a2300;border:3px solid #ffd86a;margin:6px 0;padding:5px 14px;font-size:.76rem;display:inline-block}.gf-title{color:#ffe6b3;text-shadow:0 0 12px #ffae33;margin:8px 0 14px;font-size:1.4rem}.gf-heroes{justify-content:center;align-items:flex-end;gap:4px;margin-bottom:12px;display:flex}.gf-narration{margin-bottom:18px;font-size:1rem}.title-screen.deluxe{background:#0a0820;padding:0;display:block;position:relative;overflow:hidden}.title-screen.deluxe .title-hero{z-index:1;flex-direction:column;width:100%;max-width:720px;min-height:100vh;margin:0 auto;padding:16px 14px 14px;display:flex;position:relative}.title-screen.deluxe .title-hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#080616d1 0%,#08061633 20%,#0000 30% 58%,#08061680 70%,#080616eb 100%);position:absolute;inset:0}.deluxe-tag{color:#ffd86a;background:#3a2300;border:2px solid #ffd86a;margin:4px 0 6px;padding:3px 12px;font-size:.72rem;display:inline-block}.title-screen.deluxe .game-title{margin:2px 0 6px;font-size:clamp(1.45rem,5.4vw,2.4rem)}.title-screen.deluxe .game-title .t-dna{color:#ffe6b3;text-shadow:0 0 16px #ffae33,3px 3px #000}.title-screen.deluxe .title-sub{text-shadow:0 2px 6px #000,0 0 10px #000;margin-bottom:0;font-size:clamp(.76rem,2.1vw,.92rem);line-height:1.8}.title-screen.deluxe .title-actions{grid-template-columns:1fr 1fr;align-self:center;gap:6px 8px;width:100%;max-width:480px;margin-top:auto;display:grid}.title-screen.deluxe .title-actions .btn{margin-top:0;padding:7px 10px;font-size:.8rem;line-height:1.25}.title-screen.deluxe .title-actions .btn.huge{grid-column:1/-1;padding:9px 16px;font-size:.92rem}.title-screen.deluxe .title-record{gap:6px;margin-top:7px}.title-screen.deluxe .rank-pill,.title-screen.deluxe .diff-pill,.title-screen.deluxe .best-pill,.title-screen.deluxe .badge-count-pill{padding:2px 7px;font-size:.64rem}.title-screen.deluxe .reset-row{margin-top:5px}.title-screen.deluxe .reset-row .link-btn{font-size:.72rem}.title-screen.deluxe .title-credit{color:#cfc6ff}.btn.gold{color:#3a2300;background:linear-gradient(90deg,#ffd86a,#ffae33)}.dogma-backdrop-wrap{z-index:0;pointer-events:none;background:radial-gradient(circle at 42% 48%,#4a8bff29,#0000 42%),radial-gradient(circle at 76%,#ffae331c,#0000 34%),linear-gradient(#0a0820 0%,#161033 48%,#0a0820 100%);position:absolute;inset:0;overflow:hidden}.dogma-backdrop{image-rendering:auto;width:100%;height:100%;display:block}.dogma-backdrop-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0806167a 0%,#0806160a 34%,#08061614 62%,#08061694 100%),radial-gradient(at 50% 52%,#0000 34%,#060412ad 100%);position:absolute;inset:0}.db-label{z-index:1;pointer-events:none;letter-spacing:.1em;color:#eef0ffb8;text-shadow:0 0 12px #7ad0ff85,0 2px 8px #000000eb;font-family:DotGothic16,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(.68rem,1.7vw,1rem);position:absolute;top:calc(42% + min(14vh,138px))}.db-dna{color:#bcd4ffc7;left:clamp(42px,18%,240px);transform:translate(-50%)}.db-rna{color:#c6ffd9;left:50%;transform:translate(-50%)}.db-prot{color:#ffe6b3d1;right:clamp(24px,8%,150px)}.illust-slot{width:100%;animation:.32s ease-out illustFade}@keyframes illustFade{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.scene-cap{color:var(--accent-ink);margin-bottom:8px;font-size:.78rem}.illust-center{place-items:center;gap:10px;display:grid}.big-emoji{font-size:2.9rem;line-height:1}.book.dim{opacity:.4}.found.big{font-size:2.3rem}.illust-rule .rule-big{justify-content:center;align-items:center;gap:12px;margin-bottom:6px;display:flex}.ip-tile.big-u{box-shadow:0 0 14px var(--accent);padding:12px 16px;font-size:1.5rem}.illust-strand{justify-items:center;gap:6px;display:grid}.strand-mini{letter-spacing:2px;border:3px solid #000;padding:9px 11px;font-family:"Press Start 2P",monospace;font-size:.7rem}.strand-mini.dna{color:#bcd4ff;background:#13347a}.strand-mini.rna{color:#c6ffd9;background:#0c5e30}.signals{gap:10px;display:grid}.bd{background:var(--accent);color:#3a2300;border:2px solid #000;padding:5px 9px;font-size:.82rem;display:inline-block}.bd.start{color:#06301a;background:#2fd06f}.bd.stop{color:#fff;background:#e0584a}.route-line2{align-items:center;gap:6px;font-size:2.1rem;display:flex}.illust-arrow.inline{color:#ffd86a;font-size:1rem}.wall{letter-spacing:2px;font-size:1.9rem}.rev-arrow{color:var(--accent-ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.95rem;display:flex}.bio-scene{width:100%;line-height:0;position:relative}.bio-scene-canvas{width:100%;height:auto;image-rendering:pixelated;aspect-ratio:128/80;background:#06061a;border:3px solid #fff;display:block;box-shadow:0 0 0 3px #000,4px 4px #00000080}.bio-scene-label{color:#fff;background:#06061acc;border:2px solid #fff;padding:3px 6px;font-family:"Press Start 2P",monospace;font-size:.6rem;line-height:1;position:absolute;bottom:6px;left:6px}.story-bio,.story-illust{max-width:380px;margin:4px auto 12px}.heal-panel{background:var(--win-bg2);border:3px solid #2fd06f;border-radius:0;margin:0 0 16px;padding:14px 12px;box-shadow:4px 4px #000}.heal-title{color:#9dffc4;margin-bottom:10px;font-size:1.05rem}.heal-scene{max-width:400px;margin:0 auto 10px}.heal-scene .bio-scene-canvas{border-color:#9dffc4;box-shadow:0 0 0 3px #000,0 0 16px #2fd06f88}.flash-heal{animation:.9s steps(6,end) healFlash}@keyframes healFlash{0%{filter:brightness()}30%{filter:brightness(2.6)saturate(.3)}60%{filter:brightness(1.6)}to{filter:brightness()}}.recovery-gauge-wrap{background:#06061a;border:3px solid #000;max-width:400px;height:16px;margin:0 auto 10px;overflow:hidden;box-shadow:0 0 0 2px #2fd06f}.recovery-gauge{width:0%;height:100%;image-rendering:pixelated;background:repeating-linear-gradient(90deg,#4ae8a0 0 8px,#1f9d4d 8px 16px);transition:width .7s steps(8,end)}.heal-text{margin:0;font-size:.92rem;line-height:2}.float-num{z-index:95;pointer-events:none;text-shadow:2px 2px #000;font-family:"Press Start 2P",monospace;font-size:1.1rem;font-weight:700;animation:.85s steps(6,end) forwards floatUp;position:fixed}@keyframes floatUp{to{opacity:0;transform:translateY(-54px)}}.fx-particle{z-index:94;pointer-events:none;text-shadow:1px 1px #000;font-size:1.2rem;animation:.9s steps(8,end) forwards fxFly;position:fixed}@keyframes fxFly{to{transform:translate(var(--dx), var(--dy));opacity:0}}.badge-toast-stack{z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}.badge-toast{color:#ffd86a;white-space:nowrap;text-shadow:2px 2px #000;background:#06061a;border:3px solid #ffd86a;border-radius:0;padding:8px 16px;font-size:.8rem;animation:2.6s steps(12,end) forwards toastIn;box-shadow:0 0 0 3px #000,4px 4px #00000080}@keyframes toastIn{0%{opacity:0;margin-top:-16px}10%{opacity:1;margin-top:0}85%{opacity:1}to{opacity:0}}.know-gauge-wrap{background:#06061a;border:3px solid #000;max-width:100%;height:14px;margin:6px 0 0;overflow:hidden;box-shadow:0 0 0 2px #ffb23e}.know-gauge{width:0%;height:100%;image-rendering:pixelated;background:repeating-linear-gradient(90deg,#ffe066 0 8px,#ffb700 8px 16px);transition:width .6s steps(8,end)}.cell-map{aspect-ratio:200/120;background:#06061a;border:4px solid #fff;width:100%;max-width:760px;margin:0 auto 8px;position:relative;overflow:hidden;box-shadow:0 0 0 4px #000,8px 8px #00000080}.cell-map-canvas{width:100%;height:100%;image-rendering:pixelated;z-index:0;position:absolute;inset:0}.cmap-node{cursor:pointer;z-index:2;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;width:17%;min-width:86px;padding:0;font-family:inherit;display:flex;position:absolute;transform:translate(-50%,-50%)}.cmap-node:not(.cleared):not(.locked){animation:1.4s steps(2,end) infinite nodePulse}@keyframes nodePulse{50%{transform:translate(-50%,-56%)}}.cmap-node:hover{z-index:5}.cmap-node:hover .cmap-tile{transform:scale(1.1)}.cmap-node.locked{cursor:default;filter:grayscale(.85)brightness(.6)}.cmap-tile{border:2px solid #ffd24a;width:100%;line-height:0;transition:transform .12s steps(2,end);position:relative;box-shadow:0 0 0 2px #000,0 3px 0 2px #00000080}.cmap-node.cleared .cmap-tile{border-color:#9dffc4;box-shadow:0 0 0 2px #000,0 0 12px #9dffc4aa}.cmap-node.door .cmap-tile{border-color:#c266ff;box-shadow:0 0 0 2px #000,0 0 12px #c266ff}.cmap-tile .bio-scene-canvas{box-shadow:none;border:none}.cmap-num{z-index:3;color:#ffe066;text-align:center;background:#06061a;border:2px solid #fff;width:20px;height:20px;font-size:.62rem;line-height:16px;position:absolute;top:-8px;left:-8px}.cmap-badge{z-index:3;filter:drop-shadow(0 1px 1px #000);font-size:1rem;position:absolute;top:-9px;right:-9px}.cmap-name{color:#fff;white-space:nowrap;text-shadow:1px 1px #000;background:#06061ae6;padding:1px 7px;font-size:.74rem}.cmap-node.cleared .cmap-name{color:#9dffc4}.cmap-bar{background:#06061a;border:1px solid #fff5;width:80%;height:6px;overflow:hidden}.cmap-bar>i{background:repeating-linear-gradient(90deg,#ffe066 0 6px,#ffb700 6px 12px);height:100%;display:block}.cmap-node.cleared .cmap-bar>i{background:#9dffc4}.cmap-best{color:#ffd86a;font-size:.66rem}@media (width<=560px){.cell-map{aspect-ratio:5/4}.cmap-name{padding:1px 4px;font-size:.58rem}.cmap-num{width:17px;height:17px;font-size:.52rem;line-height:13px}}