:root{--bg: #0d0a12;--panel: rgba(22, 18, 30, .94);--panel-solid: #171320;--panel-edge: rgba(255, 255, 255, .1);--ink: #f4eee6;--ink-dim: #a99fb4;--gold: #ffc23d;--energy: #6fe3ff;--bag: #9dff8a;--danger: #ff6b5e;--good: #9dff8a;--radius: 14px;--hud-pad: clamp(6px, 1.6vw, 14px);--font: "Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#game{position:absolute;inset:0}#game canvas{display:block;width:100%;height:100%}.boot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at 50% 35%,#2a1a12,#0d0a12 70%);color:var(--gold);z-index:50;transition:opacity .35s ease}.boot.gone{opacity:0;pointer-events:none}.boot-title{font-size:clamp(20px,5vw,34px);font-weight:700;letter-spacing:.04em;color:var(--ink)}.boot-sub{font-size:clamp(12px,3vw,15px);color:var(--ink-dim)}.boot-bar{width:min(240px,60vw);height:6px;border-radius:99px;background:#ffffff1f;overflow:hidden}.boot-bar i{display:block;height:100%;width:40%;border-radius:99px;background:var(--gold);animation:boot-slide 1.1s ease-in-out infinite}@keyframes boot-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.ui{position:absolute;inset:0;pointer-events:none;z-index:10}.ui>*{pointer-events:auto}.hud-top{position:absolute;top:calc(var(--safe-top) + var(--hud-pad));left:calc(var(--safe-left) + var(--hud-pad));right:calc(var(--safe-right) + var(--hud-pad));display:flex;align-items:flex-start;gap:var(--hud-pad);pointer-events:none}.hud-left{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 auto;max-width:320px}.hud-right{display:flex;gap:6px;flex:0 0 auto;pointer-events:auto}.chip{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:var(--panel);border:1px solid var(--panel-edge);font-size:clamp(13px,3.2vw,16px);font-weight:700;font-variant-numeric:tabular-nums;backdrop-filter:blur(6px);white-space:nowrap}.chip .icon{font-size:1.1em;line-height:1}.chip.money{color:var(--gold)}.chip.money.bump{animation:chip-bump .32s ease}@keyframes chip-bump{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}.bars{display:flex;flex-direction:column;gap:5px;padding:7px 9px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-edge);backdrop-filter:blur(6px)}.bar{display:flex;align-items:center;gap:7px;font-size:clamp(10px,2.6vw,12px);color:var(--ink-dim);font-variant-numeric:tabular-nums}.bar .icon{width:1.1em;text-align:center}.bar .track{position:relative;flex:1;height:9px;border-radius:99px;background:#00000073;overflow:hidden;min-width:70px}.bar .fill{position:absolute;inset:0 auto 0 0;border-radius:99px;transition:width .14s linear}.bar.energy .fill{background:linear-gradient(90deg,#2f9ec4,var(--energy))}.bar.bag .fill{background:linear-gradient(90deg,#4faa46,var(--bag))}.bar.energy.low .fill{background:linear-gradient(90deg,#b8452f,var(--danger))}.bar.bag.full .fill{background:linear-gradient(90deg,#c8a032,var(--gold))}.bar .value{min-width:4.2em;text-align:right;color:var(--ink);font-weight:700}.depth-box{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:6px 11px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-edge);backdrop-filter:blur(6px)}.depth-value{font-size:clamp(16px,4.4vw,22px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.depth-zone{font-size:clamp(9px,2.4vw,11px);color:var(--ink-dim);white-space:nowrap}.icon-btn{width:clamp(40px,11vw,48px);height:clamp(40px,11vw,48px);border-radius:12px;border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);font-size:clamp(17px,4.6vw,21px);cursor:pointer;backdrop-filter:blur(6px);display:grid;place-items:center;padding:0}.icon-btn:active{transform:scale(.94)}.quest{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--safe-top) + var(--hud-pad));width:min(300px,52vw);padding:6px 11px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-edge);backdrop-filter:blur(6px);text-align:center;display:none}@media(min-width:620px){.quest{display:block}}.quest-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.quest-text{font-size:clamp(12px,2.8vw,14px);font-weight:700;margin:1px 0 4px}.quest-track{height:5px;border-radius:99px;background:#00000073;overflow:hidden}.quest-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#c8a032,var(--gold));transition:width .25s ease}.quest-mini{display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:99px;background:var(--panel);border:1px solid var(--panel-edge);font-size:clamp(10px,2.7vw,12px);backdrop-filter:blur(6px)}@media(min-width:620px){.quest-mini{display:none}}.quest-mini .star{color:var(--gold)}.quest-mini .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-mini .num{color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums;margin-left:auto}.powers{position:absolute;right:calc(var(--safe-right) + var(--hud-pad) + 4px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.power{position:relative;width:clamp(44px,12vw,54px);height:clamp(44px,12vw,54px);border-radius:14px;border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);font-size:clamp(19px,5.4vw,24px);cursor:pointer;display:grid;place-items:center;padding:0;backdrop-filter:blur(6px)}.power:disabled{opacity:.32;cursor:default}.power:not(:disabled):active{transform:scale(.92)}.power .count{position:absolute;right:-3px;bottom:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--gold);color:#2b1c00;font-size:11px;font-weight:800;line-height:18px;text-align:center}.power.active{border-color:var(--gold);box-shadow:0 0 0 2px #ffc23d59}.power .timer{position:absolute;left:3px;right:3px;bottom:3px;height:3px;border-radius:99px;background:var(--gold);transform-origin:left}.pad{position:absolute;bottom:calc(var(--safe-bottom) + var(--hud-pad));left:calc(var(--safe-left) + var(--hud-pad));width:clamp(148px,42vw,200px);height:clamp(148px,42vw,200px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px}.pad.mirror{left:auto;right:calc(var(--safe-right) + var(--hud-pad))}.pad button{border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);font-size:clamp(19px,5.6vw,26px);border-radius:12px;cursor:pointer;padding:0;display:grid;place-items:center;backdrop-filter:blur(6px)}.pad button.held{background:#ffc23d47;border-color:var(--gold)}.pad .up{grid-area:1 / 2}.pad .left{grid-area:2 / 1}.pad .mid{grid-area:2 / 2;opacity:.45;font-size:.7em;pointer-events:none}.pad .right{grid-area:2 / 3}.pad .down{grid-area:3 / 2}.action{position:absolute;bottom:calc(var(--safe-bottom) + var(--hud-pad));right:calc(var(--safe-right) + var(--hud-pad));display:flex;flex-direction:column;align-items:flex-end;gap:8px}.pad.mirror~.action{right:auto;left:calc(var(--safe-left) + var(--hud-pad));align-items:flex-start}.big-btn{min-height:54px;padding:10px 18px;border-radius:var(--radius);border:1px solid transparent;background:linear-gradient(180deg,#3a3350,#262036);color:var(--ink);font-family:var(--font);font-size:clamp(14px,3.6vw,17px);font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px #00000073}.big-btn:active{transform:translateY(2px);box-shadow:0 2px #00000073}.big-btn.primary{background:linear-gradient(180deg,#ffd05e,#e29c17);color:#35240a}.big-btn.sell{background:linear-gradient(180deg,#7ee06a,#3f9d34);color:#10290c}.big-btn:disabled{opacity:.4;cursor:default;box-shadow:none}.big-btn .sub{font-size:.78em;font-weight:600;opacity:.85}.scrim{position:absolute;inset:0;background:#06040ab8;display:grid;place-items:center;padding:calc(var(--safe-top) + 10px) 10px calc(var(--safe-bottom) + 10px);z-index:20;backdrop-filter:blur(3px)}.scrim.hidden{display:none}.panel{width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;background:var(--panel-solid);border:1px solid var(--panel-edge);border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #0009}.panel-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--panel-edge);flex:0 0 auto}.panel-head h2{margin:0;font-size:clamp(15px,4vw,19px);flex:1}.panel-head .money{color:var(--gold);font-weight:800;font-variant-numeric:tabular-nums}.panel-body{padding:12px 14px 16px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;display:flex;flex-direction:column;gap:9px}.tabs{display:flex;gap:6px;padding:10px 14px 0}.tab{flex:1;padding:9px 8px;border-radius:10px 10px 0 0;border:1px solid var(--panel-edge);border-bottom:none;background:#ffffff0a;color:var(--ink-dim);font-family:var(--font);font-size:clamp(12px,3.2vw,14px);font-weight:700;cursor:pointer}.tab.on{background:#ffc23d29;color:var(--gold);border-color:#ffc23d66}.card{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:12px;background:#ffffff0b;border:1px solid var(--panel-edge)}.card.can-buy{border-color:#ffc23d73;background:#ffc23d17}.card .card-icon{width:42px;height:42px;flex:0 0 auto;border-radius:11px;background:#00000059;display:grid;place-items:center;font-size:21px}.card .card-main{flex:1;min-width:0}.card .card-name{font-size:clamp(13px,3.4vw,15px);font-weight:800;display:flex;align-items:center;gap:6px}.card .lvl{font-size:11px;padding:1px 6px;border-radius:99px;background:#ffffff1f;color:var(--ink-dim);font-weight:700}.card .card-desc{font-size:clamp(10px,2.7vw,12px);color:var(--ink-dim);margin-top:1px}.card .card-delta{font-size:clamp(11px,2.9vw,13px);font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums}.card .card-delta .now{color:var(--ink-dim)}.card .card-delta .arrow{color:var(--ink-dim);margin:0 4px}.card .card-delta .next{color:var(--good)}.buy{flex:0 0 auto;min-width:88px;min-height:48px;padding:8px 12px;border-radius:11px;border:none;background:linear-gradient(180deg,#ffd05e,#e29c17);color:#35240a;font-family:var(--font);font-size:clamp(13px,3.4vw,15px);font-weight:800;cursor:pointer;font-variant-numeric:tabular-nums;box-shadow:0 3px #0006}.buy:disabled{background:#ffffff1a;color:var(--ink-dim);box-shadow:none;cursor:default}.buy:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #0006}.rows{display:flex;flex-direction:column;gap:7px}.row{display:flex;align-items:center;gap:9px;font-size:clamp(12px,3.2vw,14px)}.row .grow{flex:1;min-width:0}.row .num{font-variant-numeric:tabular-nums;font-weight:700}.sep{height:1px;background:var(--panel-edge);margin:3px 0}.note{font-size:clamp(10px,2.7vw,12px);color:var(--ink-dim);line-height:1.45}.switch{position:relative;width:50px;height:30px;border-radius:99px;border:1px solid var(--panel-edge);background:#0006;cursor:pointer;flex:0 0 auto;padding:0}.switch i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:99px;background:var(--ink-dim);transition:transform .16s ease,background .16s ease}.switch.on{background:#ffc23d4d;border-color:var(--gold)}.switch.on i{transform:translate(20px);background:var(--gold)}.danger-btn{padding:11px 14px;min-height:48px;border-radius:11px;border:1px solid rgba(255,107,94,.5);background:#ff6b5e24;color:#ffb3ac;font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer}.receipt-total{text-align:center;font-size:clamp(26px,8vw,40px);font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.receipt-sub{text-align:center;font-size:clamp(11px,3vw,13px);color:var(--ink-dim);margin-top:-4px}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:800;background:#9dff8a33;color:var(--good)}.toasts{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + clamp(180px,46vw,236px));display:flex;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:min(92vw,420px);pointer-events:none}.toast{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:#16121ef5;border:1px solid var(--panel-edge);font-size:clamp(12px,3.2vw,14px);font-weight:700;animation:toast-in .22s ease;box-shadow:0 6px 20px #0006}.toast.good{border-color:#9dff8a8c;color:var(--good)}.toast.bad{border-color:#ff6b5e8c;color:#ffb3ac}.toast.leaving{animation:toast-out .28s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}.zone-banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:15;animation:zone-in 3.4s ease forwards}.zone-kicker{font-size:clamp(11px,3vw,13px);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.zone-name{font-size:clamp(26px,8.5vw,46px);font-weight:900;margin:2px 0 4px;text-shadow:0 4px 24px rgba(0,0,0,.85)}.zone-tag{font-size:clamp(12px,3.2vw,15px);color:var(--ink);opacity:.85;text-shadow:0 2px 10px rgba(0,0,0,.9)}@keyframes zone-in{0%{opacity:0;transform:translate(-50%,-30%) scale(.9)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(1.02)}}.coach{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + clamp(180px,46vw,236px));padding:9px 16px;border-radius:99px;background:#ffc23df0;color:#35240a;font-size:clamp(12px,3.4vw,15px);font-weight:800;box-shadow:0 8px 24px #00000080;pointer-events:none;animation:coach-pulse 1.6s ease-in-out infinite;text-align:center;max-width:min(88vw,380px)}@keyframes coach-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.035)}}.ad-overlay{position:fixed;inset:0;background:#000000d9;display:grid;place-items:center;z-index:100}.ad-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 36px;border-radius:16px;background:#171320;border:1px solid var(--panel-edge)}.ad-tag{font-size:11px;letter-spacing:.24em;color:var(--ink-dim)}.ad-spinner{width:34px;height:34px;border-radius:99px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ad-text{font-size:13px;color:var(--ink-dim)}@media(max-height:460px){.pad{width:clamp(126px,27vw,160px);height:clamp(126px,27vw,160px)}.powers{top:auto;bottom:calc(var(--safe-bottom) + var(--hud-pad));right:50%;transform:translate(50%);flex-direction:row}.toasts,.coach{bottom:calc(var(--safe-bottom) + clamp(84px,20vw,110px))}}.pad.hidden{display:none}.journal-head{text-align:center;padding:4px 0 10px}.journal-count{font-size:clamp(28px,7vw,40px);font-weight:800;color:var(--gold);line-height:1}.journal-sub{margin-top:6px;font-size:13px;color:var(--ink-dim)}.lore-row{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:10px;background:#ffffff08;border:1px solid var(--panel-edge)}.lore-row+.lore-row{margin-top:6px}.lore-row.locked{opacity:.5;border-style:dashed}.lore-icon{font-size:20px;line-height:1.2;min-width:26px;text-align:center}.lore-title{font-weight:700;font-size:14px}.lore-text{margin-top:2px;font-size:12.5px;color:var(--ink-dim);line-height:1.35}.lore-rarity{font-size:11px;white-space:nowrap;align-self:center}.symbol-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:6px 0 2px}.symbol{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:#b388ff29;border:1px solid rgba(179,136,255,.5)}.symbol.empty{background:#ffffff08;border-style:dashed;border-color:var(--panel-edge);color:var(--ink-dim)}.discovery-card{border:2px solid var(--gold);border-radius:18px;padding:18px 16px 14px;text-align:center;background:linear-gradient(180deg,#ffffff12,#00000040)}.discovery-card .card-art{font-size:clamp(44px,12vw,64px);line-height:1}.discovery-card .card-title{margin-top:10px;font-size:clamp(18px,5vw,24px);font-weight:800}.discovery-card .card-sub{margin-top:6px;font-size:13px;color:var(--ink-dim);line-height:1.4}.discovery-card .card-rarity{display:inline-block;margin-top:10px;padding:4px 12px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.discovery-card .card-facts{display:flex;justify-content:space-around;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--panel-edge)}.discovery-card .card-fact{min-width:0}.discovery-card .card-fact-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-dim)}.discovery-card .card-fact-value{margin-top:3px;font-size:14px;font-weight:700}.discovery-card .card-foot{margin-top:12px;font-size:11px;color:var(--ink-dim);opacity:.8}.icon-btn{position:relative}.icon-btn .dot{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);opacity:0;transform:scale(.4);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.icon-btn .dot.on{opacity:1;transform:scale(1)}.icon-btn.nudge{animation:journal-nudge .9s ease}@keyframes journal-nudge{0%,to{transform:translateY(0)}25%{transform:translateY(-4px) rotate(-6deg)}60%{transform:translateY(0) rotate(4deg)}}#app.blackout:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#0000002e,#000000d1 62%,#000000f0);pointer-events:none;z-index:4;animation:blackout-in .26s ease}@keyframes blackout-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.icon-btn.nudge{animation:none}#app.blackout:after{animation:none}}.door-art{font-size:clamp(48px,14vw,72px);text-align:center;line-height:1;filter:grayscale(.4);transition:filter .3s ease,text-shadow .3s ease}.door-art.open{filter:none;text-shadow:0 0 24px rgba(179,136,255,.75)}.door-slots{display:flex;gap:clamp(4px,1.5vw,8px);justify-content:center;margin:12px 0 6px}.door-slot{flex:1 1 0;min-width:0;aspect-ratio:1;max-width:58px;border-radius:12px;display:grid;place-items:center;font-size:clamp(18px,5.5vw,24px);background:#b388ff29;border:1px solid rgba(179,136,255,.5);cursor:pointer}.door-slot.empty{background:#ffffff08;border-style:dashed;border-color:var(--panel-edge);color:var(--ink-dim);font-size:13px;cursor:default}.door-slot.pinned{background:#9dff8a29;border-color:#9dff8a99;cursor:default}.symbol.used{opacity:.3;cursor:default}.door-wrong{color:var(--danger);animation:door-shake .32s ease}@keyframes door-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}50%{transform:translate(5px)}80%{transform:translate(-3px)}}@media(prefers-reduced-motion:reduce){.door-wrong{animation:none}}.ui.daily-mode .depth-box{border-color:#6fe3ff8c;box-shadow:0 0 0 1px #6fe3ff40}.ui.daily-mode .depth-zone{color:var(--energy)}.lang-row{display:flex;gap:6px}.lang{padding:7px 14px;border-radius:10px;border:1px solid var(--panel-edge);background:#ffffff0a;color:var(--ink-dim);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer}.lang.on{background:#ffc23d29;border-color:#ffc23d8c;color:var(--gold)}