@font-face{font-family:Youre Gone;src:url(/DILIMAZE/assets/youre-gone-CRl4V0-h.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:The Bomb Sound;src:url(/DILIMAZE/assets/the-bomb-sound-9Z5rNuh-.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--font-display: "Youre Gone", "Segoe UI", system-ui, sans-serif;--font-popup: "The Bomb Sound", "Segoe UI", system-ui, sans-serif;--void: #151038;--bg: #1d1650;--panel: #2e2260;--panel-2: #3b2c78;--magenta: #ff4fb0;--magenta-soft: #ff9bd4;--cyan: #4fe8ff;--gold: #ffdb6b;--ink: #fbf6ff;--ink-dim: rgba(245, 240, 255, .82);--good: #6dffbe;--bad: #ff6b6b;--warn: #ffb35c}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;background:var(--void);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}.app{position:relative;width:100%;height:100%;height:100dvh;background:radial-gradient(ellipse at 50% 0%,#452066 0%,var(--bg) 55%,var(--void) 100%)}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.game-canvas.idle{opacity:0}.ambient{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.ambient-glow{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(70px);opacity:.34}.ambient-glow.one{background:radial-gradient(circle,var(--magenta) 0%,transparent 70%);top:-18vmax;left:-14vmax;animation:drift 26s ease-in-out infinite alternate}.ambient-glow.two{background:radial-gradient(circle,var(--cyan) 0%,transparent 70%);bottom:-22vmax;right:-16vmax;animation:drift 32s ease-in-out infinite alternate-reverse}@keyframes drift{to{transform:translate3d(6vmax,4vmax,0) scale(1.15)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 0%,rgba(255,79,176,.2) 0%,transparent 62%),#150f32f0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.screen-inner{width:min(100%,560px);margin:auto;text-align:center}.screen-inner.wide{width:min(100%,760px)}.brand-strip{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}.brand-mark{font-family:var(--font-display);font-size:14px;letter-spacing:4px;padding:5px 12px;color:#fff;background:linear-gradient(100deg,var(--magenta),#b41d78);border-radius:999px;box-shadow:0 0 22px #ff2fa08c}.brand-studio{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim)}.game-title{font-family:var(--font-display);font-size:clamp(46px,13vw,92px);letter-spacing:4px;line-height:.95;color:#fff;text-transform:uppercase;text-shadow:0 0 14px rgba(255,47,160,.9),0 0 40px rgba(255,47,160,.45)}.game-sub{font-family:var(--font-display);margin-top:2px;font-size:clamp(26px,7vw,52px);letter-spacing:6px;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 12px rgba(40,230,255,.6)}.welcome-title{font-family:var(--font-display);font-size:clamp(30px,8vw,52px);letter-spacing:3px;line-height:1;color:#fff}.neon-name{color:var(--cyan);text-shadow:0 0 14px rgba(40,230,255,.7)}.tagline{margin:10px 0 22px;font-size:14px;color:var(--ink-dim)}.panel{background:linear-gradient(180deg,#422e7af7,#261a52f7);border:1px solid rgba(255,79,176,.45);border-radius:14px;padding:22px 24px;max-width:520px;width:min(100%,520px);margin:0 auto;text-align:center;box-shadow:0 18px 60px #0c062099,inset 0 1px #ffffff1f}.onboarding-panel{width:min(100%,600px);max-width:600px}.panel h1{font-size:30px;letter-spacing:2px;margin-bottom:8px}.panel h2{font-family:var(--font-display);font-size:24px;letter-spacing:1.5px;margin-bottom:10px;color:var(--magenta-soft)}.panel p{margin:8px 0;font-size:14.5px;line-height:1.55}.panel .hint{color:var(--ink-dim);font-size:12.5px}.panel .warn-line{color:var(--warn)}.panel .puzzle-body{font-size:22px;font-family:ui-monospace,Cascadia Mono,monospace;letter-spacing:3px;margin:14px 0;color:var(--cyan);text-shadow:0 0 12px rgba(40,230,255,.5)}.overlay .panel .puzzle-nudge,.puzzle-nudge{font-family:var(--font-popup);font-size:15px;line-height:1.45;color:var(--gold);background:#ffdb6b1f;border:1px dashed rgba(255,219,107,.55);border-radius:10px;padding:8px 12px;margin:4px 0 10px}.lore-text{font-style:italic;color:#ffe8f6}button{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(180deg,#523a86,#392768);color:var(--ink);border:1px solid rgba(255,79,176,.45);border-radius:9px;padding:9px 18px;font-size:14px;cursor:pointer;margin:6px 4px 0;transition:background .15s,box-shadow .15s,transform .1s;touch-action:manipulation}button:hover:not(:disabled){background:linear-gradient(180deg,#66499f,#452f7c);box-shadow:0 0 18px #ff4fb073}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button.primary{background:linear-gradient(180deg,var(--magenta),#b8176f);border-color:#ff9bd4;color:#fff;font-weight:700;letter-spacing:.5px;box-shadow:0 0 22px #ff4fb080}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#ff5cb4,#bd1880)}button.ghost{background:transparent;border-color:#ffffff29;font-size:12.5px;color:var(--ink-dim)}button.danger{background:linear-gradient(180deg,#ff4d4d,#a31414);border-color:#ff9b9b;font-weight:700}button.wide{display:block;width:100%;margin:14px 0 0}.menu-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}.menu-buttons button{font-size:14.5px;padding:11px 20px}.danger-row{margin-top:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.controls-hint{margin-top:24px;font-size:12px;color:var(--ink-dim);line-height:1.7}.field-label{display:block;margin:14px 0 6px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);text-align:left}.panel input{display:block;width:100%;margin:0 auto;padding:10px 12px;font-size:16px;font-family:inherit;background:#241a4e;border:1px solid rgba(255,79,176,.5);border-radius:9px;color:var(--ink);text-align:center;outline:none;-webkit-user-select:text;user-select:text}.panel input:focus{border-color:var(--cyan);box-shadow:0 0 16px #28e6ff59}.skin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:6px}.skin-card{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;padding:8px 6px;border-radius:12px;background:#0c0718d9;border:2px solid rgba(255,255,255,.12)}.skin-card.selected{box-shadow:0 0 22px #ff2fa066;background:#26123ee6}.skin-canvas{display:block}.skin-name{font-size:11.5px;letter-spacing:.5px;color:var(--ink-dim)}.skin-card.selected .skin-name{color:#fff}.skin-blurb{min-height:32px;margin-top:10px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:6px 0 4px}.stat-grid>div{background:#221846d9;border:1px solid rgba(79,232,255,.32);border-radius:9px;padding:8px 6px;display:flex;flex-direction:column;gap:3px}.stat-grid span{font-family:var(--font-display);font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-dim)}.stat-grid strong{font-size:17px;color:var(--cyan)}.stat-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;font-size:12px;color:var(--ink-dim)}.map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;text-align:left}.map-head .ghost{flex:0 0 auto}.map-head .tagline{margin:4px 0 14px}.map-title{font-family:var(--font-display);font-size:clamp(28px,7vw,44px);letter-spacing:3px;color:#fff;text-shadow:0 0 16px rgba(40,230,255,.55)}.region-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px;scrollbar-width:thin}.region-tab{display:flex;flex-direction:column;gap:2px;align-items:flex-start;white-space:nowrap;padding:8px 12px;margin:0;border-radius:10px}.region-tab.active{border-color:var(--cyan);box-shadow:0 0 18px #28e6ff59}.region-tab.locked{opacity:.5}.region-tab-name{font-family:var(--font-display);font-size:14px;letter-spacing:1px}.region-tab-sub{font-size:10.5px;color:var(--ink-dim)}.map-panel{width:min(100%,740px);max-width:740px}.city-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;margin:14px 0 10px}.city-node{margin:0;padding:0;aspect-ratio:1;min-height:30px;border-radius:8px;font-size:11px;font-weight:700;font-family:ui-monospace,monospace;display:flex;align-items:center;justify-content:center}.city-node.reached{background:linear-gradient(180deg,#ff2fa059,#780c5080);border-color:#ff8acb99;color:#fff}.city-node.cleared{background:linear-gradient(180deg,#28e6ff38,#0b3c5080);border-color:#28e6ff73}.city-node.current{border-color:var(--gold);box-shadow:0 0 16px #ffd24a8c}.city-node.fogged{background:#2e2256cc;border-color:#ffffff24;color:transparent;position:relative;opacity:.85;cursor:not-allowed}.city-node.fogged:after{content:"";position:absolute;top:30%;right:26%;bottom:30%;left:26%;border-radius:2px;background:#ffffff2e;box-shadow:-5px 3px #ffffff1f,5px -2px #ffffff1a}.lore-box{margin-top:12px;padding:12px 14px;border-radius:10px;text-align:left;font-size:13px;line-height:1.6;background:#1c133ce0;border:1px dashed rgba(255,255,255,.22);color:#d8cef4e6}.lore-box.unlocked{border:1px solid rgba(255,210,74,.45);box-shadow:inset 0 0 30px #ff2fa01f;color:#ffe8f6}.lore-label{display:block;margin-bottom:6px;font-family:var(--font-display);font-size:13px;letter-spacing:2.5px;color:var(--gold)}.glitch{font-family:ui-monospace,Cascadia Mono,monospace}.glitch-locked{color:var(--magenta-soft);text-shadow:0 0 8px rgba(255,47,160,.6);letter-spacing:1px}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.hud-top-left{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));text-shadow:0 2px 6px rgba(0,0,0,.9);max-width:52vw;padding:6px 11px;border-radius:11px;background:linear-gradient(120deg,#0e0922ad,#0e092252);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hud-title{font-family:var(--font-display);font-size:19px;letter-spacing:1px;color:#fff}.hud-sep{color:var(--magenta)}.hud-sub{font-size:12px;color:#eee7ffeb;margin-top:2px}.hud-top-right{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:186px;display:flex;flex-direction:column;gap:5px;text-shadow:0 1px 3px rgba(0,0,0,.9)}.stat{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-dim)}.stat-label{width:46px;text-align:right}.stat-bar{flex:1;height:8px;background:#0e0922b8;border:1px solid rgba(255,255,255,.24);border-radius:5px;overflow:hidden}.stat-fill{height:100%;border-radius:5px;transition:width .3s}.inv{font-size:12px;text-align:right;margin-top:3px;color:var(--ink)}.dli{color:var(--gold);font-weight:700}.tracker{position:absolute;top:108px;right:max(14px,env(safe-area-inset-right));display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:#1e1540e0;border:1px solid rgba(255,219,107,.45);box-shadow:0 0 18px #ffdb6b38;transition:opacity .4s}.tracker-arrow{display:inline-block;font-size:15px;line-height:1;color:var(--gold);text-shadow:0 0 10px rgba(255,210,74,.8)}.tracker-text{font-family:var(--font-display);font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim)}.hud-bottom-left{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));font-size:12.5px;text-shadow:0 1px 4px rgba(0,0,0,.95);max-width:66vw;padding:5px 9px;border-radius:11px;background:linear-gradient(120deg,#0c081e75,#0c081e24);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.08);pointer-events:none}.hud-bottom-left.open{background:linear-gradient(120deg,#0c081ebd,#0c081e6b);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.clue-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.clue-bar .signal{margin-top:0}.clue-toggle{pointer-events:auto;margin:0;padding:3px 8px;font-family:Segoe UI,system-ui,sans-serif;font-size:10.5px;letter-spacing:.5px;line-height:1;border-radius:7px;background:#1a1238bf;border-color:#4fe8ff59}.clue-peek{margin-top:3px;max-width:58vw;font-size:12px;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clue-detail{margin-top:2px;max-width:58vw}.clues{font-size:12.5px;line-height:1.5;color:#f0eafff2}.clue-count{font-family:var(--font-display);font-size:14px;letter-spacing:1.5px;color:var(--cyan)}.clue-hint{margin-top:4px;max-width:44vw;font-size:12px;line-height:1.45;color:var(--gold);text-shadow:0 2px 6px rgba(12,6,32,.95)}.signal{display:inline-flex;align-items:center;gap:7px;margin-top:6px;padding:3px 10px;border-radius:999px;background:#1e1540e0;border:1px solid rgba(79,232,255,.4)}.signal-label{font-family:var(--font-display);font-size:11px;letter-spacing:1.4px;color:var(--ink-dim)}.signal-bars{display:inline-flex;align-items:flex-end;gap:2px;height:10px}.signal-bars i{display:block;width:4px;border-radius:1px;background:#ffffff38}.signal-bars i:nth-child(1){height:4px}.signal-bars i:nth-child(2){height:6px}.signal-bars i:nth-child(3){height:8px}.signal-bars i:nth-child(4){height:10px}.signal-bars i.on{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.signal-warm .signal-bars i.on{background:var(--gold);box-shadow:0 0 6px var(--gold)}.signal-hot .signal-bars i.on{background:var(--magenta);box-shadow:0 0 8px var(--magenta)}.pass-badge{color:var(--gold);font-weight:800;letter-spacing:1px;animation:blink 1.2s infinite}.alert-badge{margin-top:6px;color:var(--bad);font-weight:700;animation:blink .7s infinite}.safe-badge{margin-top:6px;color:var(--good)}@keyframes blink{50%{opacity:.35}}.prompt{position:absolute;bottom:96px;left:50%;transform:translate(-50%);background:#1e1540eb;border:1px solid rgba(79,232,255,.55);box-shadow:0 0 20px #4fe8ff4d;padding:8px 16px;border-radius:9px;font-size:13px;white-space:nowrap;color:#fff}.toasts{position:absolute;top:88px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.toast{background:#221846f0;border-left:3px solid var(--magenta);box-shadow:0 6px 20px #0c062080;padding:7px 14px;border-radius:7px;font-size:12.5px;max-width:420px;animation:toast-in .25s ease-out}.toast-good{border-left-color:var(--good)}.toast-bad{border-left-color:var(--bad)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.top-chips{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;z-index:12}.exit-chip,.camera-chip{position:static;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:6px 12px;margin:0;opacity:.6;white-space:nowrap}.exit-chip:hover,.camera-chip:hover{opacity:1}.cam-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 6px}.cam-option{display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px 12px;border-radius:10px;line-height:1.25}.cam-picker.three .cam-option:nth-child(3){grid-column:1 / -1}.cam-option strong{font-size:13px;letter-spacing:.5px}.cam-option span{font-size:11px;opacity:.7}.cam-option.active{outline:2px solid var(--neon, #ff5ce1);opacity:1}.overlay .panel h2,.overlay .panel p,.overlay .panel .hint,.overlay .panel .puzzle-body,.overlay .panel .seq-progress,.overlay .panel button{font-family:var(--font-popup)}.overlay .panel{border:1px solid rgba(255,79,176,.5);border-radius:16px;box-shadow:0 0 40px #ff4fb03d,0 18px 60px #0c062099,inset 0 1px #ffffff24;background:linear-gradient(180deg,#4e3286fa,#2a1c58fa);padding:26px 30px;position:relative}.overlay .panel:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.7}.overlay .panel h2{letter-spacing:2px;font-size:26px;margin-bottom:12px;color:var(--magenta-soft);text-shadow:0 0 14px rgba(255,47,160,.5)}.overlay .panel p{font-size:17px;line-height:1.65}.overlay .panel .hint{font-size:14px;letter-spacing:.5px}.overlay .panel .puzzle-body{font-size:26px;letter-spacing:4px}.overlay .panel button{font-size:14px;padding:10px 22px;border-radius:10px}.menu-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0}.overlay.lore .panel:before{background:linear-gradient(90deg,transparent,var(--gold),transparent)}.overlay.red .panel:before{background:linear-gradient(90deg,transparent,var(--bad),transparent)}.overlay.gold .panel:before{background:linear-gradient(90deg,transparent,var(--gold),transparent)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#140d2ec2;display:flex;align-items:center;justify-content:center;z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.overlay.red{background:#4e101ecc}.overlay.gold{background:#4c320cbd}.overlay.lore{background:#26164cdb}.seq-row{display:flex;justify-content:center;gap:10px;margin:16px 0 8px}.seq-btn{font-size:26px;padding:12px 16px}.seq-progress{font-size:20px;letter-spacing:2px;min-height:26px}.touch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.joy-pad{pointer-events:auto;position:absolute;left:max(22px,env(safe-area-inset-left) + 14px);bottom:max(48px,env(safe-area-inset-bottom) + 28px);width:124px;height:124px;border-radius:50%;background:#ff2fa014;border:1px solid rgba(255,138,203,.35);touch-action:none}.joy-knob{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:#ff2fa059;border:1px solid rgba(255,255,255,.4)}.touch-btns{pointer-events:auto;position:absolute;right:max(18px,env(safe-area-inset-right) + 10px);bottom:max(40px,env(safe-area-inset-bottom) + 24px);display:grid;grid-template-columns:repeat(2,58px);gap:9px}.touch-btns button{width:58px;height:58px;border-radius:50%;font-size:18px;padding:0;margin:0;background:#120a20cc;border-color:#28e6ff4d;touch-action:none}.head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-bottom:12px}.head-row .ghost{flex:0 0 auto}.menu-panel{width:min(100%,560px);max-width:560px}.menu-stack{display:flex;flex-direction:column;gap:10px;margin-top:4px}.menu-stack button{margin:0;font-size:18px;padding:14px 20px}.life-recovery-countdown{color:var(--good);font-size:13px;text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(109,255,190,.3)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.menu-grid button{margin:0;font-size:12.5px;padding:12px 8px;line-height:1.3;white-space:normal}.menu-side{margin-top:10px}.menu-side button{margin:0}.menu-id{display:flex;align-items:center;gap:14px;margin-top:16px;padding:10px 14px;border-radius:12px;background:#140c2c99;border:1px solid rgba(79,232,255,.22);text-align:left}.menu-id-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:4px 14px;flex:1;font-size:12px;color:var(--ink-dim)}.menu-id-stats span{display:flex;justify-content:space-between;gap:8px}.menu-id-stats strong{color:var(--cyan)}.hud-timer{color:var(--gold);white-space:nowrap}.settings-panel h2{margin-top:22px}.settings-panel h2:first-of-type{margin-top:2px}.howto-panel{width:min(100%,620px);max-width:620px;text-align:left}.howto-block{margin-bottom:18px}.howto-block:last-child{margin-bottom:0}.panel h3{font-family:var(--font-display);font-size:16px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}.howto-list{margin:6px 0 0;padding-left:20px}.howto-list li{margin:7px 0;font-size:14px;line-height:1.55}.howto-list strong{color:var(--magenta-soft)}.howto-keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px 14px;margin:8px 0 4px}.howto-key{display:flex;align-items:center;gap:10px;font-size:13px}.howto-key kbd{font-family:ui-monospace,Cascadia Mono,monospace;font-size:11.5px;min-width:76px;text-align:center;padding:4px 8px;border-radius:6px;background:#0c0718d9;border:1px solid rgba(255,79,176,.4);color:#fff}.howto-key span{color:var(--ink-dim)}.rank-empty{padding:16px 0 6px;color:var(--ink-dim)}.rank-flash{margin-top:12px;color:var(--gold);font-size:13.5px}.rank-block{margin-top:16px;text-align:left}.rank-region{margin-top:10px}.rank-region-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--cyan);border-bottom:1px dashed rgba(79,232,255,.3);padding-bottom:4px}.rank-region-sum{color:var(--ink-dim)}.rank-rows{display:flex;flex-direction:column}.rank-row{display:grid;grid-template-columns:46px 1fr auto auto;align-items:center;gap:10px;padding:6px 2px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.07)}.rank-pos{font-family:ui-monospace,Cascadia Mono,monospace;font-size:12px;color:var(--ink-dim)}.rank-what{color:var(--ink)}.rank-time{font-family:ui-monospace,Cascadia Mono,monospace;color:var(--gold)}.rank-when{font-size:11px;color:var(--ink-dim)}@media (max-width: 520px){.hud-title{font-size:13.5px}.hud-sub{font-size:10.5px}.hud-top-right{width:138px}.stat{font-size:9.5px;gap:5px}.stat-label{width:38px}.inv{font-size:10.5px}.tracker{top:92px;right:max(10px,env(safe-area-inset-right));padding:4px 8px}.tracker-text{font-size:9px}.hud-bottom-left{font-size:11px;max-width:74vw;padding:4px 8px}.clue-peek,.clue-detail{max-width:68vw}.clues{font-size:11px}.clue-hint{font-size:10.5px;max-width:68vw}.signal{padding:2px 8px;gap:5px}.signal-label{font-size:9px}.prompt{bottom:168px;font-size:12px;max-width:80vw;white-space:normal;text-align:center}.toasts{top:66px}.toast{font-size:11.5px;max-width:86vw}.top-chips{top:calc(max(12px,env(safe-area-inset-top)) + 34px);gap:6px}.exit-chip,.camera-chip{font-size:9.5px;padding:5px 9px}.panel{padding:18px 15px;max-height:86dvh;overflow-y:auto}.panel h1{font-size:24px}.panel h2{font-size:17px}.panel p{font-size:13px}.overlay .panel{padding:20px 18px;border-radius:12px}.overlay .panel h2{font-size:21px;margin-bottom:10px}.overlay .panel p{font-size:15px}.overlay .panel .hint{font-size:13px}.overlay .panel .puzzle-body{font-size:20px!important;letter-spacing:3px}.puzzle-body{font-size:18px!important}.seq-btn{font-size:22px;padding:14px 15px}.city-grid{grid-template-columns:repeat(5,1fr);gap:6px}.city-node{min-height:34px}.joy-pad{width:112px;height:112px;bottom:max(24px,env(safe-area-inset-bottom) + 12px)}.touch-btns{bottom:max(20px,env(safe-area-inset-bottom) + 10px);grid-template-columns:repeat(3,54px)}.touch-btns button{width:54px;height:54px}.controls-hint{font-size:10.5px;margin-top:16px}.skin-grid{grid-template-columns:repeat(2,1fr)}.menu-grid{grid-template-columns:1fr}.menu-grid button{font-size:13px}.menu-id-stats{grid-template-columns:1fr}.rank-row{grid-template-columns:40px 1fr auto;font-size:12.5px}.rank-when{display:none}}.top-chips{top:calc(max(12px,env(safe-area-inset-top)) + 42px);left:max(14px,env(safe-area-inset-left));right:auto;transform:none;flex-direction:row;gap:6px}.exit-chip svg{display:block;width:22px;height:22px;color:var(--cyan)}.tracker{gap:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.tracker-arrow{font-size:24px;color:var(--gold);text-shadow:0 0 12px rgba(255,210,74,.9)}.hud-top-right{top:max(12px,env(safe-area-inset-top));width:min(270px,38vw);padding:0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;text-shadow:0 1px 4px rgba(0,0,0,.95)}.hud-top-right .stat{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 4px;font-size:9px;letter-spacing:.3px}.hud-top-right .stat-label{width:auto;text-align:left;font-size:inherit}.stat-value{color:#fff;font-size:9px;font-variant-numeric:tabular-nums}.hud-top-right .stat-bar{grid-column:1 / -1;width:100%;height:5px}.hud-top-right .inv{grid-column:1 / -1;margin-top:0;font-size:10px;white-space:nowrap}.hud-top-right .life-meter{grid-column:1 / -1;display:flex;justify-content:flex-end;align-items:center;gap:2px;min-height:27px;margin-top:1px;background:transparent}.reserve-life-count{color:var(--cyan);font-size:10px;font-weight:800;margin-left:3px;text-shadow:0 1px 5px rgba(0,0,0,.8)}.life-icon{display:inline-grid;place-items:center;width:26px;height:27px}.life-icon canvas{display:block;width:26px;height:26px}.life-icon.spent canvas{filter:drop-shadow(0 0 3px rgba(255,75,100,.35))}@media (max-width: 700px){.hud-top-right{top:max(42px,env(safe-area-inset-top) + 34px);width:min(240px,56vw);gap:3px 5px}.hud-top-right .stat{font-size:8px;gap:1px 3px}.stat-value{font-size:8px}.hud-top-right .inv{font-size:9px}}@media (max-width: 370px){.hud-top-right{width:54vw;gap:2px 3px}.hud-top-right .stat,.stat-value{font-size:7px}.hud-top-right .stat-label{letter-spacing:0}}@media (hover: hover) and (pointer: fine) and (min-width: 701px){.touch{display:none}}@media (prefers-reduced-motion: reduce){.ambient-glow,.glitch-locked,.alert-badge,.pass-badge{animation:none}}.hud-type{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border:1px solid rgba(79,232,255,.42);border-radius:999px;background:#12102fb8;font-family:var(--font-display);font-size:12.5px;letter-spacing:1.6px;color:#70edff;margin-top:1px;text-shadow:0 0 10px rgba(40,230,255,.45)}.hud-type-mark{color:currentColor;font-size:8px}.hud-type[data-archetype="Timber Village"]{color:#ffd58b;border-color:#ffbe667a}.hud-type[data-archetype="Forest Clearings"]{color:#9effa6;border-color:#7ef7a880}.hud-type[data-archetype="Future City"]{color:#a8fbff;border-color:#75f4ff9e;box-shadow:inset 0 0 12px #4fe8ff24}.hud-type[data-archetype="Rubble District"]{color:#ffae78;border-color:#ff8f5c8a}.alert-badge.under-fire{color:var(--warn);animation-duration:.45s}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;box-shadow:0 0 18px #4fe8ff52}.joy-pad{width:clamp(112px,16vw,142px);height:clamp(112px,16vw,142px);bottom:max(28px,env(safe-area-inset-bottom) + 18px);background:radial-gradient(circle,#4fe8ff21 0,#4fe8ff21 26%,#4fe8ff0f 27%,#4fe8ff0f 64%,#ff4fb01a 65%,#ff4fb01a);border:1px solid rgba(79,232,255,.48);box-shadow:inset 0 0 22px #4fe8ff1a,0 6px 26px #0805194d;touch-action:none}.joy-knob{width:54px;height:54px;margin:-27px 0 0 -27px;background:linear-gradient(145deg,#ff4fb0b8,#852279d1);border:1px solid rgba(255,255,255,.72);box-shadow:0 0 20px #ff4fb06b,inset 0 1px #ffffff47;will-change:transform}.touch-btns{right:max(16px,env(safe-area-inset-right) + 12px);bottom:max(24px,env(safe-area-inset-bottom) + 16px);grid-template-columns:repeat(3,minmax(58px,68px));gap:8px}.touch-btns button.touch-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;min-width:58px;min-height:58px;height:auto;aspect-ratio:1;border-radius:18px;padding:4px 2px;background:linear-gradient(155deg,#1f1743ed,#0c091df0);border:1px solid rgba(79,232,255,.46);box-shadow:0 5px 16px #0603126b,inset 0 1px #ffffff1f;color:#fff;-webkit-tap-highlight-color:transparent}.touch-btns button.touch-action:active{transform:scale(.94);background:linear-gradient(155deg,#5a307bfa,#21123ffa)}.touch-action span{font-family:var(--font-display);font-size:20px;line-height:1.05;color:var(--cyan)}.touch-action small{font-family:var(--font-display);font-size:8px;line-height:1.1;letter-spacing:.7px;color:#f5f0ffdb}.touch-btns button.touch-primary{background:linear-gradient(155deg,#ff4fb0f0,#711869f5);border-color:#ffd2eed9;box-shadow:0 0 18px #ff4fb052,0 5px 16px #0603126b}.touch-primary span,.touch-primary small{color:#fff}.top-chips{top:calc(max(12px,env(safe-area-inset-top)) + 104px);left:max(12px,env(safe-area-inset-left));right:auto;transform:none;flex-direction:column;gap:6px}.exit-chip,.camera-chip{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:12px;font-family:system-ui,sans-serif;font-size:21px;line-height:1;letter-spacing:0;opacity:.82}.joy-pad{width:clamp(88px,min(28vw,24vh),142px);height:clamp(88px,min(28vw,24vh),142px);left:max(12px,env(safe-area-inset-left) + 6px);bottom:max(16px,env(safe-area-inset-bottom) + 10px)}.touch-btns{right:max(12px,env(safe-area-inset-right) + 6px);bottom:max(14px,env(safe-area-inset-bottom) + 8px);grid-template-columns:repeat(3,clamp(44px,min(14vw,9vh),68px));gap:clamp(4px,1.5vw,8px)}.touch-btns button.touch-action{min-width:0;min-height:0;width:100%;height:auto;aspect-ratio:1;border-radius:clamp(11px,3vw,18px)}@media (max-height: 480px) and (orientation: landscape){.top-chips{top:calc(max(5px,env(safe-area-inset-top)) + 48px);flex-direction:row}.hud-bottom-left{bottom:max(84px,env(safe-area-inset-bottom) + 72px)}}@media (max-width: 700px) and (orientation: portrait){.hud-bottom-left{bottom:max(110px,env(safe-area-inset-bottom) + clamp(88px,min(28vw,24vh),142px) + 56px)}}@media (max-width: 700px){.hud-top-left{max-width:calc(100vw - 180px);padding:6px 8px;background:linear-gradient(120deg,#0e0922d1,#0e09228a)}.hud-top-right{padding:7px 8px;border-radius:10px;background:#0e0922ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hud-bottom-left{max-width:min(58vw,440px);background:#0c081eb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.clue-peek,.clue-detail{max-width:min(54vw,390px)}.prompt{bottom:max(172px,env(safe-area-inset-bottom) + 156px);max-width:min(54vw,400px);white-space:normal;text-align:center}}@media (max-height: 480px) and (orientation: landscape){.joy-pad{width:clamp(76px,min(18vw,24vh),110px);height:clamp(76px,min(18vw,24vh),110px);bottom:max(12px,env(safe-area-inset-bottom) + 8px)}.touch-btns{grid-template-columns:repeat(3,clamp(40px,min(9vw,15vh),52px));gap:5px;bottom:max(8px,env(safe-area-inset-bottom) + 4px)}.touch-btns button.touch-action{min-width:52px;min-height:52px;border-radius:14px}.touch-action span{font-size:17px}.touch-action small{font-size:7px}.hud-type{display:none}.hud-top-left,.hud-top-right{top:max(5px,env(safe-area-inset-top))}.prompt{bottom:78px}}.tutorial-screen{align-items:center;justify-content:center;padding:16px}.tutorial-panel{position:relative;z-index:3;width:min(100%,760px);max-height:calc(100vh - 32px);overflow-y:auto;background:linear-gradient(180deg,#422e7afa,#22174afa);border:1px solid rgba(255,79,176,.5);border-radius:16px;padding:20px 24px 18px;box-shadow:0 24px 80px #0a051cb8,inset 0 1px #ffffff1f;animation:tutorial-in .28s ease both}@keyframes tutorial-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.tutorial-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tutorial-count{font-family:var(--font-display);font-size:12px;letter-spacing:2px;color:var(--magenta-soft);text-transform:uppercase}.tutorial-title{font-family:var(--font-display);font-size:clamp(20px,3.4vw,28px);letter-spacing:1.5px;line-height:1.15;color:#fff;margin-bottom:14px;text-shadow:0 0 16px rgba(255,79,176,.4)}.tutorial-body{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:start}.tut-art{width:100%;max-width:230px;aspect-ratio:120 / 74;background:#0c071c99;border:1px solid rgba(84,232,255,.28);border-radius:12px;padding:6px}.tut-art-key{fill:#fff;font-family:ui-monospace,Cascadia Mono,monospace;font-size:9px}.tut-art-note{fill:#eee7ffd9;font-family:ui-monospace,Cascadia Mono,monospace;font-size:8px}.tutorial-copy p{margin:0 0 10px;font-size:14.5px;line-height:1.6;color:#f0ebfff2}.tutorial-keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px 12px;margin-top:12px}.tutorial-key{display:flex;align-items:center;gap:10px;font-size:13px}.tutorial-key kbd{font-family:ui-monospace,Cascadia Mono,monospace;font-size:11.5px;min-width:72px;text-align:center;padding:4px 8px;border-radius:6px;background:#0c0718d9;border:1px solid rgba(84,232,255,.4);color:#fff}.tutorial-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;flex-wrap:wrap}.tutorial-dots{display:flex;gap:7px}.tutorial-dots span{width:9px;height:9px;border-radius:50%;background:#ffffff2e;transition:background .2s ease,transform .2s ease}.tutorial-dots span.done{background:#54e8ff80}.tutorial-dots span.on{background:var(--magenta);transform:scale(1.35);box-shadow:0 0 10px #ff4fb0cc}.tutorial-buttons{display:flex;gap:10px}.howto-tour{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;text-align:left;margin-bottom:18px;padding:16px 20px}.howto-tour p{margin:0;flex:1 1 220px}@media (max-width: 620px){.tutorial-body{grid-template-columns:1fr}.tut-art{max-width:100%}.tutorial-panel{padding:16px 16px 14px}}.hud-top-left{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));width:max-content;max-width:calc(100vw - 180px);padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.hud-title{font-size:clamp(17px,4.5vw,24px);line-height:1.1;letter-spacing:.8px;white-space:nowrap}.hud-bottom-left{position:static;max-width:100%;margin-top:3px;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.hud-bottom-left.open{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.clue-bar{display:block}.clue-count{display:inline-block;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--cyan);font-family:var(--font-display);font-size:13px;letter-spacing:1.2px;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.95);pointer-events:auto}.clue-count:disabled{opacity:1}.clue-detail{max-width:min(44vw,340px);margin-top:4px;text-shadow:0 1px 4px rgba(0,0,0,.95)}.clue-hint{max-width:100%}.hud-timer{position:absolute;top:max(4px,env(safe-area-inset-top));left:50%;transform:translate(-50%);color:#fff;font-family:var(--font-display);font-size:clamp(13px,3.5vw,18px);letter-spacing:1px;text-shadow:0 1px 5px rgba(0,0,0,.95);z-index:6}.hud-alerts{position:absolute;bottom:max(150px,env(safe-area-inset-bottom) + 138px);left:50%;transform:translate(-50%);width:max-content;max-width:min(90vw,460px);text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.95);pointer-events:none}@media (max-width: 520px){.hud-top-left{max-width:calc(100vw - 160px)}.hud-title{font-size:16px}.clue-detail{max-width:min(48vw,240px)}}.top-chips{flex-direction:row}.hud-top-right{padding:0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.top-chips{top:calc(max(12px,env(safe-area-inset-top)) + 52px);left:max(14px,env(safe-area-inset-left));right:auto;transform:none;flex-direction:row;gap:6px}.exit-chip,.camera-chip{width:38px;height:38px;padding:0}.exit-chip img{display:block;width:24px;height:24px;object-fit:contain}.camera-chip{font-family:var(--font-display);font-size:13px;letter-spacing:.3px}.hud-top-right{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:min(270px,38vw);padding:0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width: 700px){.hud-top-right{width:min(168px,38vw);gap:2px 4px}.hud-top-right .stat{grid-template-columns:1fr;justify-items:center;gap:1px}.hud-top-right .stat-label{white-space:nowrap;font-size:7px}.hud-top-right .stat-value{font-size:8px}.hud-top-right .stat-bar{grid-column:1;height:4px}.hud-top-right .inv{font-size:9px}}@media (max-width: 370px){.hud-top-right{width:min(136px,38vw)}.hud-top-right .stat-label{font-size:6px;letter-spacing:0}.hud-top-right .stat-value{font-size:7px}}