:root{--ink: #1A1714;--ink-soft: #241F1A;--stone: #3D2B1A;--rust: #B5451B;--rust-dark: #7E2F10;--gold: #C4922A;--gold-bright: #E8B84B;--teal: #1B6B5E;--paper: #F7F2EC;--paper-dim: #D9CFC2;--font-display: "Oswald", sans-serif;--font-type: "Special Elite", "Courier New", monospace;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--ink);color:var(--paper);font-family:var(--font-display);user-select:none;-webkit-user-select:none;touch-action:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:focus-visible{outline:2px dashed var(--gold-bright);outline-offset:2px}#root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:500;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E")}.menu-screen{position:relative;width:100%;height:100%}.town-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.town-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.town-canvas:active{cursor:grabbing}.town-dials{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:5}.dial{width:42px;height:42px;background:#1a1714d9;border:1.5px solid var(--stone);color:var(--gold);font-size:19px;line-height:1;border-radius:4px}.dial:hover{border-color:var(--gold)}.menu-head{position:absolute;top:16px;left:22px;z-index:5;pointer-events:none;display:flex;align-items:center;gap:12px}.menu-emblem{width:clamp(42px,6vw,64px);height:auto;display:block;filter:drop-shadow(0 0 14px rgba(196,146,42,.4))}.menu-headtext{display:flex;flex-direction:column}.menu-title{font-size:clamp(30px,4.5vw,46px);font-weight:700;letter-spacing:.32em;color:var(--gold);text-shadow:0 0 24px rgba(196,146,42,.35),2px 2px 0 #0d0a08}.menu-tag{font-family:var(--font-type);font-size:clamp(10px,1.4vw,13px);color:var(--paper-dim);opacity:.8;margin-top:2px}.menu-stats{position:absolute;top:18px;right:16px;z-index:5;display:flex;gap:16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--paper-dim);background:#1a1714b3;border:1px solid var(--stone);padding:7px 12px;border-radius:3px}.menu-stats span:last-child{color:var(--gold-bright)}.menu-banner{position:absolute;top:22%;left:50%;transform:translate(-50%);z-index:6;font-family:var(--font-display);font-weight:600;letter-spacing:.22em;font-size:clamp(13px,2vw,19px);color:var(--gold-bright);background:#14100cd9;border:1px solid var(--gold);padding:10px 22px;white-space:nowrap;animation:bannerIn .4s ease-out}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}}.menu-bar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:10px;align-items:stretch;max-width:calc(100vw - 24px)}.menu-btn{background:#1a1714e0;border:1.5px solid var(--stone);color:var(--paper-dim);font-weight:500;letter-spacing:.14em;font-size:clamp(11px,1.5vw,14px);padding:12px 16px;border-radius:3px;transition:border-color .15s,color .15s;white-space:nowrap}.menu-btn:hover{border-color:var(--gold);color:var(--paper)}.menu-btn.primary{border-color:var(--gold);color:var(--ink);background:linear-gradient(180deg,var(--gold-bright),var(--gold));font-weight:700;box-shadow:0 0 22px #c4922a59;animation:beaconPulse 2.9s infinite;overflow:hidden;text-overflow:ellipsis}@keyframes beaconPulse{0%,to{box-shadow:0 0 14px #c4922a40}12%{box-shadow:0 0 30px #e8b84b8c}}.menu-hint{position:absolute;bottom:62px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:#d9cfc273;z-index:4;white-space:nowrap;pointer-events:none}.comic-screen{position:relative;width:100%;height:100%;background:radial-gradient(ellipse at 50% 30%,rgba(196,146,42,.05),transparent 60%),var(--ink);display:flex;flex-direction:column;align-items:center;cursor:pointer}.comic-head{text-align:center;padding-top:12px}.comic-title{font-weight:700;letter-spacing:.3em;font-size:clamp(15px,2.4vw,24px);color:var(--gold)}.comic-sub{font-family:var(--font-type);font-size:clamp(9px,1.3vw,12px);color:var(--paper-dim);opacity:.75;margin-top:2px;max-width:80vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comic-stage{flex:1;min-height:0;width:min(92vw,calc((100vh - 175px) * 16 / 9));margin-top:8px;border:3px solid #0d0a08;box-shadow:6px 6px #0d0a08b3,0 0 50px #0009;background:#14100c;animation:panelIn .45s ease-out}@keyframes panelIn{0%{opacity:0;transform:scale(.965)}}.comic-svg{width:100%;height:100%;display:block}.comic-img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.comic-dialogue{width:min(92vw,860px);margin:10px 0 6px;min-height:58px;background:var(--paper);color:#2a2118;border:2px solid #0d0a08;box-shadow:4px 4px #0d0a08a6;padding:10px 16px;font-family:var(--font-type);font-size:clamp(13px,1.9vw,17px);line-height:1.45;animation:panelIn .25s ease-out}.comic-dialogue.is-caption{background:var(--ink-soft);color:var(--paper-dim);font-style:italic;border-color:var(--stone)}.comic-dialogue.is-city{background:#14100c;color:var(--gold-bright);border-color:var(--gold);letter-spacing:.3em;text-shadow:0 0 12px rgba(232,184,75,.6)}.comic-speaker{font-family:var(--font-display);font-weight:700;letter-spacing:.18em;margin-right:10px;font-size:.95em}.comic-caret{float:right;color:var(--rust);animation:caretBlink 1s infinite}@keyframes caretBlink{50%{opacity:.15}}.comic-dots{display:flex;gap:7px;padding-bottom:10px}.comic-dots .dot{width:7px;height:7px;border-radius:50%;background:var(--stone)}.comic-dots .dot.on{background:var(--gold-bright)}.comic-skip{position:absolute;top:14px;right:16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--paper-dim);border:1px solid var(--stone);padding:7px 13px;background:#1a1714cc;border-radius:3px}.comic-skip:hover{color:var(--gold-bright);border-color:var(--gold)}.vc-vein-anim{animation:veinDrift 4s ease-in-out infinite alternate}@keyframes veinDrift{to{opacity:.85}}.puzzle-screen{display:grid;grid-template-columns:215px 1fr;grid-template-rows:1fr 58px;grid-template-areas:"hud grid" "hud tray";width:100%;height:100%;background:radial-gradient(ellipse at 65% 40%,rgba(196,146,42,.04),transparent 55%),var(--ink)}.hud{grid-area:hud;background:linear-gradient(165deg,#2a2118,#1d1711);border-right:3px solid #0f0c09;box-shadow:inset -8px 0 18px #00000059;padding:12px 14px;display:flex;flex-direction:column;gap:9px;overflow-y:auto}.hud-exit{align-self:flex-start;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--paper-dim);border:1px solid var(--stone);padding:6px 10px;border-radius:3px}.hud-exit:hover{color:var(--gold-bright);border-color:var(--gold)}.hud-stamp{font-weight:700;letter-spacing:.26em;font-size:11px;color:var(--rust);border:2px solid var(--rust);padding:4px 8px;align-self:flex-start;transform:rotate(-2deg);opacity:.85}.hud-label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.22em;color:var(--paper-dim);opacity:.7;display:block}.hud-big{font-size:42px;font-weight:700;line-height:1;color:var(--paper);letter-spacing:.06em;font-variant-numeric:tabular-nums}.hud-big.low{color:var(--rust);animation:lowBlink .9s infinite}@keyframes lowBlink{50%{opacity:.45}}.hud-name{font-family:var(--font-type);font-size:14px;color:var(--gold-bright);border-bottom:1px dashed var(--stone);padding-bottom:8px}.hud-meter{height:7px;background:#14100c;border:1px solid var(--stone);border-radius:2px;overflow:hidden}.hud-meter-fill{height:100%;background:linear-gradient(90deg,var(--rust),var(--gold));transition:width .25s}.hud-keys{font-family:var(--font-mono);font-size:11.5px;color:var(--gold-bright);letter-spacing:.08em}.hud-chain{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;color:var(--ink);background:var(--gold-bright);padding:4px 8px;border-radius:2px;align-self:flex-start;animation:bannerIn .25s ease-out}.hud-tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em;border:1px solid var(--teal);color:#6fc4b4;padding:2.5px 7px;border-radius:2px;text-transform:uppercase}.hud-actions{margin-top:auto;display:flex;flex-direction:column;gap:7px}.hud-btn{border:1.5px solid var(--stone);color:var(--paper-dim);font-weight:500;letter-spacing:.16em;font-size:12px;padding:9px;border-radius:3px;background:#14100c99}.hud-btn em{font-style:normal;color:var(--gold-bright);margin-left:5px}.hud-btn:hover:not(:disabled){border-color:var(--gold);color:var(--paper)}.hud-btn:disabled{opacity:.35;cursor:default}.journal-btn.pulse{border-color:var(--gold-bright);color:var(--gold-bright);animation:beaconPulse 2s infinite}.grid-area{grid-area:grid;display:flex;align-items:center;justify-content:center;position:relative;min-width:0;min-height:0;padding:10px}.grid{display:grid;gap:3px;padding:10px;background:#14100c;border:3px solid #0f0c09;box-shadow:0 0 0 1px var(--stone),0 14px 40px #0000008c}.grid.solved{animation:gridBreath 2.4s ease-out}@keyframes gridBreath{0%{box-shadow:0 0 0 1px var(--stone),0 14px 40px #0000008c}30%{box-shadow:0 0 0 2px var(--gold),0 0 70px #e8b84b80}to{box-shadow:0 0 0 1px var(--gold),0 0 32px #e8b84b40}}.grid.vent-mode{cursor:crosshair}.tile{position:relative;padding:0;border-radius:4px;display:block}.tile-svg{width:100%;height:100%;display:block}.tile.hidden-tile:hover .tile-svg{filter:brightness(1.18)}.tile.pressure{animation:pressureShake 2s infinite}@keyframes pressureShake{0%,to{transform:translate(0)}25%{transform:translate(.7px,-.5px)}50%{transform:translate(-.7px,.5px)}75%{transform:translate(.5px,.7px)}}.tile.just-revealed{animation:revealPop .4s ease-out}@keyframes revealPop{0%{transform:scale(.82)}60%{transform:scale(1.06)}}.tile.in-flow .tile-svg{filter:drop-shadow(0 0 5px rgba(232,184,75,.55))}.tile.hint-glow{animation:hintFlash .7s infinite alternate}@keyframes hintFlash{0%{box-shadow:0 0 4px 1px #e8b84b80}to{box-shadow:0 0 16px 5px #e8b84bf2}}.pipe-rot{transition:transform .16s cubic-bezier(.34,1.4,.64,1)}.echo-ghost{animation:echoFlicker 3.2s infinite;opacity:0}@keyframes echoFlicker{0%,78%,to{opacity:0}82%,90%{opacity:.4}86%{opacity:.12}}.tile:hover .echo-ghost{animation:none;opacity:.45}.vent-banner,.toast{position:absolute;top:16px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;padding:9px 18px;border-radius:3px;white-space:nowrap;z-index:10;background:#14100ceb;border:1px solid var(--stone);color:var(--paper);animation:bannerIn .3s ease-out;max-width:92%;overflow:hidden;text-overflow:ellipsis}.toast.gold{border-color:var(--gold);color:var(--gold-bright)}.toast.rust{border-color:var(--rust);color:#e08a64}.toast.teal{border-color:var(--teal);color:#6fc4b4}.toast.paper{border-color:var(--paper-dim);color:var(--paper);font-family:var(--font-type);letter-spacing:.02em}.oom-banner{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;background:#2b1107f2;border:1.5px solid var(--rust);padding:10px 16px;border-radius:3px;z-index:10;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;animation:bannerIn .3s ease-out}.oom-banner button{border:1px solid var(--gold);color:var(--gold-bright);padding:7px 12px;border-radius:3px;font-family:var(--font-mono);font-size:11px}.oom-banner button em{font-style:normal;opacity:.7}.oom-banner button:hover{background:#c4922a26}.oom-banner button.oom-ad{border-color:var(--gold-bright);color:var(--ink);background:linear-gradient(180deg,var(--gold-bright),var(--gold));font-weight:700;box-shadow:0 0 14px #e8b84b59}.oom-banner button.oom-ad:hover{filter:brightness(1.08);background:linear-gradient(180deg,var(--gold-bright),var(--gold))}.tray{grid-area:tray;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,#1d1711,#14100c);border-top:2px solid #0f0c09}.tray-btn{display:flex;align-items:center;gap:7px;border:1.5px solid var(--stone);color:var(--paper-dim);font-weight:500;letter-spacing:.14em;font-size:12px;padding:8px 16px;border-radius:3px}.tray-btn em{font-style:normal;color:var(--gold-bright)}.tray-icon{color:var(--teal);font-size:15px}.tray-btn:hover{border-color:var(--gold);color:var(--paper)}.tray-btn.armed{border-color:var(--gold-bright);color:var(--gold-bright);background:#c4922a1f}.result-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0806c7;display:flex;align-items:center;justify-content:center;animation:veilIn .4s ease-out}@keyframes veilIn{0%{opacity:0}}.result-card{width:min(480px,92vw);max-height:92vh;overflow-y:auto;background:var(--paper);color:#2a2118;border:3px solid #0d0a08;box-shadow:8px 8px #0d0a08cc;padding:22px 26px;text-align:center;animation:cardIn .45s cubic-bezier(.34,1.3,.64,1)}@keyframes cardIn{0%{opacity:0;transform:scale(.9) rotate(-1.5deg)}}.result-card.small{width:min(380px,90vw)}.result-stamp{display:inline-block;font-weight:700;font-size:21px;letter-spacing:.3em;line-height:1.3;color:var(--rust);border:3.5px solid var(--rust);padding:8px 18px;transform:rotate(-4deg);margin-bottom:8px;opacity:.9}.result-stars{font-size:34px;letter-spacing:.25em;margin:4px 0}.result-stars .star{color:#c9bfae}.result-stars .star.on{color:var(--gold);text-shadow:0 0 14px rgba(196,146,42,.55)}.result-eff{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:#6b5a44}.result-journal{margin:14px 0 10px;background:#efe7da;border:1px solid #cbbda6;padding:12px 16px;text-align:left;font-family:var(--font-type);font-size:14.5px;line-height:1.5;box-shadow:2px 2px #0d0a0833;transform:rotate(.6deg)}.rj-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:#8a7458;margin-bottom:6px}.result-relic{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;color:var(--teal);margin-bottom:14px}.result-continue{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--ink);font-weight:700;letter-spacing:.2em;font-size:14px;padding:12px 30px;border:2px solid #0d0a08;border-radius:3px;box-shadow:3px 3px #0d0a08b3}.result-continue:active{transform:translate(2px,2px);box-shadow:1px 1px #0d0a08b3}.result-continue.ghost{background:transparent;color:#2a2118}.confirm-text{font-family:var(--font-type);font-size:15px}.confirm-row{display:flex;gap:12px;justify-content:center}.journal-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0a0806cc;display:flex;align-items:center;justify-content:center;animation:veilIn .3s ease-out}.journal{width:min(840px,94vw);height:min(560px,92vh);background:var(--paper);color:#2a2118;border:3px solid #0d0a08;box-shadow:10px 10px #0d0a08cc;display:flex;flex-direction:column;animation:cardIn .4s ease-out}.journal-head{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:2px solid #cbbda6}.journal-head h2{margin:0;font-size:19px;letter-spacing:.26em;font-weight:700;color:var(--stone)}.journal-tabs{display:flex;gap:8px}.journal-tabs button{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;padding:6px 12px;border:1px solid #cbbda6;color:#8a7458;border-radius:2px}.journal-tabs button.on{background:var(--stone);color:var(--paper);border-color:var(--stone)}.journal-close{margin-left:auto;font-size:17px;color:#8a7458;padding:4px 8px}.journal-close:hover{color:var(--rust)}.journal-pages{flex:1;overflow-y:auto;padding:16px 22px}.journal-pages h3{font-size:12.5px;letter-spacing:.24em;color:var(--rust);border-bottom:1.5px solid var(--rust);padding-bottom:4px;margin:18px 0 10px}.journal-pages section:first-child h3{margin-top:0}.page{background:#efe7da;border:1px solid #cbbda6;padding:10px 14px;margin-bottom:9px;font-family:var(--font-type);font-size:13.5px;line-height:1.5;box-shadow:2px 2px #0d0a0826}.page:nth-child(odd){transform:rotate(.4deg)}.page:nth-child(2n){transform:rotate(-.35deg)}.page p{margin:4px 0 0}.page.locked-page{opacity:.45;font-style:italic}.page-meta{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:#8a7458}.relic-shelf{flex:1;overflow-y:auto;padding:16px 22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:9px;align-content:start}.relic{border:1.5px dashed #cbbda6;padding:10px;text-align:center;font-family:var(--font-mono);border-radius:3px;opacity:.5}.relic.owned{border-style:solid;border-color:var(--teal);opacity:1;background:#eae1d2}.relic-num{font-size:16px;font-weight:600;color:var(--stone)}.relic-name{font-size:9.5px;letter-spacing:.06em;color:#6b5a44;margin-top:4px;line-height:1.35}.journal-foot{padding:10px 20px;border-top:2px solid #cbbda6;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:#8a7458;text-align:center}.levels-modal .levels-grid{flex:1;overflow-y:auto;padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;align-content:start}.level-cell{display:flex;flex-direction:column;gap:3px;text-align:left;border:1.5px solid #cbbda6;padding:9px 11px;border-radius:3px;background:#efe7da;color:#2a2118}.level-cell.done{border-color:var(--teal)}.level-cell.next{border-color:var(--gold);box-shadow:0 0 0 2px #c4922a59}.level-cell.locked{opacity:.4;cursor:default}.level-cell:not(.locked):hover{background:#e6dccb}.lc-num{font-weight:700;font-size:17px;color:var(--stone)}.lc-name{font-family:var(--font-type);font-size:11.5px;line-height:1.25;min-height:28px}.lc-stars{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--gold)}.rotate-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.rotate-phone{animation:rotatePhone 2.2s ease-in-out infinite}.rotate-frame{width:52px;height:90px;border:4px solid var(--gold);border-radius:9px}@keyframes rotatePhone{0%,18%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(-90deg)}}.rotate-title{font-weight:700;letter-spacing:.3em;font-size:17px;color:var(--gold)}.rotate-sub{font-family:var(--font-type);font-size:12px;color:var(--paper-dim)}@media (max-height: 460px){.puzzle-screen{grid-template-columns:168px 1fr;grid-template-rows:1fr 48px}.hud{padding:8px 10px;gap:6px}.hud-big{font-size:30px}.hud-stamp{font-size:9px}.menu-hint{display:none}.comic-dialogue{min-height:46px;padding:7px 12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}