:root{--moki-ink: #12161d;--moki-panel: rgba(16, 22, 30, .88);--moki-edge: rgba(120, 224, 220, .55);--moki-accent: #49e0dc;--moki-text: #eaf4f6;--moki-tap-min: 44px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0d1218;color:var(--moki-text);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace}#moki-root{position:relative;width:100%;height:100vh;height:100dvh;height:var(--moki-viewport-h, 100dvh);margin-top:var(--moki-viewport-top, 0px)}#moki-root canvas{display:block;width:100%;height:100%}.moki-debug{position:absolute;top:12px;left:12px;padding:10px 14px;background:var(--moki-panel);border:1px solid var(--moki-edge);border-radius:6px;font-size:12px;line-height:1.55;white-space:pre;pointer-events:none;text-shadow:0 1px 0 rgba(0,0,0,.6)}.moki-debug strong{color:var(--moki-accent)}.moki-debug em{color:#7f8b99;font-style:normal}.moki-debug .bad{color:#ff5c8a;font-weight:700}.moki-prompt{position:absolute;left:50%;bottom:22%;transform:translate(-50%);padding:6px 14px;background:var(--moki-panel);border:1px solid var(--moki-edge);border-radius:999px;font-size:13px;letter-spacing:.04em;pointer-events:none}:root{--hud-unit: clamp(.5px, min(100vw / 1920, 100vh / 870), 1px)}.moki-dialogue{position:absolute;left:50%;bottom:calc(205 * var(--hud-unit));transform:translate(-50%);width:min(720px,calc(100vw - 48px));padding:24px 26px 12px;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#e9f7f9;background:radial-gradient(120% 140% at 50% 0%,rgba(73,224,220,.14),transparent 60%),linear-gradient(180deg,#092d3af7,#04161efa);border:2px solid #3fb8c9;border-radius:14px;box-shadow:0 0 0 2px #030e14eb,0 0 0 4px #d6aa52e6,0 14px 32px #00000073,inset 0 0 22px #49e0dc1f;z-index:45;pointer-events:auto;cursor:pointer;user-select:none}.moki-dialogue:before,.moki-dialogue:after{content:"";position:absolute;top:-7px;width:10px;height:10px;background:linear-gradient(135deg,#f7dc8c,#b8862f);border:2px solid #06202a;transform:rotate(45deg)}.moki-dialogue:before{left:-7px}.moki-dialogue:after{right:-7px}.moki-dialogue-title{position:absolute;top:-15px;left:24px;padding:5px 16px 4px;font:800 12px/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#2a1a04;background:linear-gradient(180deg,#f7d884,#c9973f);border:2px solid #06202a;border-radius:8px;box-shadow:0 2px #00000059}.moki-dialogue-title:empty{display:none}.moki-dialogue-body{font-size:16px;font-weight:600;line-height:1.5;min-height:3em;text-shadow:0 1px 0 rgba(0,0,0,.45)}.moki-dialogue-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.moki-dialogue-page{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;color:#6fb7c2;font-variant-numeric:tabular-nums}.moki-dialogue-hint{padding:4px 2px;font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;color:#7fe7ef;background:none;border:0;cursor:pointer}.moki-dialogue-hint span{display:inline-block;margin-left:4px;color:#f2c14b;animation:moki-dialogue-bob 1s ease-in-out infinite}.moki-dialogue-hint:focus-visible{outline:2px solid #f2c14b;outline-offset:2px;border-radius:4px}@keyframes moki-dialogue-bob{50%{transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.moki-dialogue-hint span{animation:none}}.moki-battle{position:absolute;right:20px;top:20px;width:min(380px,calc(100vw - 40px));padding:14px 16px;background:var(--moki-panel);border:1px solid var(--moki-edge);border-radius:10px;font-size:13px;pointer-events:none}.moki-battle-title{color:var(--moki-accent);font-size:12px;letter-spacing:.12em;margin-bottom:10px}.moki-battle-row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.08)}.moki-battle-log{margin-top:10px;font-size:12px;line-height:1.55;color:#c6d3dd;min-height:8em}.moki-battle-hint{margin-top:8px;text-align:right;font-size:11px;color:#7f8b99}.moki-battle-ui{position:absolute;inset:0;z-index:15;pointer-events:none;font-size:13px}.moki-battle-panel{position:absolute;inset:0}.moki-plate{position:absolute;width:min(300px,42vw);padding:9px 12px 10px;border-radius:10px;background:var(--moki-panel);border:1px solid var(--moki-edge);backdrop-filter:blur(3px)}.moki-hud{position:absolute;inset:0;pointer-events:none;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:grid;grid-template-areas:"you foe" ".   ." "log command";grid-template-columns:minmax(0,1fr) minmax(0,auto);grid-template-rows:auto 1fr auto;align-items:start;gap:10px}.moki-hud-foe{grid-area:foe;justify-self:end;align-self:start}.moki-hud-you{grid-area:you;justify-self:start;align-self:start}.moki-hud-log{grid-area:log;justify-self:start;align-self:end;margin-left:calc(-1*max(12px,env(safe-area-inset-left)))}.moki-hud-command{grid-area:command;justify-self:end;align-self:end}.moki-hud-log .moki-prompt{position:static;left:auto;right:auto;bottom:auto;transform:none}.moki-hud>*{pointer-events:none}.moki-hud-command,.moki-hud-command *{pointer-events:auto}.moki-plate.wild,.moki-plate.player{position:static;width:auto;min-width:min(280px,62vw);max-width:min(340px,78vw)}.moki-plate.wild{border-top:2px solid #f0a24a}.moki-plate.player{border-top:2px solid var(--moki-accent)}.moki-dots{display:flex;gap:10px;margin:7px 0 0 3px}.moki-hud-foe .moki-dots{justify-content:flex-end;margin:7px 3px 0 0}.moki-dot{width:11px;height:11px;transform:rotate(45deg);border-radius:2px;border:1px solid #0f172a99;background:#475569;box-shadow:0 1px 2px #0f172a66}.moki-dot.able{background:linear-gradient(135deg,#5eead4,#14b8a6)}.moki-dot.active{background:linear-gradient(135deg,#f8fafc,#7dd3fc);border-color:#e0f2fe;box-shadow:0 0 0 2px #38bdf880,0 1px 3px #0f172a99}.moki-dot.fallen{background:#1e293b;border-color:#475569;box-shadow:none;opacity:.75}.moki-plate-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.moki-name-group{display:inline-flex;align-items:center;gap:5px;min-width:0}.moki-type-icon{flex:none;width:auto;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.moki-plate-sub{display:flex;align-items:center;gap:6px;margin:3px 0 6px}.moki-tag{font-size:9px;letter-spacing:.16em;color:#8b98a6}.moki-name{font-size:15px;font-weight:700;letter-spacing:.03em}.moki-level{font-size:11px;color:#9fb0bf}.moki-type{font-size:9px;letter-spacing:.1em;padding:1px 7px;border-radius:999px;color:#dceaf2;background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.moki-bar{position:relative;height:14px;border-radius:999px;background:#0b1a12;border:1px solid rgba(0,0,0,.55);box-shadow:inset 0 2px 4px #0000008c;overflow:hidden}.moki-bar-trail{position:absolute;inset:0 auto 0 0;display:block;height:100%;background:#ffffff8c;border-radius:inherit}.moki-bar.slim{display:block;height:6px;margin-top:5px}.moki-bar-fill{position:relative;display:block;height:100%;border-radius:inherit;transition:width .28s ease-out;background-image:linear-gradient(180deg,#ffffff73,#ffffff1f 38%,#0000000f 60%,#00000038)}.moki-bar.draining .moki-bar-fill:after{content:"";position:absolute;top:0;right:-1px;width:3px;height:100%;background:#fff;box-shadow:0 0 8px 2px #ffffffd9}.moki-plate .moki-bar-fill,.moki-exp .moki-bar-fill{transition:none}.moki-bar-fill.ok{background-color:#35d84a;box-shadow:0 0 10px #35d84aa6,inset 0 0 6px #beffc859}.moki-bar-fill.warn{background-color:#f5c22b;box-shadow:0 0 10px #f5c22b99,inset 0 0 6px #fff0be59}.moki-bar-fill.crit{background-color:#f04438;box-shadow:0 0 10px #f04438a6,inset 0 0 6px #ffc8c34d}.moki-bar-fill.res{background:var(--moki-accent)}.moki-bar-fill.exp{background:linear-gradient(90deg,#6fd3ff,#9b8cff)}.moki-bar-label{font-size:10px;color:#9fb0bf;margin-top:3px;text-align:right}.moki-exp{margin-top:4px}.moki-exp-label{font-size:9px;letter-spacing:.12em;color:#8a9bd0;margin-top:3px;text-align:right}.moki-res{margin-top:4px}.moki-res-label{font-size:9px;letter-spacing:.14em;color:#8fb6c0;margin-top:3px}.moki-res.ready .moki-res-label{color:var(--moki-accent);animation:moki-res-ready 1.1s ease-in-out infinite}.moki-res.ready .moki-bar-fill.res{box-shadow:0 0 10px var(--moki-accent)}@keyframes moki-res-ready{0%,to{opacity:.55}50%{opacity:1}}.moki-status{margin-top:6px;display:flex;gap:5px;flex-wrap:wrap}.moki-chip{font-size:9px;letter-spacing:.08em;padding:1px 6px;border-radius:999px;background:#e8604f33;border:1px solid rgba(232,96,79,.5)}.moki-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);max-width:min(560px,76vw);padding:9px 20px;text-align:center;font-size:13px;letter-spacing:.09em;border-radius:999px;background:#081016d1;border:1px solid var(--moki-edge);opacity:0;pointer-events:none;transition:opacity .16s ease-out}.moki-banner.visible{opacity:1}.moki-banner.pop{animation:moki-banner-pop .26s ease-out}@keyframes moki-banner-pop{0%{transform:translate(-50%) translateY(-6px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.moki-banner.result{top:34%;padding:16px 34px;font-size:21px;font-weight:700;letter-spacing:.18em;border-radius:12px;border-width:2px}.moki-banner.tone-BOND{color:var(--moki-accent);border-color:var(--moki-accent);box-shadow:0 0 30px #49e0dc59}.moki-banner.tone-WIN{color:#9ff0a8;border-color:#9ff0a8b3}.moki-banner.tone-LOSS{color:#e8907f;border-color:#e8907f99}.moki-floaters{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:30}.moki-float{position:absolute;font-weight:800;font-size:22px;letter-spacing:.04em;text-shadow:0 2px 6px rgba(0,0,0,.85);animation:moki-float-up 1s ease-out forwards}.moki-float-player{left:18%;bottom:30%}.moki-float-wild{right:16%;top:26%}.float-CRITICAL{color:#ffd84d;font-size:26px}.float-MISS{color:#c9c9c9;font-size:18px}.float-RESISTED{color:#b0b0c0;font-size:16px}.float-SUPER{color:#ffd84d;font-size:18px}.float-STATUS{color:#ff9bd0;font-size:16px}@keyframes moki-float-up{0%{transform:translateY(8px) scale(.8);opacity:0}18%{transform:translateY(0) scale(1.15);opacity:1}35%{transform:translateY(0) scale(1)}to{transform:translateY(-34px) scale(1);opacity:0}}.moki-hud-command:has(.moki-actions.plates){width:min(420px,58vw)}.moki-hud-command{width:min(320px,46vw);display:flex;flex-direction:column;align-items:stretch;gap:8px}.moki-side,.moki-battle-log{pointer-events:none}.moki-prompt{display:flex;align-items:center;gap:10px;width:min(560px,62vw);padding:11px 56px 11px 16px;border:1px solid rgba(120,200,235,.5);border-right:0;border-radius:999px 0 0 999px;background:linear-gradient(90deg,#091a28e0,#091a28d1 55%,#091a2800);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 62%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 62%,transparent 100%);color:#eaf6ff;font-size:13px;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.75)}.hud-interact-prompt{width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:none;box-shadow:none;-webkit-mask-image:none;mask-image:none}.moki-prompt-mark{flex:none;width:11px;height:11px;rotate:45deg;border-radius:2px;background:linear-gradient(135deg,#d8f6ff,#4fc3e8);box-shadow:0 0 8px #4fc3e8d9}.moki-prompt-line{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.moki-crystals{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:10px;border-radius:8px;background:#49e0dc1a;border:1px solid rgba(73,224,220,.32);font-size:11px;letter-spacing:.08em}.moki-crystals strong{font-size:15px;color:var(--moki-accent)}.moki-band{margin-left:auto;font-size:10px;color:#cfe9ee}.moki-actions{display:flex;gap:8px;margin-bottom:10px}.moki-hud-command .moki-actions:not(.grid):not(.plates) button{background:var(--moki-panel);border-color:var(--moki-edge);box-shadow:0 2px 6px #0f172a55}.moki-hud-command .moki-battle-result{background:var(--moki-panel);border:1px solid var(--moki-edge);border-radius:10px;padding:10px 12px;margin-bottom:8px;text-align:center}.moki-hud-command .moki-moves{padding:8px;border-radius:12px;background:#0a0f16b8;border:1px solid var(--moki-edge)}.moki-actions.grid{display:grid;grid-template-columns:1fr;gap:7px}.moki-actions.grid button{min-height:44px;padding:12px 14px;font-size:13px;letter-spacing:.12em;font-weight:600;text-align:left;border-radius:10px;border-left-width:3px;box-shadow:0 2px 6px #0f172a55}.moki-actions.grid button[data-value=MOVES]{background:linear-gradient(135deg,#0e7490cc,#155e75cc);border-color:#22d3ee88;border-left-color:#22d3ee}.moki-actions.grid button[data-value=SWITCH]{background:linear-gradient(135deg,#047857cc,#065f46cc);border-color:#34d39988;border-left-color:#34d399}.moki-actions.grid button[data-action=capture]{background:linear-gradient(135deg,#a16207cc,#854d0ecc);border-color:#fbbf2488;border-left-color:#fbbf24}.moki-actions.grid button[data-action=run]{background:linear-gradient(135deg,#3730a3cc,#312e81cc);border-color:#818cf888;border-left-color:#818cf8}.moki-actions.grid button.danger{background:linear-gradient(135deg,#b91c1ccc,#7f1d1dcc);border-color:#fca5a588;border-left-color:#fca5a5}.moki-actions.grid button:hover:not(:disabled){filter:brightness(1.18)}.moki-actions.grid button:active:not(:disabled){transform:translateY(1px);filter:brightness(.94)}.moki-actions.grid button:disabled{filter:grayscale(.7) brightness(.6);box-shadow:none}.moki-actions.grid button.wide{grid-column:1 / -1}.moki-status{padding:6px 10px;margin-bottom:8px;border-radius:8px;font-size:11px;letter-spacing:.14em;text-align:center;background:#0f172acc;border:1px solid #334155;color:#cbd5e1}.moki-status.s-YOUR_TURN,.moki-status.s-MUST_REPLACE{background:#064e3bcc;border-color:#10b98188;color:#d1fae5}.moki-status.s-WAITING_FOR_OPPONENT,.moki-status.s-OPPONENT_REPLACING{background:#1e293bcc;border-color:#475569;color:#94a3b8}.moki-status.s-RESOLVING{background:#082f49cc;border-color:#0891b288;color:#a5f3fc}.moki-status.s-ENDED{background:#1e1b4bcc;border-color:#6366f188;color:#e0e7ff}.moki-status.s-CAPTURE_BLOCKED{background:#422006cc;border-color:#d9770688;color:#fed7aa}.moki-status{display:flex;align-items:center;justify-content:center;gap:8px}.moki-countdown{min-width:2.2em;padding:1px 7px;border-radius:6px;font-size:15px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;background:#0f172acc;border:1px solid currentColor;line-height:1.25}.moki-countdown.urgent{background:#7f1d1dcc;border-color:#fca5a5;color:#fee2e2}@media(max-width:560px),(pointer:coarse)and (max-width:560px){.moki-hud{grid-template-areas:"you foe" ".   ." "log log" "command command";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto auto;gap:6px}.moki-hud-you{align-self:start}.moki-hud-command{justify-self:stretch;width:auto}.moki-plate.wild,.moki-plate.player{min-width:0;max-width:100%;padding:6px 8px 7px}.moki-plate .moki-name{font-size:12px}.moki-plate .moki-level{font-size:11px}.moki-dot{width:9px;height:9px}.moki-dots{gap:8px}.moki-prompt{width:min(100%,78vw);padding:8px 40px 8px 12px;font-size:11px}.moki-status{padding:4px 8px;margin-bottom:6px;font-size:10px;letter-spacing:.1em}}.moki-battle-ui button.danger{background:linear-gradient(135deg,#b91c1c,#7f1d1d);border-color:#fca5a566;color:#fee2e2}.moki-actions.waiting{justify-content:center;color:#6f7d8a;letter-spacing:.4em;min-height:44px;align-items:center}.moki-battle-ui button{font:inherit;font-size:12px;letter-spacing:.06em;padding:10px 8px;color:var(--moki-text);background:#ffffff12;border:1px solid var(--moki-edge);border-radius:8px;cursor:pointer;transition:background .12s ease-out}.moki-battle-ui button:hover:not([disabled]){background:#49e0dc33}.moki-battle-ui button[disabled]{opacity:.35;cursor:not-allowed;border-color:#ffffff1f}.moki-battle-ui button.wide{flex:1}.moki-moves{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;max-height:34vh;overflow-y:auto}.moki-move,.moki-party{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-height:66px;position:relative;padding-left:12px;background:var(--moki-panel);border-color:var(--moki-edge);box-shadow:0 2px 8px #0f172a66}.moki-move:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:999px;background:#7f8b99}.moki-move-class{font-size:8px;letter-spacing:.18em;color:#8b98a6}.moki-move.cls-STRIKE:before{background:#e8604f}.moki-move.cls-FOCUS:before{background:#6aa8f0}.moki-move.cls-GUARD:before{background:#63d17a}.moki-move.cls-SUPPORT:before{background:#f0c04a}.moki-move.cls-SIGNATURE:before{background:#c79bff}.moki-move.cls-ULTIMATE:before{background:var(--moki-accent);box-shadow:0 0 8px var(--moki-accent)}.moki-move.cls-STRIKE .moki-move-class{color:#e8604f}.moki-move.cls-FOCUS .moki-move-class{color:#6aa8f0}.moki-move.cls-GUARD .moki-move-class{color:#63d17a}.moki-move.cls-SUPPORT .moki-move-class{color:#f0c04a}.moki-move.cls-SIGNATURE .moki-move-class{color:#c79bff}.moki-move.cls-ULTIMATE .moki-move-class{color:var(--moki-accent)}.moki-move-name{font-size:13px;font-weight:700}.moki-move-meta,.moki-move-note{font-size:10px;color:#9fb0bf;letter-spacing:.04em}.moki-battle-log{margin-top:4px;font-size:12px;line-height:1.5;color:#c6d3dd;max-height:7em;overflow-y:auto}.moki-battle-result{padding:10px;margin-bottom:10px;text-align:center;font-size:15px;letter-spacing:.08em;color:var(--moki-accent);border:1px solid var(--moki-edge);border-radius:8px;background:#49e0dc1a}.moki-transition{position:absolute;inset:0;pointer-events:none;z-index:40;background:linear-gradient(0deg,rgba(226,253,255,var(--flash, 0)) 0% 100%),radial-gradient(circle at 50% 52%,rgba(73,224,220,.22),transparent 68%),#060d12;-webkit-mask:repeating-linear-gradient(180deg,#000 0,#000 calc(6.25% * var(--slat, 1)),transparent calc(6.25% * var(--slat, 1)),transparent calc(12.5% - 6.25% * var(--slat, 1)),#000 calc(12.5% - 6.25% * var(--slat, 1)),#000 12.5%);mask:repeating-linear-gradient(180deg,#000 0,#000 calc(6.25% * var(--slat, 1)),transparent calc(6.25% * var(--slat, 1)),transparent calc(12.5% - 6.25% * var(--slat, 1)),#000 calc(12.5% - 6.25% * var(--slat, 1)),#000 12.5%)}.moki-transition.out{-webkit-mask:none;mask:none;transform:none;background:linear-gradient(180deg,rgba(73,224,220,.35) 0%,rgba(73,224,220,0) var(--sweep, 50%),rgba(73,224,220,0) 100%),radial-gradient(circle at 50% 45%,rgba(73,224,220,.25),transparent 62%),#060d12}@media(max-width:760px),(pointer:coarse){.moki-hud{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:8px}.moki-plate.wild,.moki-plate.player{min-width:min(240px,58vw);max-width:min(280px,66vw);padding:7px 10px 8px}.moki-hud-command{width:min(260px,44vw)}.moki-moves{grid-template-columns:1fr;max-height:30vh}.moki-banner.result{font-size:16px;letter-spacing:.12em}}@media(max-height:560px){.moki-battle-log{display:none}.moki-move,.moki-party{min-height:54px}.moki-actions.grid{grid-template-columns:1fr 1fr}.moki-actions.grid button{min-height:40px;padding:9px 10px}.moki-hud-command{width:min(300px,52vw)}}@media(max-width:640px),(pointer:coarse){.moki-battle-ui{font-size:11px}.moki-battle-panel{padding-top:10px}.moki-plate{margin:0 8px 5px;padding:5px 8px 6px;border-radius:8px}.moki-plate-sub{margin:2px 0 4px;gap:4px}.moki-type-icon{height:19px}.moki-name{font-size:12px}.moki-level{font-size:9px}.moki-band{font-size:8px}.moki-bar{height:7px}.moki-exp{margin-top:3px}.moki-exp-label{font-size:7px;margin-top:2px}.moki-status{margin-top:4px;gap:3px}.moki-action-bar{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));gap:8px}.moki-side,.moki-command{padding:8px 9px;border-radius:10px}.moki-moves{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:6px;max-height:24vh}.moki-move,.moki-party{min-height:46px;padding-left:9px;gap:1px}.moki-move:before{top:4px;bottom:4px;width:3px}.moki-move-name{font-size:11px}.moki-move-class{font-size:7px;letter-spacing:.14em}.moki-move-meta,.moki-move-note{font-size:9px}.moki-actions{gap:5px;margin-bottom:6px}.moki-crystals{padding:4px 7px;margin-bottom:6px;font-size:9px;gap:6px}.moki-crystals strong{font-size:12px}.moki-battle-log{font-size:10px;line-height:1.4;max-height:4.6em}.moki-battle-result{padding:6px;margin-bottom:6px;font-size:12px}.moki-battle-ui button{font-size:11px;padding:7px 6px;min-height:44px}.moki-actions.waiting{min-height:44px;letter-spacing:.24em}}@media(orientation:landscape)and (max-height:480px),(pointer:coarse)and (orientation:landscape){.moki-battle-ui{font-size:10px}.moki-battle-panel{padding-top:6px}.moki-plate{width:min(38vw,220px);margin:0 6px 4px max(6px,env(safe-area-inset-left));padding:4px 7px 5px;border-radius:7px}.moki-plate-sub{margin:2px 0 3px}.moki-type-icon{height:16px}.moki-name{font-size:11px}.moki-level{font-size:8px}.moki-bar{height:6px}.moki-exp-label{font-size:7px}.moki-status{margin-top:3px}.moki-action-bar{left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));grid-template-columns:1fr minmax(210px,38%);gap:6px}.moki-side,.moki-command{padding:6px 8px;border-radius:9px}.moki-moves{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px;max-height:20vh}.moki-move,.moki-party{min-height:44px;padding-left:8px;gap:0}.moki-move-name{font-size:10px}.moki-move-class{font-size:7px}.moki-move-meta,.moki-move-note{font-size:8px}.moki-actions{gap:4px;margin-bottom:4px}.moki-crystals{padding:3px 6px;margin-bottom:4px;font-size:8px}.moki-crystals strong{font-size:11px}.moki-battle-result{padding:5px;margin-bottom:4px;font-size:11px}.moki-battle-ui button{font-size:10px;padding:6px 5px;min-height:44px}.moki-actions.waiting{min-height:44px}}.moki-toast{position:absolute;left:50%;top:20px;transform:translate(-50%);padding:8px 16px;background:var(--moki-panel);border:1px solid var(--moki-edge);border-radius:999px;font-size:12px;pointer-events:none}.journey-screen,.journey-intro{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,5vw,64px);color:#eaffff;text-align:center;background:radial-gradient(circle at 50% 32%,rgba(35,205,220,.2),transparent 28%),linear-gradient(145deg,#07151c,#102934 58%,#08171e);font-family:Inter,system-ui,sans-serif;overflow:auto}.journey-screen h1{font-size:clamp(72px,16vw,164px);line-height:.8;letter-spacing:.08em;margin:18px 0;text-shadow:0 0 38px #22d3ee88}.journey-screen h2{font-size:clamp(28px,5vw,54px);margin:10px 0 22px}.eyebrow{color:#67e8f9;letter-spacing:.28em;font-weight:800;font-size:12px}.title-copy{color:#b9d8df}.journey-actions{display:grid;gap:12px;width:min(360px,100%);margin-top:28px}.journey-screen button,.archive-panel button,.party-panel button{border:1px solid #67e8f988;background:linear-gradient(135deg,#0e7490,#155e75);color:#fff;border-radius:10px;padding:14px 20px;font:700 13px/1 system-ui;letter-spacing:.08em;cursor:pointer}.journey-screen button:disabled{opacity:.35;cursor:not-allowed}.journey-screen button.secondary,.journey-screen .text-button{background:transparent;border-color:#fff3}.text-button{margin-top:20px}.onboarding{justify-content:flex-start}.onboarding>h2{max-width:760px}.onboarding input{width:min(440px,100%);font-size:22px;padding:16px;border-radius:10px;border:1px solid #67e8f977;background:#07151ccc;color:#fff}.form-error{min-height:24px;color:#fca5a5}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(980px,100%)}.choice-card{min-height:170px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-transform:none}.choice-card strong{font-size:20px}.choice-card span{font-weight:400;line-height:1.45;letter-spacing:0}.choice-card small{opacity:.65}.faction-inferno{background:linear-gradient(145deg,#991b1b,#111827)!important}.faction-tidal{background:linear-gradient(145deg,#075985,#111827)!important}.faction-pulse{background:linear-gradient(145deg,#a16207,#111827)!important}.moki-ui-sprite{width:150px;height:125px;background-size:800% 100%;background-position:0 0;background-repeat:no-repeat;image-rendering:pixelated}.moki-ui-sprite.large{width:210px;height:175px}.trainer-preview{background-position:0 0;background-repeat:no-repeat;image-rendering:pixelated}.journey-summary{display:flex;align-items:center;gap:24px;text-align:left}.journey-summary p{line-height:1.8}.coming-soon{opacity:.65}.title-crystal{width:50px;height:70px;background:#22d3ee;clip-path:polygon(50% 0,100% 30%,80% 100%,20% 100%,0 30%);filter:drop-shadow(0 0 16px #22d3ee);animation:title-float 2.5s ease-in-out infinite}@keyframes title-float{50%{transform:translateY(-8px)}}.collection-overlay{position:absolute;inset:0;z-index:70;background:#06131bed;color:#fff;padding:clamp(14px,4vw,42px);overflow:auto;font-family:system-ui}.collection-header{display:flex;align-items:center;justify-content:space-between}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.collection-card{background:#102b36;border:1px solid #67e8f944;border-radius:12px;padding:12px}.collection-card .moki-ui-sprite{width:110px;height:92px;margin:auto}.collection-card button{width:100%;margin-top:8px}.collection-card progress{width:100%}.party-panel,.archive-panel{margin-top:24px}.dialogue-next{pointer-events:auto}@media(max-width:600px){.choice-grid{grid-template-columns:1fr}.onboarding{padding:18px}.choice-card{min-height:135px!important}.starter-card .moki-ui-sprite{width:110px;height:92px}.journey-summary{flex-direction:column;text-align:center}.quest-tracker{top:58px}.collection-grid{grid-template-columns:1fr 1fr}.collection-card{padding:8px}.collection-card .moki-ui-sprite{width:82px;height:68px}}.location-fade{position:absolute;inset:0;z-index:85;pointer-events:none;background:radial-gradient(circle at 50% 55%,#8bffffcc,#21ccd6aa 32%,#061820 78%);transition:opacity 40ms linear}.location-label{position:absolute;left:50%;top:16px;z-index:24;transform:translate(-50%);flex-direction:column;align-items:center;padding:8px 18px;border:1px solid #67e8f966;border-radius:8px;background:#071a22cc;color:#eaffff;box-shadow:0 0 24px #22d3ee33;pointer-events:none;font-family:Inter,system-ui,sans-serif;white-space:nowrap}.location-label strong{font-size:12px;letter-spacing:.22em;color:#67e8f9}.location-label span{font-size:10px;letter-spacing:.08em;margin-top:3px;color:#c6e7e9}.sanctuary-choice{position:absolute;inset:0;z-index:75;place-items:center;padding:20px;background:#031117b8;color:#fff;font-family:Inter,system-ui,sans-serif}.sanctuary-choice section{width:min(560px,100%);padding:clamp(22px,5vw,42px);border:1px solid #67e8f977;border-radius:16px;background:linear-gradient(145deg,#0a2630f2,#102f36f2);box-shadow:0 18px 70px #0009,0 0 38px #22d3ee22;text-align:center}.sanctuary-choice h2{font-size:clamp(18px,3vw,27px);line-height:1.45;margin:12px 0 26px}.sanctuary-choice section>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sanctuary-choice button{min-height:50px;border:1px solid #67e8f988;border-radius:10px;background:linear-gradient(135deg,#0e7490,#155e75);color:#fff;font-weight:800;letter-spacing:.08em}.sanctuary-choice button:last-child{background:#10242c}.sanctuary-healing{position:absolute;inset:0;z-index:74;place-items:center;pointer-events:none;background:radial-gradient(circle at 50% 55%,#22d3ee25,transparent 42%);color:#dfffff;font:800 12px/1 Inter,system-ui,sans-serif;letter-spacing:.2em}.healing-core{position:absolute;left:50%;top:52%;width:46px;height:70px;transform:translate(-50%,-50%);background:#b8ffff;clip-path:polygon(50% 0,100% 30%,78% 100%,22% 100%,0 30%);filter:drop-shadow(0 0 20px #22d3ee);animation:heal-core 1.9s ease-in-out both}.healing-rings{position:absolute;left:50%;top:55%;width:min(360px,76vw);aspect-ratio:1;transform:translate(-50%,-50%)}.healing-rings i{position:absolute;inset:12%;border:3px solid #67e8f9;border-radius:50%;opacity:0;animation:heal-ring 1.3s ease-out infinite}.healing-rings i:nth-child(2){animation-delay:.25s}.healing-rings i:nth-child(3){animation-delay:.5s}.healing-party{position:absolute;left:50%;top:72%;display:flex;gap:9px;transform:translate(-50%)}.healing-party i{width:13px;height:13px;border-radius:3px;background:#dfffff;box-shadow:0 0 12px #22d3ee}.sanctuary-healing>strong{position:absolute;left:50%;top:81%;transform:translate(-50%);white-space:nowrap;text-shadow:0 2px 8px #000}@keyframes heal-ring{0%{transform:scale(.25) rotateX(68deg);opacity:.9}to{transform:scale(1.15) rotateX(68deg) translateY(-70px);opacity:0}}@keyframes heal-core{0%,to{transform:translate(-50%,-50%) scale(.9)}65%{transform:translate(-50%,-50%) scale(1.22);filter:drop-shadow(0 0 38px #cfffff)}}.moki-prompt{cursor:pointer;touch-action:manipulation}@media(max-width:760px){.location-label{top:8px;max-width:calc(100% - 120px);padding:6px 10px}.location-label strong{font-size:10px}.location-label span{font-size:9px}.sanctuary-choice{padding:14px}.sanctuary-choice section>div{grid-template-columns:1fr}.collection-overlay{padding:12px 10px;overflow-x:hidden}.collection-header{gap:8px}.collection-header h2{font-size:22px}.moki-prompt{bottom:max(122px,calc(env(safe-area-inset-bottom) + 122px));max-width:calc(100% - 24px)}}@media(max-width:390px){.collection-grid{grid-template-columns:1fr}.sanctuary-healing>strong{font-size:10px}.location-label{left:14px;transform:none;align-items:flex-start}}.battle-stage{position:absolute;inset:0;z-index:1;pointer-events:none}.moki-forced{display:block;width:100%;text-align:center;padding:10px;font-size:12px;letter-spacing:.06em;color:#9fd8e8}.move-panel{margin-top:22px}.move-panel h3{font-size:11px;letter-spacing:.12em;color:#67e8f9;margin:0 0 10px}.move-slots,.move-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.move-slots{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.move-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.move-slot,.move-option{position:relative;background:#102b36;border:1px solid #67e8f944;border-radius:12px;padding:12px 12px 12px 30px}.move-option{padding-left:12px}.move-slot.empty{border-style:dashed;opacity:.6;display:flex;align-items:center}.move-option.locked{opacity:.45}.slot-index{position:absolute;left:10px;top:12px;font:700 12px system-ui;color:#67e8f9}.move-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.move-head strong{font-size:14px}.move-head em{font-style:normal;font-size:10px;letter-spacing:.1em;color:#a5f3fc}.move-tags{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}.move-tag{font:700 9px system-ui;letter-spacing:.08em;padding:2px 6px;border-radius:4px;background:#0e7490;color:#e0fbff}.move-desc{margin:0;font-size:11px;line-height:1.45;color:#cbeaf3}.move-effects{margin:6px 0 0;font-size:10px;color:#fcd34d}.move-slot button,.move-option button{width:100%;margin-top:9px}.move-slot button[disabled],.move-option button[disabled]{opacity:.4;cursor:not-allowed}.move-notice{margin:12px 0 0;padding:9px 12px;border-left:3px solid #22d3ee;background:#0b2530;border-radius:5px;font-size:12px}.move-pending{margin-top:14px;padding:12px 14px;border:1px solid #fcd34d88;background:#2a220c;border-radius:10px;font-size:12px}.move-pending p{margin:0 0 8px;line-height:1.5}.collection-card button.has-pending{border-color:#fcd34d;color:#fcd34d}.auth-panel{text-align:left;padding:clamp(20px,3vw,30px);border:1px solid #67e8f94d;border-radius:20px;background:linear-gradient(165deg,#0a2732f2,#061a22f7);box-shadow:0 26px 80px #000a,0 0 46px #22d3ee1f,inset 0 1px #ffffff14;backdrop-filter:blur(3px)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:22px}.auth-account .auth-tabs button{padding:12px 10px;border-radius:11px;border:1px solid transparent;background:#ffffff0d;color:#8fb6c0;font:800 12px/1 system-ui;letter-spacing:.12em;transition:background .16s,color .16s,border-color .16s}.auth-account .auth-tabs button:hover{color:#dffbff;background:#ffffff16}.auth-account .auth-tabs button.active{background:linear-gradient(135deg,#0e7490,#155e75);color:#fff;border-color:#67e8f9aa;box-shadow:0 6px 20px #22d3ee2e}.panel-title{font-size:clamp(19px,2.4vw,25px)!important;margin:0 0 6px!important;text-align:left}.panel-copy{margin:0 0 20px;font-size:13px;line-height:1.6;color:#a9cdd6}.auth-form{display:flex;flex-direction:column;gap:6px;text-align:left}.auth-form label{font:700 10px/1 system-ui;letter-spacing:.14em;color:#79d6e8;margin-top:10px}.auth-form input{width:100%;padding:13px 14px;border-radius:11px;border:1px solid #67e8f93d;background:#04141bcc;color:#eaffff;font-size:15px;transition:border-color .16s,box-shadow .16s}.auth-form input:focus{outline:none;border-color:#67e8f9;box-shadow:0 0 0 3px #22d3ee2b}.auth-form input:disabled{opacity:.5}.password-row{display:flex;gap:8px;align-items:stretch}.password-row input{flex:1}.auth-account .password-row .ghost{flex:0 0 auto;padding:0 14px;border-radius:11px;background:#ffffff0f;border:1px solid #67e8f933;color:#9fd8e8;font:800 10px/1 system-ui;letter-spacing:.1em}.auth-account .password-row .ghost:hover{background:#ffffff1c;color:#eaffff}.auth-account .auth-form button[type=submit]{margin-top:18px;padding:16px;border-radius:12px;background:linear-gradient(135deg,#22d3ee,#0e7490);border-color:#a5f3fcaa;font:900 13px/1 system-ui;letter-spacing:.16em;box-shadow:0 10px 26px #22d3ee33;transition:transform .12s,box-shadow .16s,filter .16s}.auth-account .auth-form button[type=submit]:hover:not(:disabled){filter:brightness(1.09);box-shadow:0 14px 32px #22d3ee4d}.auth-account .auth-form button[type=submit]:active:not(:disabled){transform:translateY(2px);box-shadow:0 4px 14px #22d3ee33}.form-hint{margin:5px 0 0;font-size:11px;color:#84aeb9}.auth-screen button,.auth-screen input{min-height:44px}.backup-bar{width:min(620px,100%);margin:20px auto 4px;padding:14px 16px;border:1px dashed #67e8f955;border-radius:12px;background:#ffffff08}.backup-bar>p{margin:0 0 11px;font-size:12px;line-height:1.5;color:#a9cdd6}.backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.journey-screen .backup-actions button{padding:12px 14px;font-size:11px;letter-spacing:.06em;background:#ffffff0f;border-color:#67e8f955}.journey-screen .backup-actions button:hover{background:#ffffff1c}.backup-status{min-height:16px;margin:10px 0 0;font-size:11px;color:#7fe3c4;word-break:break-all}@media(max-width:600px){.backup-actions{grid-template-columns:1fr}}.privacy-notice{margin:14px 0 0;padding:10px 12px;border-radius:9px;border:1px solid #67e8f926;background:#ffffff08;font-size:11px;line-height:1.5;color:#9fc4ce}.auth-account .form-error{min-height:20px;margin:10px 0 0;font-size:12px;line-height:1.45}.auth-account .text-button{margin-top:14px;padding:8px;font-size:11px;letter-spacing:.08em}.auth-footnote{margin-top:16px;font-size:11px;color:#84aeb9;text-align:center}.link-button{padding:0!important;border:0!important;background:none!important;color:#67e8f9!important;font:inherit!important;font-weight:800!important;text-decoration:underline;cursor:pointer;letter-spacing:normal!important}.link-button:hover{color:#a5f3fc!important}@media(max-width:900px){.link-button{display:inline-block;padding:15px 4px!important;margin:-9px 0}.auth-account .title-copy{max-width:none;font-size:14px}}@media(max-width:420px){.auth-account{padding:14px}.auth-account .auth-form input{font-size:16px}}.surface{position:absolute;inset:0}.surface[hidden]{display:none}.surface-landing{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.surface-game{overflow:hidden;touch-action:pan-x pan-y}.surface-auth{overflow-y:auto}.landing{--l-bg:#0a0c10;--l-bg-2:#0d1016;--l-panel:#12151c;--l-panel-2:#161a22;--l-line:#f1e9d81a;--l-line-soft:#f1e9d80d;--l-line-gold:#d4a84f40;--l-gold:#d4a84f;--l-gold-soft:#e6c579;--l-gold-deep:#8a6a24;--l-on-gold:#120e05;--l-text:#f1e9d8;--l-dim:#a9a79f;--l-faint:#72767d;--l-live:#7fbf8f;--l-work:#d4a84f;--l-soon:#7f9dd4;--l-plan:#8b8f97;--l-nav-h:76px;--l-shell:1180px;--l-display:"Cinzel",Georgia,"Times New Roman",serif;--l-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--l-grain: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='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");min-height:100%;color:var(--l-text);background:var(--l-bg);font-family:var(--l-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}.landing:after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;background-image:var(--l-grain);opacity:.035}.landing h1,.landing h2,.landing h3,.landing h4{font-family:var(--l-display);font-weight:700;margin:0;line-height:1.12;letter-spacing:.01em}.landing p{margin:0}.landing img{display:block}.shell{width:min(var(--l-shell),100%);margin:0 auto;padding:0 clamp(20px,5vw,48px)}.type-h1{font-size:clamp(40px,7.2vw,86px);line-height:1.04;text-transform:uppercase;letter-spacing:.02em}.type-h2{font-size:clamp(28px,4.4vw,54px);line-height:1.08;text-transform:uppercase;letter-spacing:.02em}.line-2{display:block;color:var(--l-gold)}.type-eyebrow{display:flex;align-items:center;gap:12px;font:600 11px/1 var(--l-body);letter-spacing:.28em;text-transform:uppercase;color:var(--l-gold)}.eyebrow-rule{display:block;width:32px;height:1px;background:var(--l-gold);opacity:.5}.type-lead{max-width:62ch;font-size:clamp(15px,1.5vw,17px);line-height:1.75;color:var(--l-dim)}.landing.is-revealing .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms)}.landing.is-revealing .reveal.is-shown{opacity:1;transform:none}.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--l-nav-h);background:#0a0c10d9;border-bottom:1px solid var(--l-line);backdrop-filter:blur(12px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%}.brand{display:flex;align-items:center;gap:10px;min-height:44px;color:inherit;text-decoration:none;flex:0 0 auto}.brand-logo{height:44px;width:auto;object-fit:contain;user-select:none}.brand .brand-word,.footer-brand .brand-word{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.brand.no-logo .brand-logo,.footer-brand.no-logo .brand-logo{display:none}.brand.no-logo .brand-word,.footer-brand.no-logo .brand-word{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-family:var(--l-display);font-weight:700;font-size:19px;letter-spacing:.16em;text-transform:uppercase;color:var(--l-text)}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--l-dim);text-decoration:none;font:600 11.5px/1 var(--l-body);letter-spacing:.18em;transition:color .3s}.nav-links a:hover{color:var(--l-text)}.nav-links a.is-current{color:var(--l-gold);box-shadow:inset 0 -1px 0 var(--l-gold)}.landing button{font-family:var(--l-body);cursor:pointer;border:0;border-radius:0}.nav-cta,.cta-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--l-gold);color:var(--l-on-gold);text-decoration:none;font:700 11.5px/1 var(--l-body);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--l-gold);cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}.nav-cta{min-height:42px;padding:0 20px;margin-left:10px}.nav-cta:hover,.cta-primary:hover{background:var(--l-gold-soft);box-shadow:0 0 30px #d4a84f40}.nav-toggle{display:none;width:44px;height:44px;margin-left:auto;background:transparent;border:1px solid var(--l-line)}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{display:block;width:18px;height:1px;background:var(--l-text);margin:0 auto;content:""}.nav-toggle span:before{transform:translateY(-6px)}.nav-toggle span:after{transform:translateY(5px)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:var(--l-nav-h)}.hero-art{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0d1219,#0a0c10 62%)}.hero-glow{position:absolute;left:50%;bottom:-28%;width:min(1300px,150vw);aspect-ratio:1.6;transform:translate(-50%);background:radial-gradient(ellipse at 50% 50%,#2b4a5c66 0%,#16283a33 42%,transparent 70%)}.hero-ridge{position:absolute;left:50%;transform:translate(-50%);border-radius:50%}.hero-ridge.back{bottom:6%;width:160%;height:36%;background:linear-gradient(180deg,#121a24,#0c1016);opacity:.9}.hero-ridge.front{bottom:-6%;width:120%;height:34%;background:linear-gradient(180deg,#0e141c,#0a0c10)}.hero-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0a0c10e6,#0a0c1000 28%),linear-gradient(0deg,#0a0c10,#0a0c10cc 26%,#0a0c1000 62%)}.hero-inner{padding-bottom:clamp(28px,4vw,52px);padding-top:clamp(60px,12vh,140px)}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--l-line-gold);font:600 10px/1 var(--l-body);letter-spacing:.2em;text-transform:uppercase;color:var(--l-gold)}.badge-live:before{content:"";width:6px;height:6px;background:var(--l-live);box-shadow:0 0 0 3px #7fbf8f26}.hero-lead{margin-top:22px;max-width:56ch}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.cta-primary{min-height:54px;padding:0 34px;font-size:12.5px}.cta-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border:1px solid var(--l-line);background:transparent;color:var(--l-text);text-decoration:none;font:600 12.5px/1 var(--l-body);letter-spacing:.18em;text-transform:uppercase;transition:border-color .3s,color .3s}.cta-secondary:hover{border-color:var(--l-gold);color:var(--l-gold)}.hero-status{display:flex;align-items:center;gap:10px;margin-top:26px;font:600 10.5px/1 var(--l-body);letter-spacing:.16em;text-transform:uppercase;color:var(--l-faint)}.hero-status .dot{width:7px;height:7px;flex:none;background:var(--l-gold)}.hero-status .dot.invite{box-shadow:0 0 0 3px #d4a84f26}.hero-strip{border-top:1px solid var(--l-line);border-bottom:1px solid var(--l-line);background:#0a0c1099}.hero-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px;font-family:var(--l-display);font-weight:700;font-size:clamp(11px,1.5vw,15px);letter-spacing:.3em;color:var(--l-faint)}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(var(--l-shell),100%);margin:0 auto;padding:0;list-style:none}.hero-stats li{padding:26px clamp(14px,2vw,26px);border-left:1px solid var(--l-line)}.hero-stats li:first-child{border-left:0}.hero-stats strong{display:block;font-family:var(--l-display);font-weight:700;font-size:clamp(26px,3.4vw,40px);line-height:1;color:var(--l-gold)}.hero-stats strong.stat-word{font-size:clamp(13px,1.6vw,17px);letter-spacing:.14em;padding-top:14px}.hero-stats span{display:block;margin-top:10px;font:600 10px/1.4 var(--l-body);letter-spacing:.18em;text-transform:uppercase;color:var(--l-faint)}.section{position:relative;padding:clamp(64px,9vw,140px) 0;background:var(--l-bg)}.section:nth-of-type(2n){background:var(--l-bg-2)}.section-rule{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#d4a84f40,transparent)}.section-split .shell{display:grid;gap:clamp(28px,4vw,64px);grid-template-columns:.85fr 1.15fr}.section-split .section-head{position:sticky;top:calc(var(--l-nav-h) + 32px);align-self:start}.section-stack .shell{display:block}.section-stack .section-head{margin-bottom:clamp(30px,4vw,52px);max-width:70ch}.section-head .type-h2{margin-top:18px}.section-head .type-lead{margin-top:20px}.section-body{min-width:0}.loop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;margin:0;padding:0;list-style:none;background:var(--l-line);border:1px solid var(--l-line)}.loop-grid .reveal{background:var(--l-bg)}.loop-step{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:28px 26px;height:100%}.loop-index{font-family:var(--l-display);font-weight:700;font-size:13px;letter-spacing:.2em;color:var(--l-gold)}.loop-step h3{font-size:19px;text-transform:uppercase;letter-spacing:.06em}.loop-step p{font-size:13.5px;line-height:1.7;color:var(--l-dim);flex:1}.portal-main{display:block}.info-card.is-live h3{color:var(--l-text)}.currency-card h3{letter-spacing:.08em}.battle-demo-row.is-you .battle-demo-plate{border-color:var(--l-line-gold)}.status-chip{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:5px 10px;border:1px solid currentColor;font:600 9px/1 var(--l-body);letter-spacing:.18em;white-space:nowrap}.status-chip:before{content:"";width:5px;height:5px;background:currentColor}.status-live{color:var(--l-live)}.status-under-development{color:var(--l-work)}.status-coming-soon{color:var(--l-soon)}.status-planned{color:var(--l-plan)}.world-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.world-card{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid var(--l-line);background:var(--l-panel);transition:border-color .3s}.world-card:hover{border-color:var(--l-line-gold)}.world-card .status-chip{position:absolute;top:14px;left:14px;z-index:1;background:#0a0c10cc}.world-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#0d1016}.world-body{padding:24px}.world-body h3{font-size:21px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.world-body p{font-size:13.5px;line-height:1.7;color:var(--l-dim)}.world-card.is-locked{background:transparent;border-style:dashed}.world-card.is-locked .world-body{padding-top:56px}.world-card.is-locked h3{color:var(--l-dim)}.dex-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.dex-filter-chip{min-height:40px;padding:0 16px;background:transparent;border:1px solid var(--l-line);color:var(--l-dim);font:600 10px/1 var(--l-body);letter-spacing:.18em;transition:border-color .3s,color .3s,background .3s}.dex-filter-chip:hover{color:var(--l-text);border-color:var(--l-line-gold)}.dex-filter-chip.is-on{background:var(--l-gold);border-color:var(--l-gold);color:var(--l-on-gold)}.pdex-card[hidden]{display:none}.pdex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin:0;padding:0;list-style:none}.pdex-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:22px 16px 18px;text-align:center;border:1px solid var(--l-line);background:var(--l-panel);transition:border-color .3s,transform .3s}.pdex-known:hover{border-color:var(--l-line-gold);transform:translateY(-3px)}.pdex-no{position:absolute;top:14px;left:14px;font:600 10px/1 var(--l-body);letter-spacing:.12em;color:var(--l-faint)}.pdex-rarity{position:absolute;top:12px;right:12px;padding:4px 8px;font:600 8px/1 var(--l-body);letter-spacing:.16em;border:1px solid currentColor}.rarity-common{color:var(--l-plan)}.rarity-uncommon{color:var(--l-live)}.rarity-rare{color:var(--l-gold)}.pdex-art{width:132px;height:110px;margin:18px 0 12px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 78%,#1c2a33,#12151c 70%)}.pdex-art img{position:absolute;left:0;top:0;height:110px;width:auto;max-width:none;image-rendering:pixelated}.pdex-card h3{font-size:17px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.pdex-role{font-size:11.5px;line-height:1.6;color:var(--l-faint);margin-top:8px}.pdex-desc{font-size:11.5px;line-height:1.65;color:var(--l-dim);margin-top:8px}.pdex-desc-missing{color:var(--l-faint);font-style:italic}.pdex-stats{width:100%;margin-top:16px;display:flex;flex-direction:column;gap:6px}.pdex-stat{display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:8px}.pdex-stat-l{font:600 8.5px/1 var(--l-body);letter-spacing:.14em;color:var(--l-faint);text-align:left}.pdex-stat-track{height:3px;background:#f1e9d814;overflow:hidden}.pdex-stat-track i{display:block;height:100%;background:var(--l-gold)}.pdex-stat-v{font:600 10px/1 var(--l-body);color:var(--l-dim);text-align:right}.pdex-locked{justify-content:center;min-height:210px;background:transparent;border-style:dashed}.pdex-locked:hover{transform:none}.pdex-silhouette{display:block;width:64px;height:64px;margin:18px auto 14px;border:1px dashed var(--l-line);background:#f1e9d805}.pdex-unknown{font:600 8.5px/1.5 var(--l-body);letter-spacing:.16em;color:var(--l-faint)}.type-chip{display:inline-block;padding:4px 10px;border:1px solid currentColor;font:600 9px/1.4 var(--l-body);letter-spacing:.16em}.type-bloom{color:#8fc47a}.type-terra{color:#c8a36b}.type-frost{color:#7fc0d8}.type-ripple{color:#7f9dd4}.type-umbra{color:#a68fd6}.starter-block{margin-top:clamp(44px,6vw,80px);padding-top:clamp(32px,4vw,52px);border-top:1px solid var(--l-line)}.block-title{font-size:22px;text-transform:uppercase;letter-spacing:.08em}.block-lead{margin-top:12px;font-size:14px;color:var(--l-dim);max-width:54ch}.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 0;padding:0;list-style:none}.starter-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 20px;border:1px solid var(--l-line);background:var(--l-panel)}.starter-art{width:170px;height:142px;margin-bottom:16px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 78%,#1c2a33,#12151c 70%)}.starter-art img{position:absolute;left:0;top:0;height:142px;width:auto;max-width:none;image-rendering:pixelated}.starter-card h4{font-size:19px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.starter-card .type-chip{margin-bottom:12px}.starter-role{font-size:12.5px;line-height:1.65;color:var(--l-dim)}.fact-list{display:flex;flex-direction:column;border-top:1px solid var(--l-line)}.fact-list>.reveal{border-bottom:1px solid var(--l-line)}.info-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px 0}.info-card h3{font-size:18px;text-transform:uppercase;letter-spacing:.06em}.info-card p{font-size:13.5px;line-height:1.7;color:var(--l-dim)}.info-card.is-pending h3{color:var(--l-dim)}.battle-demo{margin-bottom:34px;padding:20px;border:1px solid var(--l-line);background:linear-gradient(180deg,#141d26,#0d1016);display:flex;flex-direction:column;gap:12px}.battle-demo-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.battle-demo-plate{flex:1;max-width:220px;padding:10px 12px;border:1px solid var(--l-line);background:#0a0c10cc}.battle-demo-plate b{display:block;font:600 10.5px/1 var(--l-body);letter-spacing:.16em;text-transform:uppercase;color:var(--l-text)}.battle-demo-hp{display:block;height:3px;margin-top:9px;background:#f1e9d814;overflow:hidden}.battle-demo-hp u{display:block;height:100%;background:var(--l-gold);text-decoration:none}.battle-demo-sprite .sprite-frame{width:96px;height:80px}.battle-demo-sprite.is-foe .sprite-frame{width:78px;height:65px;opacity:.9}.battle-demo-moves{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0 0;padding:0;list-style:none}.battle-demo-moves li{padding:11px 6px;text-align:center;border:1px solid var(--l-line);font:600 9px/1 var(--l-body);letter-spacing:.16em;color:var(--l-faint)}.quest-board{margin-top:28px;padding:22px;border:1px solid var(--l-line);background:var(--l-panel)}.quest-board-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--l-line)}.quest-board-title{font-family:var(--l-display);font-weight:700;font-size:13px;letter-spacing:.2em;color:var(--l-gold)}.quest-board-note{font-size:11.5px;color:var(--l-faint);font-style:italic}.quest-board-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none}.quest-slot{padding:18px;border:1px solid var(--l-line);background:#0a0c1099}.quest-slot-pin{display:block;width:6px;height:6px;background:var(--l-gold);margin-bottom:14px}.quest-slot h4{font-size:14px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.quest-slot p{font-size:12px;line-height:1.6;color:var(--l-dim)}.quest-slot-reward{margin-top:12px;color:var(--l-gold);font-weight:600;letter-spacing:.04em}.roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.roadmap-col{display:flex;flex-direction:column;gap:16px;height:100%;padding:26px 22px;border:1px solid var(--l-line);background:var(--l-panel)}.roadmap-shipped{border-top:2px solid var(--l-live)}.roadmap-in-development{border-top:2px solid var(--l-gold)}.roadmap-next,.roadmap-later{background:transparent;border-style:dashed}.roadmap-col-head{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.roadmap-col-head h3{font-size:19px;text-transform:uppercase;letter-spacing:.06em}.roadmap-col-head p{font-size:11.5px;line-height:1.6;color:var(--l-faint)}.roadmap-items{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.roadmap-items li{position:relative;padding-left:18px;font-size:12.5px;line-height:1.65;color:var(--l-dim)}.roadmap-items li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:1px;background:var(--l-gold)}.roadmap-next .roadmap-items li:before,.roadmap-later .roadmap-items li:before{background:var(--l-faint)}.news-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border-top:1px solid var(--l-line)}.news-list>.reveal{border-bottom:1px solid var(--l-line)}.news-card{padding:26px 0}.news-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.news-tag{padding:4px 9px;border:1px solid currentColor;font:600 8.5px/1 var(--l-body);letter-spacing:.16em}.news-update{color:var(--l-gold)}.news-world{color:var(--l-live)}.news-system{color:var(--l-soon)}.news-dev{color:var(--l-plan)}.news-meta time{font:600 10.5px/1 var(--l-body);letter-spacing:.14em;text-transform:uppercase;color:var(--l-faint)}.news-card h3{font-size:19px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.news-card p{font-size:13.5px;line-height:1.7;color:var(--l-dim)}.faq-list{border-top:1px solid var(--l-line)}.faq-list>.reveal{border-bottom:1px solid var(--l-line)}.faq-item summary{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;list-style:none;transition:color .3s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h3{font:600 15px/1.5 var(--l-body);letter-spacing:.02em;color:var(--l-text);transition:color .3s;text-transform:none}.faq-item summary:hover h3,.faq-item[open] summary h3{color:var(--l-gold)}.faq-glyph{position:relative;flex:0 0 auto;width:12px;height:12px;margin-top:6px}.faq-glyph:before,.faq-glyph:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:var(--l-gold)}.faq-glyph:after{transform:rotate(90deg);transition:transform .3s}.faq-item[open] .faq-glyph:after{transform:rotate(0)}.faq-item p{padding:0 0 24px;max-width:70ch;font-size:13.5px;line-height:1.8;color:var(--l-dim)}.community-panel{padding:26px;border:1px solid var(--l-line);background:var(--l-panel)}.community-empty{font-size:13.5px;line-height:1.8;color:var(--l-dim)}.community-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0;padding:0;list-style:none}.community-link{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--l-line);color:var(--l-text);text-decoration:none}.community-link:hover{border-color:var(--l-line-gold)}.community-link strong{font-family:var(--l-display);font-size:15px;letter-spacing:.06em}.community-link span{font-size:12px;color:var(--l-dim)}.beta-notice{margin-top:22px;padding:22px 24px;border:1px solid var(--l-line-gold);background:#d4a84f0d}.beta-notice h3{font-size:15px;text-transform:uppercase;letter-spacing:.16em;color:var(--l-gold);margin-bottom:10px}.beta-notice p{font-size:13px;line-height:1.7;color:var(--l-dim)}.start-steps{display:flex;flex-direction:column;margin:26px 0 0;padding:0;list-style:none;border-top:1px solid var(--l-line)}.start-step{display:flex;align-items:flex-start;gap:18px;padding:20px 0;border-bottom:1px solid var(--l-line)}.start-step-no{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--l-line-gold);color:var(--l-gold);font-family:var(--l-display);font-weight:700;font-size:14px}.start-step h4{font-size:15px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.start-step p{font-size:12.5px;line-height:1.65;color:var(--l-dim)}.privacy-details{margin-top:26px;border:1px solid var(--l-line)}.privacy-details summary{display:flex;align-items:center;min-height:52px;padding:0 20px;cursor:pointer;font:600 10.5px/1 var(--l-body);letter-spacing:.18em;text-transform:uppercase;color:var(--l-gold)}.privacy-details summary:hover{color:var(--l-gold-soft)}.privacy-body{display:grid;gap:12px;padding:4px 20px 22px}.privacy-body p{font-size:12.5px;line-height:1.75;color:var(--l-dim)}.privacy-body strong{color:var(--l-text);font-weight:600}.sprite-frame{position:relative;overflow:hidden;flex:0 0 auto;display:block}.sprite-frame img{position:absolute;left:0;top:0;height:100%;width:auto;max-width:none;image-rendering:pixelated}.site-footer{position:relative;padding:clamp(48px,6vw,80px) 0 clamp(40px,5vw,64px);background:var(--l-bg-2)}.footer-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(30px,5vw,70px)}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.footer-brand .brand-logo{height:56px}.footer-note{font-size:12px;line-height:1.75;color:var(--l-faint);max-width:44ch}.footer-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.footer-col{display:flex;flex-direction:column;align-items:flex-start}.footer-col-title{font:600 10px/1 var(--l-body);letter-spacing:.22em;text-transform:uppercase;color:var(--l-gold);margin-bottom:16px}.footer-links{display:flex;flex-direction:column;align-items:flex-start}.footer-links a{min-height:36px;display:inline-flex;align-items:center;color:var(--l-dim);text-decoration:none;font-size:13px;transition:color .3s}.footer-links a:hover{color:var(--l-gold)}@media(max-width:1000px){.section-split .shell{grid-template-columns:minmax(0,1fr)}.section-split .section-head{position:static;margin-bottom:36px}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:minmax(0,1fr)}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.nav-toggle{display:block}.nav-links{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0;background:#0a0c10f7;border-bottom:1px solid var(--l-line);display:none}.nav-links.open{display:flex}.nav-links a{padding:0 clamp(20px,5vw,48px);min-height:52px}.nav-links a.is-current{box-shadow:inset 2px 0 0 var(--l-gold)}.nav-cta{margin:8px clamp(20px,5vw,48px) 4px;justify-content:center}.starter-grid{grid-template-columns:minmax(0,1fr)}.starter-card{flex-direction:row;text-align:left;gap:18px}.starter-art{width:124px;height:104px;margin-bottom:0;flex:0 0 auto}.starter-art img{height:104px}.hero-strip-inner{justify-content:flex-start;gap:22px;overflow-x:auto}}@media(max-width:680px){.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stats li:nth-child(odd){border-left:0}.hero-stats li:nth-child(n+3){border-top:1px solid var(--l-line)}.hero-actions{flex-direction:column;align-items:stretch}.roadmap-grid,.world-grid{grid-template-columns:minmax(0,1fr)}.pdex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pdex-art{width:112px;height:94px}.pdex-art img{height:94px}.pdex-desc,.pdex-role{display:none}.battle-demo-moves{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-cols{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.landing *,.landing *:before,.landing *:after{animation:none!important;transition:none!important}.pdex-known:hover{transform:none}}.auth-modal{position:absolute;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,40px);background:#040603cc;backdrop-filter:blur(6px);overflow-y:auto}.auth-modal[hidden]{display:none}.auth-modal-panel{position:relative;width:min(430px,100%);border:1px solid #c8f1354d;border-radius:20px;background:linear-gradient(165deg,#141a11f7,#0b100afb);box-shadow:0 30px 90px #000b,0 0 46px #c8f1351f;animation:modal-in .18s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}.auth-modal-close{position:absolute;right:10px;top:10px;z-index:2;width:44px;height:44px;border-radius:11px;background:#ffffff0d;border:1px solid #c8f1352e;color:#c3ccc0;font:400 22px/1 system-ui;cursor:pointer}.auth-modal-close:hover{background:#ffffff1c;color:#fff}.auth-modal .journey-screen{position:static;inset:auto;z-index:auto;min-height:0;padding:0;background:none;display:block}.auth-modal .auth-panel{border:0;border-radius:20px;background:none;box-shadow:none;backdrop-filter:none;padding:clamp(20px,4vw,28px)}.auth-modal .auth-tabs{margin-right:52px}.surface-auth .journey-screen{position:absolute;inset:0}.surface-auth .auth-account .auth-panel{width:min(430px,100%);margin:0 auto}.hud-layer,.moki-hud-tokens,.moki-menu,.hud-place,.hud-identity,.hud-team,.hud-menu-button,.quest-tracker{--ui-ground: #06202acc;--ui-ground-solid: #072630;--ui-edge: #67e8f94d;--ui-edge-strong: #67e8f9aa;--ui-text: #dff1f4;--ui-dim: #9dc4ce;--ui-accent: #22d3ee;--ui-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}.hud-place,.hud-identity,.hud-team,.hud-menu-button,.quest-tracker{position:absolute;z-index:20;font-family:var(--ui-font);color:var(--ui-text);background:var(--ui-ground);border:1px solid var(--ui-edge);border-radius:12px;backdrop-filter:blur(6px);box-shadow:0 8px 24px #0006}.hud-frame{position:absolute;width:max-content}.hud-frame-art{display:block;width:calc(var(--w) * var(--hud-unit));height:calc(var(--h) * var(--hud-unit));image-rendering:auto;user-select:none;-webkit-user-drag:none}.hud-plate{position:absolute;width:calc(var(--w) * var(--hud-unit));height:calc(var(--h) * var(--hud-unit))}.hud-plate .hud-frame-art{width:100%;height:100%}.hud-profile-plate,.hud-quest-plate{left:calc(var(--l) * var(--hud-unit));top:calc(var(--t) * var(--hud-unit))}.hud-chat-plate{left:calc(var(--l) * var(--hud-unit));bottom:calc(var(--b) * var(--hud-unit));transform:translateY(calc(-1 * var(--moki-keyboard-h, 0px)));transition:transform .22s ease-out}.hud-party-plate{left:calc(var(--l) * var(--hud-unit));bottom:calc(var(--b) * var(--hud-unit));transform:scale(.95);transform-origin:left bottom}.hud-actions-plate{right:calc(var(--r) * var(--hud-unit));bottom:calc(var(--b) * var(--hud-unit));clip-path:inset(0 0 0 51.48%);opacity:0;pointer-events:none;transition:opacity .2s ease-out}.hud-actions-plate.has-action{opacity:1;pointer-events:auto}.hud-profile-plate span{position:absolute;white-space:nowrap;text-shadow:0 1px 2px #04121acc}.hud-p-nameline{position:absolute;left:calc(90 * var(--hud-unit));top:calc(17 * var(--hud-unit));width:calc(150 * var(--hud-unit));display:flex;align-items:baseline;gap:calc(6 * var(--hud-unit))}.hud-p-nameline span{position:static}.hud-p-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 calc(9.74 * var(--hud-unit)) / 1 "Press Start 2P",var(--ui-font);color:#eaf6ff;letter-spacing:0}.hud-p-exp{flex:none;font:400 calc(7 * var(--hud-unit)) / 1 "Press Start 2P",var(--ui-font);color:#fcd34d;letter-spacing:0;white-space:nowrap}.hud-p-exp.pending{opacity:.45}.hud-p-wallet{left:calc(90 * var(--hud-unit));top:calc(31 * var(--hud-unit));font:400 calc(9.74 * var(--hud-unit)) / 1 "Press Start 2P",var(--ui-font);color:#f2c14b;letter-spacing:0}.hud-p-level{left:calc(90 * var(--hud-unit));top:calc(44 * var(--hud-unit));font:400 calc(8.18 * var(--hud-unit)) / 1 "Press Start 2P",var(--ui-font);color:#cfe9f5;letter-spacing:0}@media(prefers-reduced-motion:reduce){.hud-chat-plate{transition:none}}.hud-collapse{position:absolute;right:calc(6 * var(--hud-unit));top:calc(6 * var(--hud-unit));width:calc(23 * var(--hud-unit));height:calc(21 * var(--hud-unit));padding:0;border:0;background:none;cursor:pointer;z-index:2}.hud-collapse img{width:100%;height:100%;display:block}.hud-collapse .face-open{transform:rotate(90deg);transition:transform .22s ease-out}.hud-collapse:hover img{filter:brightness(1.2)}.hud-collapse:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.hud-plate.collapsed>*:not(.hud-collapse),.hud-nav.collapsed>*:not(.hud-collapse){display:none}.hud-plate.collapsed,.hud-nav.collapsed{width:calc(74 * var(--hud-unit));height:calc(74 * var(--hud-unit));background:none}.hud-chat-plate,.hud-party-plate,.hud-nav{left:calc(var(--row-x, 17) * var(--hud-unit));right:auto;transition:left .22s ease-out}.hud-chat-plate.collapsed,.hud-party-plate.collapsed,.hud-nav.collapsed{bottom:calc(26 * var(--hud-unit));top:auto}@media(pointer:coarse){.hud-plate.collapsed,.hud-nav.collapsed{width:calc(96 * var(--hud-unit));height:calc(96 * var(--hud-unit))}}.hud-collapse .face-folded{display:none}.hud-plate.collapsed .hud-collapse,.hud-nav.collapsed .hud-collapse{inset:auto auto 0 0;width:100%;height:100%}.hud-plate.collapsed .hud-collapse .face-open,.hud-nav.collapsed .hud-collapse .face-open{display:none}.hud-plate.collapsed .hud-collapse .face-folded,.hud-nav.collapsed .hud-collapse .face-folded{display:block}@media(prefers-reduced-motion:reduce){.hud-quest-plate,.hud-chat-plate,.hud-collapse img{transition:none}}.hud-nav.collapsed,.hud-party-plate.collapsed{transform:none}.hud-p-portrait{position:absolute;left:calc(19 * var(--hud-unit));top:calc(9 * var(--hud-unit));width:calc(63 * var(--hud-unit));height:calc(63 * var(--hud-unit));border-radius:50%;overflow:hidden;background:#06202a}.hud-p-portrait img{width:100%;height:100%;display:block;image-rendering:pixelated}.hud-p-portrait:empty:after{content:"";position:absolute;inset:calc(6 * var(--hud-unit));border-radius:50%;background:#0d3a4a;box-shadow:inset 0 0 calc(8 * var(--hud-unit)) #0000006e}.hud-p-coin{position:absolute;top:calc(71 * var(--hud-unit));width:calc(17 * var(--hud-unit));height:calc(19 * var(--hud-unit))}.hud-p-coin.gold{left:calc(87 * var(--hud-unit))}.hud-p-coin.token{left:calc(170 * var(--hud-unit));width:calc(19 * var(--hud-unit))}.hud-p-amount{left:calc(109 * var(--hud-unit));top:calc(77 * var(--hud-unit));font:400 calc(8.25 * var(--hud-unit)) / 1 "Press Start 2P",var(--ui-font);color:#f6e7b0;letter-spacing:0}.hud-p-amount.token{left:calc(193 * var(--hud-unit))}.hud-p-amount.pending,.hud-p-level.pending{opacity:.45}.hud-quest-plate span,.hud-quest-plate .hud-q-board{position:absolute}.hud-q-eyebrow{left:calc(21 * var(--hud-unit));top:calc(21 * var(--hud-unit));font:800 calc(11 * var(--hud-unit)) / 1 var(--ui-font);color:#5fd4ec;letter-spacing:.14em}.hud-q-title{left:calc(21 * var(--hud-unit));top:calc(43 * var(--hud-unit));font:800 calc(13 * var(--hud-unit)) / 1 var(--ui-font);color:#f2c14b;letter-spacing:.06em}.hud-q-body{left:calc(21 * var(--hud-unit));top:calc(66 * var(--hud-unit));width:calc(470 * var(--hud-unit));font:600 calc(11 * var(--hud-unit)) / 1.5 var(--ui-font);color:#cfe9f5;white-space:normal}.hud-q-how{left:calc(21 * var(--hud-unit));top:calc(83 * var(--hud-unit));width:calc(372 * var(--hud-unit));font:500 calc(10 * var(--hud-unit)) / 1.3 var(--ui-font);color:#8fd8c4;white-space:normal}.hud-quest-plate .hud-q-autopath{position:absolute;right:calc(44 * var(--hud-unit));top:calc(36 * var(--hud-unit));padding:calc(5 * var(--hud-unit)) calc(10 * var(--hud-unit));font:800 calc(10 * var(--hud-unit)) / 1 var(--ui-font);letter-spacing:.1em;color:#06202a;background:linear-gradient(180deg,#7ff0f2,#33b9c9);border:1px solid rgba(6,32,42,.8);border-radius:999px;box-shadow:0 1px #00000059;cursor:pointer;pointer-events:auto}.hud-quest-plate .hud-q-autopath:hover{filter:brightness(1.08)}.hud-quest-plate .hud-q-autopath:focus-visible{outline:2px solid #f2c14b;outline-offset:2px}.hud-quest-plate .hud-q-autopath.is-active{color:#2a1a04;background:linear-gradient(180deg,#f7d884,#c9973f)}.hud-q-board{left:calc(32 * var(--hud-unit));top:calc(150 * var(--hud-unit));width:calc(470 * var(--hud-unit))}.hud-party-caption{position:absolute;left:calc(25 * var(--hud-unit));top:calc(34 * var(--hud-unit));white-space:nowrap;font:400 calc(9.85 * var(--hud-unit)) / 1 "Press Start 2P",var(--ui-font);letter-spacing:0;color:#9fd0e4;text-shadow:0 1px 2px #04121acc}.hud-party-row{position:absolute;left:calc(20 * var(--hud-unit));top:calc(59 * var(--hud-unit));display:flex;gap:calc(6 * var(--hud-unit))}.hud-party-slot{position:relative;width:calc(83 * var(--hud-unit));height:calc(95 * var(--hud-unit));display:block;background-image:url(/assets/hud/party-slot.png);background-size:100% 100%;background-repeat:no-repeat}.hud-party-slot i{position:absolute;left:calc(7 * var(--hud-unit));top:calc(9 * var(--hud-unit));width:calc(69 * var(--hud-unit));height:calc(62 * var(--hud-unit));background-size:800% 100%;background-position:0 0;background-repeat:no-repeat;image-rendering:pixelated}.hud-party-slot b{position:absolute;left:calc(9 * var(--hud-unit));bottom:calc(11 * var(--hud-unit));height:calc(6 * var(--hud-unit));max-width:calc(65 * var(--hud-unit));border-radius:calc(3 * var(--hud-unit));background:#63d17a;box-shadow:0 0 calc(4 * var(--hud-unit)) #63d17a99;transition:width .22s ease,background-color .22s ease}.hud-party-slot b.warn{background:#f0c04a;box-shadow:0 0 calc(4 * var(--hud-unit)) #f0c04a99}.hud-party-slot b.crit{background:#e8604f;box-shadow:0 0 calc(4 * var(--hud-unit)) #e8604f99}.hud-party-slot.filled:after{content:"";position:absolute;left:calc(9 * var(--hud-unit));bottom:calc(11 * var(--hud-unit));width:calc(65 * var(--hud-unit));height:calc(6 * var(--hud-unit));border-radius:calc(3 * var(--hud-unit));background:#04121a99;z-index:-1}.hud-party-slot:not(.filled){opacity:.45}.hud-chat-tab{position:absolute;left:calc(var(--l) * var(--hud-unit));top:calc(var(--t) * var(--hud-unit));width:calc(var(--w) * var(--hud-unit));height:calc(var(--h) * var(--hud-unit));padding:0;border:0;background:none;cursor:pointer}.hud-chat-tab .hud-frame-art{position:absolute;inset:0;width:100%;height:100%}.hud-chat-tab-label{position:absolute;left:calc(var(--cl) * var(--hud-unit));top:calc(14 * var(--hud-unit));white-space:nowrap;font:400 calc(9 * var(--hud-unit)) / 1 "Press Start 2P",var(--ui-font);color:#9fd0e4;text-shadow:0 1px 2px #04121acc}.hud-chat-tab[aria-pressed=true] .hud-chat-tab-label{color:#f2c14b}.hud-chat-tab:hover .hud-chat-tab-label{color:#eaf6ff}.hud-chat-tab:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.hud-chat-tab.unbuilt{opacity:.42;cursor:not-allowed}.hud-chat-tab.unbuilt:hover .hud-chat-tab-label{color:#9fd0e4}.hud-chat-log{position:absolute;left:calc(29 * var(--hud-unit));top:calc(72 * var(--hud-unit));width:calc(345 * var(--hud-unit));height:calc(116 * var(--hud-unit));overflow-y:auto;font:600 calc(11 * var(--hud-unit)) / 1.5 var(--ui-font);color:#cfe9f5}.hud-chat-field-art{position:absolute;left:calc(29 * var(--hud-unit));top:calc(195 * var(--hud-unit));width:calc(320 * var(--hud-unit));height:calc(41 * var(--hud-unit))}.hud-chat-field{position:absolute;left:calc(46 * var(--hud-unit));top:calc(206 * var(--hud-unit));width:calc(286 * var(--hud-unit));height:calc(20 * var(--hud-unit));padding:0;border:0;background:none;color:#eaf6ff;font:400 calc(8.7 * var(--hud-unit)) / 1 "Press Start 2P",var(--ui-font)}.hud-chat-field::placeholder{color:#6f9fb5}.hud-chat-field:focus{outline:none}.hud-chat-field:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.hud-chat-send{position:absolute;left:calc(348 * var(--hud-unit));top:calc(195 * var(--hud-unit));width:calc(54 * var(--hud-unit));height:calc(38 * var(--hud-unit));padding:0;border:0;background:none;cursor:pointer}.hud-chat-send .hud-frame-art{width:100%;height:100%}.hud-chat-send:hover .hud-frame-art{filter:brightness(1.15)}.hud-chat-send:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.hud-action-cue{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(0 0 0 51.48%);opacity:0;filter:brightness(1.9) saturate(1.35) drop-shadow(0 0 calc(5 * var(--hud-unit)) #a5f3fc) drop-shadow(0 0 calc(18 * var(--hud-unit)) #22d3ee);transition:opacity .16s ease;pointer-events:none}.hud-action-hit{position:absolute;left:51.48%;right:0;top:calc(62 * var(--hud-unit));height:calc(120 * var(--hud-unit));padding:0;border:0;background:none;cursor:pointer}.hud-action-hit:disabled{cursor:default}.hud-action-hit:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.hud-actions-plate.has-action .hud-action-cue{opacity:1;animation:hud-action-pulse 1.4s ease-in-out infinite}@keyframes hud-action-pulse{0%,to{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.hud-actions-plate.has-action .hud-action-cue{animation:none;opacity:1}}.hud-brand{--w: 494;--h: 119;position:absolute;top:calc(23 * var(--hud-unit));right:0;display:block;padding:0;border:0;background:none;backdrop-filter:none}.hud-brand-place{position:absolute;left:calc(287 * var(--hud-unit));top:calc(35 * var(--hud-unit));font:800 calc(13 * var(--hud-unit)) / 1 var(--ui-font);letter-spacing:.1em;color:#eaf6ff;text-shadow:0 1px 2px #04121aaa;white-space:nowrap}.hud-nav{--w: 624;--h: 178;position:absolute;bottom:calc(-17 * var(--hud-unit));right:calc(279 * var(--hud-unit));display:block;padding:0;border:0;background:none;backdrop-filter:none;width:calc(var(--w) * var(--hud-unit));height:calc(var(--h) * var(--hud-unit));transform:scale(.95);transform-origin:left bottom}.hud-nav>.hud-frame-art{width:100%;height:100%}.hud-nav-item{position:absolute;left:calc(var(--l) * var(--hud-unit));top:calc(var(--t) * var(--hud-unit));width:calc(var(--w) * var(--hud-unit));height:calc(var(--h) * var(--hud-unit));padding:0;border:0;background:none;color:#d9f2ff;cursor:pointer;font:400 calc(8.7 * var(--hud-unit)) / 1 "Press Start 2P",var(--ui-font);letter-spacing:0}.hud-nav-label{position:absolute;left:calc(var(--cl) * var(--hud-unit));top:calc(var(--ct) * var(--hud-unit));white-space:nowrap;text-shadow:0 1px 2px #04121acc}.hud-nav-icon{display:block;width:100%;height:100%;user-select:none;-webkit-user-drag:none;transition:transform .12s ease}.hud-nav-item:hover:not(:disabled) .hud-nav-icon{transform:translateY(calc(-3 * var(--hud-unit)))}.hud-nav-item:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.hud-nav-item.unbuilt{opacity:.42;cursor:not-allowed}.hud-layer{position:absolute;inset:0;z-index:30;pointer-events:none;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"tl tc tr" ".  .  . " "bl bc br";gap:12px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.hud-slot{display:flex;flex-direction:column;gap:10px;min-width:0}.hud-slot-tl{grid-area:tl;align-items:flex-start}.hud-slot-tc{grid-area:tc;align-items:center}.hud-slot-tr{grid-area:tr;align-items:flex-end}.hud-slot-bl{grid-area:bl;align-items:flex-start;justify-content:flex-end}.hud-slot-bc{grid-area:bc;align-items:center;justify-content:flex-end}.hud-slot-br{grid-area:br;align-items:flex-end;justify-content:flex-end}.hud-layer>*{pointer-events:none}.hud-slot>*{pointer-events:auto}.hud-plate button,.hud-plate input,.hud-plate .hud-identity,.hud-nav button,.hud-brand button{pointer-events:auto}.hud-slot>.hud-place,.hud-slot>.hud-identity,.hud-slot>.hud-team,.hud-slot>.hud-menu-button,.hud-slot>.quest-tracker{position:static}.hud-place{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;font:800 11px/1 var(--ui-font);letter-spacing:.14em}.hud-place-dot{width:7px;height:7px;border-radius:50%;background:var(--ui-accent);box-shadow:0 0 8px var(--ui-accent)}.quest-tracker{left:16px;top:62px;width:min(300px,calc(100% - 32px));padding:0 0 10px;border-left:3px solid var(--ui-accent);font-size:13px;pointer-events:auto}.quest-fold{display:flex;align-items:center;width:100%;min-height:44px;padding:0 14px;background:none;border:0;color:var(--ui-accent);font:800 10px/1 var(--ui-font);letter-spacing:.14em;text-align:left;cursor:pointer}.quest-fold:after{content:"▾";margin-left:auto;font-size:11px;transition:transform .18s}.quest-fold[aria-expanded=false]:after{transform:rotate(-90deg)}.quest-tracker p{margin:0;padding:0 14px;line-height:1.5;color:var(--ui-text)}.hud-identity{display:flex;align-items:center;gap:10px;padding:0 12px 0 6px;min-height:44px}.hud-profile{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 8px;border-radius:9px;background:none;border:0;color:inherit;cursor:pointer;font:800 11px/1 var(--ui-font);letter-spacing:.06em}.hud-profile:hover{background:#ffffff14}.hud-avatar{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8ff3ff,#0e7490);box-shadow:0 0 8px #22d3ee55}.profile-pop[hidden]{display:none}.profile-pop{--ui-ground: #06202af2;--ui-edge: #67e8f94d;--ui-edge-strong: #67e8f9aa;--ui-text: #dff1f4;--ui-dim: #9dc4ce;--ui-accent: #22d3ee;--ui-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;position:absolute;right:16px;top:68px;z-index:30;width:min(260px,calc(100vw - 32px));display:grid;gap:12px;padding:14px;font-family:var(--ui-font);color:var(--ui-text);background:var(--ui-ground);border:1px solid var(--ui-edge-strong);border-radius:14px;backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #041820,0 18px 40px #0009}.profile-pop-head{display:flex;align-items:center;gap:10px}.profile-pop-avatar{width:38px;height:38px;flex:none}.profile-pop-name{display:grid;gap:3px;min-width:0}.profile-pop-name strong{font:800 13px/1.2 var(--ui-font);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-pop-name span{font:700 9px/1 var(--ui-font);letter-spacing:.16em;color:var(--ui-accent)}.profile-pop-stats{display:grid;gap:8px;margin:0;padding:10px 0;border-top:1px solid var(--ui-edge);border-bottom:1px solid var(--ui-edge)}.profile-pop-stats>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-pop-stats dt{font:700 9px/1 var(--ui-font);letter-spacing:.14em;color:var(--ui-dim)}.profile-pop-stats dd{margin:0;font:800 13px/1 var(--ui-font)}.profile-pop-soon{font:700 9px/1 var(--ui-font)!important;letter-spacing:.12em;color:#f0c04a;padding:4px 7px;border-radius:6px;background:#f0c04a1f;border:1px solid #f0c04a4d}.profile-pop-actions{display:grid;gap:8px}.profile-pop-actions button{min-height:44px;width:100%;border-radius:10px;cursor:pointer;font:800 11px/1 var(--ui-font);letter-spacing:.12em}.profile-pop-primary{color:var(--ui-text);background:linear-gradient(135deg,#0e7490e6,#155e75e6);border:1px solid var(--ui-edge-strong)}.profile-pop-primary:hover{filter:brightness(1.12)}.profile-pop-danger{color:#ffd9d2;background:#7f1d1d40;border:1px solid #e8604f66}.profile-pop-danger:hover{background:#7f1d1d70;border-color:#e8604faa}.profile-pop-actions button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.profile-pop-hud{z-index:40}.profile-pop-launch{top:64px}.launch-profile{position:absolute;right:16px;top:16px;z-index:25}.launch-profile-button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 8px;cursor:pointer;color:#dff1f4;font:800 11px/1 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.06em;background:#06202acc;border:1px solid #67e8f94d;border-radius:12px;backdrop-filter:blur(6px);box-shadow:0 8px 24px #0006}.launch-profile-button:hover{border-color:#67e8f9aa}.launch-profile-button:focus-visible{outline:2px solid #22d3ee;outline-offset:2px}.launch-profile-name{white-space:nowrap}.hud-team{display:flex;align-items:center;gap:6px;min-height:52px;padding:0 12px;cursor:pointer}.hud-team:hover{border-color:var(--ui-edge-strong)}.team-pip{display:grid;gap:3px;width:34px}.team-pip i{display:block;width:34px;height:28px;background-size:800% 100%;background-position:0 0;background-repeat:no-repeat;image-rendering:pixelated}.team-pip b{display:block;height:3px;border-radius:2px;background:#63d17a}.team-pip b.warn{background:#f0c04a}.team-pip b.crit{background:#e8604f}.team-empty{font:700 10px/1 var(--ui-font);letter-spacing:.12em;color:var(--ui-dim)}.hud-menu-button{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 20px;cursor:pointer;background:linear-gradient(135deg,#0e7490e6,#155e75e6);border-color:var(--ui-edge-strong);font:900 12px/1 var(--ui-font);letter-spacing:.14em}.hud-menu-button:hover{filter:brightness(1.12)}.hud-menu-button kbd{font:700 10px/1 var(--ui-font);padding:4px 7px;border-radius:5px;background:#04141b99;border:1px solid var(--ui-edge);color:var(--ui-dim)}.moki-prompt{bottom:92px}.settings-audio{display:grid;grid-template-columns:5.5rem 1fr 3rem;align-items:center;gap:12px}.settings-audio label{font-size:12px;letter-spacing:.06em;color:var(--ui-dim)}.settings-audio input[type=range]{width:100%;accent-color:var(--ui-accent)}.settings-audio input[type=range]:disabled{opacity:.4}.settings-audio output{font:700 12px/1 var(--ui-font);color:var(--ui-text);text-align:right;font-variant-numeric:tabular-nums}.moki-menu{position:absolute;inset:0;z-index:60;font-family:var(--ui-font)}.moki-menu[hidden]{display:none}.menu-scrim{position:absolute;inset:0;background:#020d13b8;backdrop-filter:blur(3px)}.menu-shell.focused{grid-template-rows:auto 1fr}.menu-shell{position:absolute;inset:0;display:grid;grid-template-rows:auto auto 1fr;width:min(1080px,calc(100% - 48px));height:min(720px,calc(100% - 48px));margin:auto;border:1px solid var(--ui-edge);border-radius:20px;background:linear-gradient(165deg,#07222cf7,#04141cfb);box-shadow:0 30px 90px #000b,0 0 46px #22d3ee1a;overflow:hidden}.menu-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--ui-edge)}.menu-head h2,.menu-head h3{margin:0;font-size:15px;font-weight:900;letter-spacing:.18em;color:var(--ui-text)}.menu-crystal{width:14px;height:20px;background:var(--ui-accent);clip-path:polygon(50% 0,100% 30%,80% 100%,20% 100%,0 30%);filter:drop-shadow(0 0 8px var(--ui-accent))}.menu-close{margin-left:auto;width:44px;height:44px;border-radius:11px;background:#ffffff0d;border:1px solid var(--ui-edge);color:var(--ui-dim);font:400 22px/1 var(--ui-font);cursor:pointer}.menu-close:hover{background:#ffffff1c;color:var(--ui-text)}.menu-nav{display:flex;flex-wrap:wrap;gap:6px;padding:12px 18px;border-bottom:1px solid var(--ui-edge)}.menu-nav-item{flex:0 0 auto;min-height:44px;padding:0 16px;border-radius:10px;background:#ffffff0a;border:1px solid transparent;color:var(--ui-dim);font:800 11px/1 var(--ui-font);letter-spacing:.12em;cursor:pointer;white-space:nowrap;transition:background .16s,color .16s,border-color .16s}.menu-nav-item:hover{background:#ffffff16;color:var(--ui-text)}.menu-nav-item.active{background:linear-gradient(135deg,#0e7490,#155e75);border-color:var(--ui-edge-strong);color:#fff}.menu-body{overflow-y:auto;padding:20px 18px 28px;scrollbar-width:thin;scrollbar-color:#67e8f955 transparent}.menu-body::-webkit-scrollbar{width:10px}.menu-body::-webkit-scrollbar-track{background:transparent}.menu-body::-webkit-scrollbar-thumb{background:#67e8f944;border-radius:999px;border:3px solid transparent;background-clip:content-box}.menu-body::-webkit-scrollbar-thumb:hover{background:#67e8f977;background-clip:content-box}.menu-body:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-4px}.menu-section-head{margin-bottom:18px}.menu-section-head h3{margin:0;font-size:clamp(19px,2.4vw,24px);font-weight:800}.menu-section-head p{margin:4px 0 0;font-size:12px;color:var(--ui-dim);letter-spacing:.04em}.menu-subhead{margin:26px 0 12px;font:800 10px/1 var(--ui-font);letter-spacing:.2em;color:#5fd8ef}.menu-note{margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--ui-dim)}.menu-empty{padding:18px;border-radius:12px;background:#ffffff07;font-size:12.5px;color:var(--ui-dim)}.menu-alert{margin:12px 0 0;padding:10px 12px;border-radius:9px;border:1px solid #fcd34d55;background:#fcd34d12;color:#f0dfae;font-size:12px;line-height:1.5}.menu-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.moki-menu button{font-family:var(--ui-font);cursor:pointer;min-height:44px;padding:0 18px;border-radius:10px;background:linear-gradient(135deg,#0e7490,#155e75);border:1px solid var(--ui-edge-strong);color:#fff;font-weight:800;font-size:11px;letter-spacing:.1em}.moki-menu button:hover:not(:disabled){filter:brightness(1.12)}.moki-menu button:disabled{opacity:.45;cursor:not-allowed}.moki-menu button.ghost{background:#ffffff0d;color:var(--ui-text)}.moki-menu button.danger{background:linear-gradient(135deg,#b91c1c,#7f1d1d);border-color:#fca5a566}.moki-menu button.has-pending{border-color:#fcd34d;color:#fcd34d}.moki-menu :focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.team-grid,.dex-grid,.map-grid,.soon-grid,.bag-list,.archive-list,.quest-list{list-style:none;margin:0;padding:0}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.soon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.team-slot,.dex-card,.map-card,.soon-card,.bag-item,.archive-row,.quest-row,.settings-row{border:1px solid var(--ui-edge);border-radius:14px;background:linear-gradient(160deg,#0b2c37b3,#07202ab3)}.team-slot{position:relative;display:flex;gap:12px;padding:12px}.team-slot.lead{border-color:var(--ui-edge-strong);box-shadow:0 0 22px #22d3ee1f inset}.team-slot.empty{align-items:center;justify-content:center;min-height:120px;opacity:.55}.team-slot.empty p{margin:0;font-size:12px;color:var(--ui-dim)}.slot-no{position:absolute;left:10px;top:8px;font:800 10px/1 var(--ui-font);color:#5fd8ef}.slot-tag{position:absolute;right:10px;top:8px;padding:3px 7px;border-radius:999px;background:#22d3ee22;border:1px solid var(--ui-edge);font:800 8px/1 var(--ui-font);letter-spacing:.14em;color:#8ef0ff}.slot-art{flex:0 0 auto;width:82px;height:68px;overflow:hidden;position:relative;margin-top:12px}.slot-art img,.row-art img{position:absolute;left:0;top:0;height:100%;width:auto;max-width:none;image-rendering:pixelated}.slot-body{flex:1;min-width:0;padding-top:12px}.slot-body h4{margin:0;font-size:15px}.slot-body h4 small{font-size:11px;font-weight:500;color:var(--ui-dim)}.slot-meta{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:11px;color:var(--ui-dim)}.slot-hp{display:flex;align-items:center;gap:8px;margin:0 0 6px}.slot-hp .bar{flex:1;height:6px;border-radius:999px;background:#04141b;overflow:hidden}.slot-hp .bar i{display:block;height:100%;background:#63d17a}.slot-hp .bar i.warn{background:#f0c04a}.slot-hp .bar i.crit{background:#e8604f}.hp-text{font:700 10px/1 var(--ui-font);color:var(--ui-dim)}.slot-moves{margin:0 0 10px;font-size:11px;line-height:1.5;color:var(--ui-dim)}.slot-actions{display:flex;flex-wrap:wrap;gap:8px}.slot-actions button{min-height:44px;padding:0 12px;font-size:10px}.archive-list{display:grid;gap:8px}.archive-row{display:flex;align-items:center;gap:12px;padding:8px 12px}.row-art{width:54px;height:45px;overflow:hidden;position:relative;flex:0 0 auto}.archive-row>div{flex:1;display:flex;align-items:center;gap:8px;min-width:0;font-size:13px}.row-level{font-size:11px;color:var(--ui-dim)}.dex-card{position:relative;padding:14px}.dex-card.locked{opacity:.62}.dex-no{position:absolute;right:12px;top:10px;font:800 10px/1 var(--ui-font);color:#5fd8ef}.dex-art{width:110px;height:92px;margin:0 auto 8px;position:relative;overflow:hidden}.dex-art img{position:absolute;left:0;top:0;height:100%;width:auto;max-width:none;image-rendering:pixelated}.dex-silhouette{display:block;width:66px;height:66px;margin:12px auto 0;border-radius:12px;background:#ffffff12;clip-path:polygon(50% 4%,84% 30%,78% 82%,50% 96%,22% 82%,16% 30%)}.dex-card h4{margin:0 0 6px;font-size:15px}.dex-meta{display:flex;align-items:center;gap:8px;margin:0 0 6px}.dex-rarity{font:700 9px/1 var(--ui-font);letter-spacing:.12em;color:var(--ui-dim)}.dex-role{margin:0 0 6px;font-size:11px;color:#8ef0ff}.dex-desc{margin:0 0 10px;font-size:11.5px;line-height:1.5;color:var(--ui-dim)}.dex-hint{margin:0;font-size:11px;color:var(--ui-dim)}.dex-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0}.dex-stats div{padding:5px;border-radius:7px;background:#04141b80;text-align:center}.dex-stats dt{font:700 8px/1 var(--ui-font);letter-spacing:.1em;color:var(--ui-dim)}.dex-stats dd{margin:3px 0 0;font:800 12px/1 var(--ui-font);color:var(--ui-text)}.bag-list{display:grid;gap:10px}.bag-item{display:flex;align-items:center;gap:14px;padding:14px}.bag-icon{flex:0 0 auto;filter:drop-shadow(0 0 12px #22d3ee66)}.bag-item>div{flex:1}.bag-item strong{display:block;font-size:14px}.bag-item p{margin:4px 0 0;font-size:11.5px;color:var(--ui-dim)}.bag-count{font:900 18px/1 var(--ui-font);color:#8ef0ff}.quest-active{padding:16px;border-radius:14px;margin-bottom:16px;border:1px solid var(--ui-edge-strong);background:#22d3ee0f}.quest-active .eyebrow{margin:0;font:800 9px/1 var(--ui-font);letter-spacing:.2em;color:#5fd8ef}.quest-active h4{margin:8px 0 4px;font-size:17px}.quest-active p{margin:0;font-size:12.5px;color:var(--ui-dim)}.quest-list{display:grid;gap:8px}.quest-row{display:flex;align-items:center;gap:12px;padding:12px}.quest-row.locked{opacity:.5}.quest-row.active{border-color:var(--ui-edge-strong)}.quest-row>div{flex:1;min-width:0}.quest-row strong{font-size:13px}.quest-row p{margin:3px 0 0;font-size:11.5px;color:var(--ui-dim)}.quest-row p.quest-how{color:#2f8f76;font-weight:600}.quest-state{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#ffffff0f;border:1px solid var(--ui-edge);font:800 8px/1 var(--ui-font);letter-spacing:.12em;color:var(--ui-dim)}.quest-row.active .quest-state{background:#22d3ee22;color:#8ef0ff}.map-card{padding:14px}.map-card.locked{opacity:.5}.map-card.here{border-color:var(--ui-edge-strong);box-shadow:0 0 22px #22d3ee1f inset}.map-card h4{margin:0 0 6px;font-size:15px}.map-here{font:800 8px/1 var(--ui-font);letter-spacing:.12em;color:#8ef0ff}.map-card p{margin:0 0 10px;font-size:11.5px;line-height:1.5;color:var(--ui-dim)}.map-state{display:inline-block;padding:4px 9px;border-radius:999px;background:#ffffff0f;border:1px solid var(--ui-edge);font:800 8px/1 var(--ui-font);letter-spacing:.12em;color:var(--ui-dim)}.profile-list{display:grid;gap:2px;margin:0}.profile-list div{display:flex;align-items:baseline;gap:14px;padding:11px 14px;border-radius:10px;background:#ffffff07}.profile-list dt{flex:0 0 140px;font:700 10px/1.4 var(--ui-font);letter-spacing:.12em;color:var(--ui-dim)}.profile-list dd{margin:0;font-size:13px;color:var(--ui-text)}.settings-row{display:flex;align-items:center;gap:14px;padding:14px}.settings-row>div{flex:1}.settings-row strong{display:block;font-size:13px}.settings-row p{margin:4px 0 0;font-size:11.5px;line-height:1.5;color:var(--ui-dim)}.soon-card{padding:16px;text-align:center;opacity:.55;cursor:default}.soon-card h4{margin:0 0 8px;font-size:13px}.soon-tag{font:800 8px/1 var(--ui-font);letter-spacing:.14em;color:var(--ui-dim)}.menu-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:20px;background:#020d13cc}.menu-overlay-panel{width:min(460px,100%);border:1px solid var(--ui-edge-strong);border-radius:18px;background:linear-gradient(165deg,#0a2732f7,#061a22fb);box-shadow:0 26px 70px #000b}.menu-overlay-body{padding:18px}.menu-overlay-body p{margin:0 0 10px;font-size:13px;line-height:1.6;color:var(--ui-dim)}@media(max-width:900px),(pointer:coarse){.menu-shell{width:100%;height:100%;border-radius:0;border:0}.team-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){.dex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dex-desc,.dex-role{display:none}.map-grid,.soon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-list div{flex-direction:column;gap:4px}.profile-list dt{flex:none}.settings-row{flex-direction:column;align-items:stretch}.menu-actions button{flex:1 1 100%}.hud-team{left:auto;right:16px;bottom:78px}.hud-menu-button{bottom:16px}.quest-tracker{width:calc(100% - 32px)}.moki-prompt{bottom:148px}}@media(prefers-reduced-motion:reduce){.quest-fold:after{transition:none}}@media(max-width:900px),(pointer:coarse){.menu-nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:12px 16px;-webkit-mask-image:linear-gradient(to right,#000 0,#000 88%,transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 88%,transparent 100%)}.menu-nav::-webkit-scrollbar{display:none}.menu-nav.at-end{-webkit-mask-image:none;mask-image:none}.menu-nav .menu-nav-item{border-radius:999px;scroll-snap-align:center;padding:0 clamp(14px,4vw,20px);font-size:clamp(10px,2.9vw,12px);letter-spacing:.1em}.menu-nav-item.active{box-shadow:0 0 0 1px var(--ui-edge-strong),0 4px 16px #22d3ee33}.menu-head{padding:14px clamp(12px,4vw,18px)}.menu-head h2,.menu-head h3{font-size:clamp(13px,3.6vw,15px)}.menu-body{padding:clamp(14px,4vw,20px) clamp(12px,4vw,18px) 28px}}@media(max-width:380px){.menu-nav{gap:6px}.menu-nav-item{min-height:44px;padding:0 13px}.team-grid,.dex-grid{gap:10px}}@media(prefers-reduced-motion:reduce){.menu-nav{scroll-behavior:auto}}@media(max-width:640px),(pointer:coarse){.menu-head{padding:5px 12px;gap:9px}.menu-head h2,.menu-head h3{font-size:12px;letter-spacing:.14em}.menu-crystal{width:11px;height:16px}.moki-menu .menu-close{position:relative;width:32px;height:32px;min-height:32px;border-radius:9px;font-size:18px}.moki-menu .menu-close:after{content:"";position:absolute;inset:-6px;border-radius:12px}.menu-nav{padding:5px 12px}.menu-body{padding:10px 12px 18px}.menu-section-head{margin-bottom:9px}.menu-section-head h3{font-size:15px}.menu-section-head p{font-size:11px}.menu-subhead{margin:16px 0 8px;font-size:9px}.menu-note{margin-top:8px;font-size:11px;line-height:1.5}.menu-empty{padding:12px;font-size:11px;border-radius:10px}.menu-alert{padding:8px 10px;font-size:11px}.menu-actions{gap:8px;margin-top:12px}.moki-menu button{padding:0 14px;font-size:10px}.team-grid,.dex-grid,.map-grid,.soon-grid{gap:9px}}@media(orientation:landscape)and (max-height:480px),(pointer:coarse)and (orientation:landscape){.menu-head{padding:3px 10px;gap:8px}.menu-head h2,.menu-head h3{font-size:11px}.menu-crystal{width:10px;height:14px}.moki-menu .menu-close{width:30px;height:30px;min-height:30px;font-size:17px}.moki-menu .menu-close:after{inset:-7px}.menu-nav{padding:4px 10px;gap:5px}.menu-nav-item{padding:0 12px;font-size:10px}.menu-body{padding:8px 10px 14px}.menu-section-head{margin-bottom:7px}.menu-section-head h3{font-size:13px}.menu-section-head p{display:none}.menu-subhead{margin:12px 0 6px}.menu-empty{padding:10px}.menu-actions{gap:6px;margin-top:10px}.team-grid,.dex-grid,.map-grid,.soon-grid{gap:8px}}.slot-potential{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:6px 0 0;font-size:11px;letter-spacing:.06em}.slot-potential .pot-label{color:#7d8a99}.slot-potential .pot-stat{font-weight:700;color:#e8eef5}.slot-potential .pot-tier{color:var(--tier, #9fb0bf);font-weight:700}.archive-row .slot-potential{margin-top:2px;font-size:10px}.menu-overlay--potential{padding:24px}.menu-overlay-panel--potential{display:flex;flex-direction:column;width:min(520px,100%);max-height:min(600px,calc(100% - 80px));overflow:hidden}.menu-overlay-panel--potential .menu-overlay-body{padding:14px 16px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(103,232,249,.35) transparent}.pot-overall{display:grid;gap:8px;margin-bottom:10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(73,224,220,.35);background:radial-gradient(120% 150% at 0% 0%,rgba(73,224,220,.18),transparent 62%),#ffffff08}.pot-overall-copy{display:grid;gap:4px;min-width:0}.pot-overall-figure{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.pot-overall-score{color:#f2f7fb;font-size:34px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.pot-overall-max{color:#7d8a99;font-size:14px;font-weight:700}.pot-overall-rank{margin-left:6px;padding:3px 9px;border-radius:999px;background:#49e0dc24;color:#7fe7ef;font-size:12px;font-weight:800;letter-spacing:.02em}.pot-overall-line{margin:0;color:#c3d0dc;font-size:12px;line-height:1.4}.pot-overall-meter{display:block;height:6px;border-radius:999px;background:#ffffff17;overflow:hidden}.pot-overall-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2bb6c4,#7ff0f2)}.pot-best{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);border-color:color-mix(in srgb,var(--tier, #9fb0bf) 38%,transparent);background:#ffffff0a;background:radial-gradient(120% 150% at 0% 0%,color-mix(in srgb,var(--tier, #9fb0bf) 22%,transparent),transparent 62%),#ffffff08}.pot-ring{position:relative;flex:none;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:conic-gradient(var(--tier, #9fb0bf) calc(var(--score, 0) * 1%),rgba(255,255,255,.09) 0)}.pot-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#0a222c}.pot-best-score{position:relative;display:flex;flex-direction:column;align-items:center;color:#7d8a99;font-size:9px;letter-spacing:.08em;line-height:1;font-variant-numeric:tabular-nums}.pot-best-score b{margin-bottom:2px;color:#f2f7fb;font-size:20px;font-weight:800;letter-spacing:0}.pot-best-copy{display:grid;gap:4px;min-width:0}.pot-eyebrow{color:#8aa0b1;font-size:9px;font-weight:800;letter-spacing:.2em}.pot-best-title{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.pot-best-stat{color:#f2f7fb;font-size:22px;font-weight:800;letter-spacing:.06em;line-height:1.1}.pot-best-tier{padding:3px 8px;border-radius:999px;background:#ffffff0f;background:color-mix(in srgb,var(--tier, #9fb0bf) 18%,transparent);color:var(--tier, #9fb0bf);font-size:10px;font-weight:800;letter-spacing:.1em}.pot-best .pot-best-line{margin:0;color:#c3d0dc;font-size:12px;line-height:1.4}.pot-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin:8px 2px 6px}.pot-moki{color:#dfe8ef;font-size:12px;font-weight:700;letter-spacing:.04em}.pot-meta .pot-species{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;color:#7d8a99;font-size:10px;line-height:1.2;letter-spacing:.06em}.pot-species span{padding:2px 7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#dfe8ef;font-weight:700;letter-spacing:.08em}.pot-species em{font-style:normal}.menu-overlay-body .pot-note{margin:0 2px 10px;color:#8fa2b2;font-size:12px;line-height:1.5}.pot-table{border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#ffffff05;overflow:hidden}.pot-thead,.pot-row{display:grid;grid-template-columns:58px minmax(0,1fr) 64px 72px;align-items:center;column-gap:12px;padding-left:12px;padding-right:12px}.pot-thead{padding-top:8px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.07);color:#6f8293;font-size:9px;font-weight:800;letter-spacing:.1em;line-height:1.25}.pot-th-num{text-align:right}.pot-th-effect{cursor:help}.pot-th-effect:after{content:"i";display:inline-grid;place-items:center;width:11px;height:11px;margin-left:4px;border:1px solid currentColor;border-radius:50%;font-size:8px;font-style:italic;letter-spacing:0;vertical-align:1px}.pot-list{list-style:none;margin:0;padding:0}.pot-row{position:relative;row-gap:2px;padding-top:7px;padding-bottom:7px;font-size:12px}.pot-row+.pot-row{border-top:1px solid rgba(255,255,255,.05)}.pot-row.best{background:#ffffff0d;background:linear-gradient(90deg,color-mix(in srgb,var(--tier, #9fb0bf) 14%,transparent),transparent 75%)}.pot-row.best:before{content:"";position:absolute;top:6px;bottom:6px;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--tier, #9fb0bf)}.pot-stat-name{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.pot-key-help{position:relative;display:inline-flex;border-radius:3px;cursor:help}.pot-key-help:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}.pot-key{color:#eef4f8;font-size:12px;font-weight:800;letter-spacing:.08em;text-decoration:underline dotted rgba(238,244,248,.45);text-underline-offset:3px}.pot-tip{position:absolute;left:calc(100% + 12px);top:50%;z-index:5;width:min(240px,58vw);padding:8px 10px;border:1px solid rgba(103,232,249,.45);border-radius:8px;background:#06202a;box-shadow:0 8px 22px #00000073;color:#dcecf2;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none;white-space:normal;transform:translateY(-50%);opacity:0;visibility:hidden;pointer-events:none}.pot-key-help:hover .pot-tip,.pot-key-help:focus .pot-tip{opacity:1;visibility:visible}.pot-best-mark{padding:1px 5px;border-radius:4px;background:var(--tier, #9fb0bf);color:#06131b;font-size:8px;font-weight:900;letter-spacing:.12em}.pot-cell{display:block;min-width:0}.pot-score-line{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:5px}.pot-score{color:#6f8293;font-size:10px;font-variant-numeric:tabular-nums}.pot-score b{color:#eef4f8;font-size:14px;font-weight:800}.pot-tier-name{color:var(--tier, #9fb0bf);font-size:9px;font-weight:800;letter-spacing:.1em;overflow-wrap:anywhere}.pot-meter{display:block;height:4px;border-radius:2px;background:#ffffff14;overflow:hidden}.pot-meter i{display:block;height:100%;border-radius:2px;background:var(--tier, #9fb0bf)}.pot-cell-current,.pot-cell-effect{text-align:right}.pot-value{color:#f2f7fb;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.pot-effect{display:inline-block;min-width:34px;padding:2px 7px;border-radius:999px;background:#ffffff0d;color:#9fb0bf;font-size:11px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.pot-effect.is-up{background:#4ade801f;color:#86efac}.pot-effect.is-down{background:#f871711f;color:#fca5a5}.pot-row .pot-row-note{grid-column:2 / -1;margin:4px 0 0;color:#7d8a99;font-size:10px;line-height:1.3}.pot-help{margin-top:10px;padding:0 12px;border-radius:10px;background:#ffffff08}.pot-help summary{display:flex;align-items:center;min-height:36px;cursor:pointer;list-style:none;color:#8fa2b2;font-size:11px;font-weight:700;letter-spacing:.08em}@media(pointer:coarse){.pot-help summary{min-height:44px}}.pot-help summary::-webkit-details-marker{display:none}.pot-help summary:after{content:"+";margin-left:auto;color:#6f8293;font-size:15px}.pot-help[open] summary:after{content:"−"}.pot-help summary:focus-visible{outline:2px solid #67e8f9;outline-offset:2px;border-radius:6px}.pot-help dl{display:grid;gap:3px;margin:0 0 12px}.pot-help dt{margin-top:6px;color:#dfe8ef;font-size:10px;font-weight:800;letter-spacing:.1em}.pot-help dd{margin:0;color:#aebdca;font-size:12px;line-height:1.5}@media(max-width:640px){.pot-tier-name{display:inline;font-size:9px;overflow-wrap:anywhere}.menu-overlay--potential{padding:10px}.menu-overlay-panel--potential .menu-overlay-body{padding:12px}.pot-best{gap:12px;padding:10px 12px}.pot-ring{width:58px;height:58px}.pot-best-score b{font-size:17px}.pot-best-stat{font-size:18px}.pot-overall{padding:10px 12px}.pot-overall-score{font-size:28px}.pot-thead,.pot-row{grid-template-columns:44px minmax(0,1fr) 44px 52px;column-gap:8px;padding-left:10px;padding-right:10px}.pot-thead{font-size:8px;letter-spacing:.06em}.pot-value{font-size:14px}.pot-effect{min-width:30px;padding:2px 5px;font-size:10px}.slot-potential{font-size:10px;gap:6px}}@media(pointer:coarse),(max-width:640px){.slot-actions button,.archive-row button,.menu-overlay button{min-height:44px;min-width:44px}}@media(pointer:coarse){:root{--moki-stick-size: clamp(76px, min(23vw, 13.5vh), 98px);--moki-act-size: clamp(54px, min(16vw, 9.5vh), 64px);--moki-stick-inset: clamp(12px, 5vw, 32px)}.moki-prompt,.hud-team,.hud-menu-button{bottom:calc(var(--moki-stick-size) + max(14px,env(safe-area-inset-bottom)) + 14px)}.hud-place{left:12px;top:12px;min-height:30px;padding:0 10px;font-size:10px;letter-spacing:.12em}.hud-place-dot{width:6px;height:6px}.quest-tracker{left:12px;top:50px;width:min(244px,calc(100% - 24px));font-size:11px;border-left-width:2px}.quest-fold{min-height:44px;padding:0 11px;font-size:9px}.quest-tracker p{padding:0 11px;line-height:1.45}.hud-identity{right:12px;top:12px;gap:7px;padding:0 9px 0 5px;min-height:40px}.hud-profile{min-height:40px;padding:0 6px;font-size:10px}.hud-avatar{width:18px;height:18px}.profile-pop{right:12px;top:60px;width:min(260px,calc(100vw - 24px));padding:12px;gap:10px}.profile-pop-avatar{width:32px;height:32px}.profile-pop-launch{top:60px}.launch-profile{right:12px;top:12px}.launch-profile-button{padding:0 12px 0 8px;font-size:10px}.hud-team{left:12px;gap:5px;min-height:46px;padding:0 9px}.team-pip{width:28px;gap:2px}.team-pip i{width:28px;height:23px}.hud-menu-button{right:12px;gap:7px;min-height:46px;padding:0 14px;font-size:11px;letter-spacing:.12em}.hud-menu-button kbd{font-size:9px;padding:3px 5px}}@media(pointer:coarse)and (orientation:landscape)and (max-height:520px){:root{--moki-stick-size: clamp(70px, 20vh, 86px);--moki-act-size: clamp(48px, 13vh, 58px);--moki-stick-inset: clamp(8px, 2.5vw, 20px)}.moki-prompt,.hud-team,.hud-menu-button{bottom:calc(var(--moki-stick-size) + max(10px,env(safe-area-inset-bottom)) + 10px)}.chat-panel{bottom:calc(var(--moki-stick-size) + max(10px,env(safe-area-inset-bottom)) + 72px);width:min(300px,calc(100% - 24px))}.chat-log{max-height:18vh}.hud-place{top:8px;min-height:26px;font-size:9px}.quest-tracker{top:40px;width:min(216px,calc(100% - 24px));max-height:34vh;overflow-y:auto;font-size:10px}.quest-fold{min-height:40px}.hud-identity{top:8px;min-height:40px}.profile-pop{top:56px;max-height:calc(100vh - 68px);overflow-y:auto}.hud-team{min-height:42px}.hud-menu-button{min-height:42px;padding:0 12px;font-size:10px}}.install-offer,.update-offer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.install-offer.manual{gap:8px}.install-action{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #67e8f966;background:#0a2530cc;color:#dffbff;font:800 12px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;cursor:pointer;transition:background .16s,border-color .16s}.install-action:hover{background:#0e7490;border-color:var(--ui-edge-strong, #67e8f9aa)}.install-dismiss{min-height:44px;padding:0 12px;border:0;background:none;color:#7d97a3;font:600 12px/1 Inter,system-ui,sans-serif;cursor:pointer;text-decoration:underline}.install-dismiss:hover{color:#cfe9f2}.install-note{margin:0;font-size:12px;line-height:1.5;color:#9fc0cc}.install-note strong{color:#dffbff}.update-offer{padding:10px 14px;border-radius:10px;border:1px solid #67e8f944;background:#08202acc}.update-offer p{margin:0;font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;color:#67e8f9}@media(max-width:640px){.install-offer,.update-offer{flex-direction:column;align-items:flex-start}}.duel-prompt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:60;display:grid;gap:10px;justify-items:center;min-width:min(300px,calc(100% - 48px));padding:18px 22px;border-radius:14px;border:1px solid #67e8f966;background:#04121af5;box-shadow:0 18px 50px #000b;text-align:center}.duel-title{margin:0;font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.18em;color:#67e8f9}.duel-body{margin:0;font:600 15px/1.4 Inter,system-ui,sans-serif;color:#eaf6fb}.duel-body strong{color:#67e8f9}.duel-timer{margin:0;font:500 11px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;color:#9dc4ce;font-variant-numeric:tabular-nums}.duel-actions{display:flex;gap:8px;margin-top:2px}.duel-actions button{min-height:44px;padding:0 16px;border-radius:9px;border:1px solid #67e8f955;background:#0a2733;color:#cfeef6;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;cursor:pointer}.duel-actions button[data-duel=send],.duel-actions button[data-duel=accept]{background:#12495c;border-color:#67e8f9aa;color:#eafcff}.duel-actions button:hover{border-color:#67e8f9}.chat-panel{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 62px);z-index:38;width:min(340px,calc(100% - 24px));display:flex;flex-direction:column;gap:6px;opacity:.35;transition:opacity .26s ease}.chat-panel--awake,.chat-panel--active,.chat-panel:hover{opacity:1}.chat-log{max-height:26vh;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:10px;background:#04121ad9;border:1px solid #67e8f92e;overscroll-behavior:contain}.chat-log:empty{display:none}.chat-line{margin:0;font:500 12px/1.45 Inter,system-ui,sans-serif;color:#dbeaf2;word-break:break-word}.chat-who{color:#67e8f9;font-weight:700;margin-right:6px}.chat-line--notice{color:#fcd34d;font-style:italic}.chat-form{display:none;gap:6px}.chat-panel--open .chat-form{display:flex}.chat-input{flex:1;min-width:0;padding:7px 10px;border-radius:8px;border:1px solid #67e8f955;background:#04121aef;color:#eaf6fb;font:500 12px/1.3 Inter,system-ui,sans-serif}.chat-input:focus{outline:none;border-color:#67e8f9}.chat-send,.chat-open{padding:7px 12px;border-radius:8px;border:1px solid #67e8f955;background:#0a2733;color:#9fe8f5;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;cursor:pointer;align-self:flex-start}.chat-send:hover,.chat-open:hover{background:#10394a}.chat-panel--open .chat-open{display:none}.loading-screen{position:absolute;inset:0;z-index:200;display:grid;place-items:center;background:#04121a;opacity:1;transition:opacity .38s ease}.loading-screen--out{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.loading-screen,.loading-fill{transition:none}}.net-status{position:absolute;left:50%;top:max(64px,calc(env(safe-area-inset-top) + 50px));transform:translate(-50%);z-index:39;padding:6px 12px;border-radius:999px;border:1px solid #67e8f955;background:#061c25e6;color:#9fe8f5;font:700 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.08em;white-space:nowrap;pointer-events:none}.net-status.offline{border-color:#f59e0b66;color:#fcd34d}.update-notice{position:absolute;left:50%;top:max(14px,env(safe-area-inset-top));transform:translate(-50%);z-index:40;max-width:min(420px,calc(100% - 32px))}.update-panel{padding:12px 14px;border-radius:12px;border:1px solid #67e8f955;background:#061c25f2;box-shadow:0 12px 40px #000a}.update-title{margin:0;font:800 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.14em;color:#67e8f9}.update-title.danger{color:#ff9b9b}.update-copy{margin:6px 0 0;font-size:12px;line-height:1.5;color:#b9d4de}.update-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.update-actions button{min-height:44px;padding:0 14px;border-radius:8px;border:1px solid #67e8f966;background:#0e7490;color:#eaffff;font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;cursor:pointer}.update-actions button.ghost{background:#ffffff0d;border-color:var(--ui-edge, #67e8f944);color:#cfe9f2}.update-actions button.danger{background:#7f1d1d;border-color:#ff9b9b66;color:#ffe4e4}@media(max-width:640px){.update-actions button{flex:1 1 100%}}.settings-update{margin:0 0 18px;padding:12px 14px;border-radius:10px;border:1px solid #67e8f955;background:#08202acc}.settings-update button{min-height:44px;margin-top:10px;padding:0 16px;border-radius:8px;border:1px solid #67e8f966;background:#0e7490;color:#eaffff;font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;cursor:pointer}.diag-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;letter-spacing:.06em;line-height:1.5;word-break:break-word}.diag-code strong{color:var(--moki-warn, #f2c66d)}.diag-trace{opacity:.55;font-size:.72rem}.diag-prev{opacity:.4;font-size:.68rem;font-style:italic}.launch{--l-bg:#050810;--l-panel:#0a1220;--l-panel-2:#0e1828;--l-line:#ffffff1f;--l-line-soft:#ffffff12;--l-line-gold:#67e8f955;--l-gold:#5cc8e8;--l-gold-soft:#9ce4f5;--l-gold-deep:#1d6b85;--l-on-gold:#04141c;--l-text:#eef6ff;--l-dim:#a9bcd0;--l-faint:#7e93aa;--l-live:#7fd8bf;--l-display:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--l-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;position:relative;min-height:100svh;display:flex;flex-direction:column;padding:clamp(16px,3.2vw,30px) clamp(16px,5vw,32px);background:#050810;isolation:isolate}.launch-bg{position:absolute;inset:0;z-index:0;display:block}.launch-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block}.launch-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(78% 62% at 50% 46%,transparent 0%,#03060cba 78%,#03060ce8 100%)}.launch-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#050810d9 0%,#0508104d 22%,transparent 42%),linear-gradient(0deg,#050810e6 0%,#05081080 16%,transparent 34%)}.launch .brand-crystal{width:16px;height:22px;background:var(--l-gold);clip-path:polygon(50% 0,100% 30%,80% 100%,20% 100%,0 30%);filter:drop-shadow(0 0 10px #5cc8e8aa)}.launch .spinner{width:13px;height:13px;border-radius:50%;border:2px solid #ffffff26;border-top-color:var(--l-gold);animation:launch-spin .9s linear infinite}@keyframes launch-spin{to{transform:rotate(360deg)}}.nav-ghost{min-height:48px;padding:0 20px;background:transparent;border:1px solid var(--l-line);color:var(--l-text);font:700 12px/1 var(--l-body);letter-spacing:.06em;cursor:pointer;transition:border-color .2s,color .2s}.nav-ghost:hover:not(:disabled){border-color:var(--l-line-gold);color:var(--l-gold)}.nav-ghost:disabled{opacity:.45;cursor:not-allowed}.launch-inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;width:min(460px,100%);margin:0 auto}.launch-title{margin:0;line-height:0}.launch-title img{display:block;width:clamp(185px,20vw,250px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 26px #5cc8e855) drop-shadow(0 6px 18px #03060cc4)}.launch-kicker{margin:0;font:700 10.5px/1 ui-monospace,monospace;letter-spacing:.42em;color:var(--l-gold-soft);text-indent:.42em;text-shadow:0 0 18px #5cc8e866,0 2px 6px #03060cc4}.launch-line{margin:2px 0 0;font-size:13.5px;line-height:1.65;color:#c3d4e4;max-width:36ch;text-shadow:0 2px 8px #03060cd9}.launch-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(320px,100%);margin-top:6px}.launch-actions .cta-primary{justify-content:center;text-align:center;width:100%}.launch-ghost{width:100%;justify-content:center;text-align:center}.launch-auth{width:100%;margin-top:4px}.auth-inline{width:100%}.launch .journey-screen{position:static;inset:auto;z-index:auto;padding:0;min-height:0;background:none;border:0;overflow:visible;width:100%;display:block;text-align:left}.launch .auth-panel{--chamfer:18px;position:relative;width:100%;margin:0;padding:clamp(15px,1.9vw,20px);border:0;border-radius:0;background:linear-gradient(150deg,#8beeff,#3fb6dd 14%,#1b6d8e 34%,#12455f 62%,#1b6d8e 84%,#8beeff);clip-path:polygon(var(--chamfer) 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)),0 var(--chamfer));filter:drop-shadow(0 24px 60px #02060ea6) drop-shadow(0 0 30px #22d3ee2b);text-align:left}.launch .auth-panel:before{content:"";position:absolute;inset:1.5px;z-index:0;background:linear-gradient(165deg,#0c2036f2,#071626f7 46%,#050f1cfa);backdrop-filter:blur(14px) saturate(1.1);clip-path:polygon(calc(var(--chamfer) - 1px) 0,calc(100% - var(--chamfer) + 1px) 0,100% calc(var(--chamfer) - 1px),100% calc(100% - var(--chamfer) + 1px),calc(100% - var(--chamfer) + 1px) 100%,calc(var(--chamfer) - 1px) 100%,0 calc(100% - var(--chamfer) + 1px),0 calc(var(--chamfer) - 1px))}.launch .auth-panel>*{position:relative;z-index:1}.launch .auth-tabs{margin-bottom:14px}.launch .panel-title{margin:0 0 4px!important;color:#eaf6ff}.launch .panel-copy{margin:0 0 10px;color:#a9bcd0;font-size:12.5px;line-height:1.6}.launch .auth-form label{color:var(--l-gold-soft)}.launch .auth-form input{background:#050b1499;border:1px solid #ffffff1f;color:#eef6ff}.launch .auth-form input:focus{border-color:#67e8f9;box-shadow:0 0 0 3px #22d3ee33;background:#050b14cc}.launch .auth-footnote,.launch .form-hint{color:#8fa6bd}.launch .auth-form button[type=submit].cta-primary,.launch .cta-primary{width:100%;justify-content:center;text-align:center;margin-top:12px;min-height:48px;border-radius:999px;background:linear-gradient(180deg,#93e9ff,#37b6dc 52%,#1782a6);border:1px solid #b6f0ff;color:#03151d;font-weight:800;letter-spacing:.1em;box-shadow:0 8px 26px #0a2c3ab3,0 0 0 1px #ffffff1f inset;transition:filter .2s,transform .2s,box-shadow .2s}.launch .auth-form button[type=submit].cta-primary:hover:not(:disabled),.launch .cta-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 34px #0a2c3ac9,0 0 30px #22d3ee6b,0 0 0 1px #ffffff2e inset}.launch .auth-form button[type=submit].cta-primary:disabled,.launch .cta-primary:disabled{opacity:.5;transform:none;box-shadow:none}.launch .hero-status{justify-content:center;min-height:20px}.launch .install-offer{margin-top:6px;justify-content:center}.launch .update-offer{margin-top:6px}.launch .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.launch .auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid #ffffff1a;margin-bottom:13px}.launch .auth-tabs button{position:relative;padding:10px 6px 11px;border:0;border-radius:0;background:none;color:#88a2ba;font:800 12px/1 system-ui;letter-spacing:.13em;cursor:pointer;transition:color .18s}.launch .auth-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#5cc8e8;border-radius:2px;transform:scaleX(0);transition:transform .22s ease}.launch .auth-tabs button:hover{color:#dff3ff;background:none}.launch .auth-tabs button.active{color:#eaf8ff;background:none;box-shadow:none;border-color:transparent}.launch .auth-tabs button.active:after{transform:scaleX(1);box-shadow:0 0 14px #5cc8e8b3}.launch .field{position:relative;display:flex;align-items:center;gap:10px;padding:0 12px;margin-top:8px;background:#050d1899;border:1px solid #ffffff1f;border-radius:11px;transition:border-color .18s,box-shadow .18s,background .18s}.launch .field:focus-within{border-color:#67e8f9;box-shadow:0 0 0 3px #22d3ee2e;background:#050d18cc}.launch .field-icon{flex:0 0 auto;color:#6f8ba6;transition:color .18s}.launch .field:focus-within .field-icon{color:#8fdcf2}.launch .auth-form .field input{flex:1;min-width:0;padding:11px 0;border:0;border-radius:0;background:none;box-shadow:none;color:#eaf6ff;font-size:13.5px}.launch .auth-form .field input:focus{border:0;box-shadow:none;background:none;outline:none}.launch .auth-form .field input::placeholder{color:#7b93aa}.launch .reveal{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;padding:0;margin-right:-4px;background:none;border:0;border-radius:8px;color:#6f8ba6;cursor:pointer;transition:color .18s,background .18s}.launch .reveal:hover{color:#bfe9f8;background:#ffffff10}.launch .reveal[aria-pressed=true]{color:#5cc8e8}.launch .form-error:empty{display:none;margin:0;min-height:0}.launch .form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;flex-wrap:wrap}.launch .remember{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin:0;font:600 12px/1 system-ui;letter-spacing:.01em;color:#c2d5e6;cursor:pointer;user-select:none}.launch .remember input{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin:0;flex:0 0 auto;background:#050d18;border:1.5px solid #ffffff33;border-radius:4px;cursor:pointer;position:relative;transition:background .16s,border-color .16s}.launch .remember input:checked{background:#2ba8cd;border-color:#7fdcf5}.launch .remember input:checked:after{content:"";position:absolute;left:4.5px;top:1px;width:4px;height:8px;border:solid #04131b;border-width:0 2px 2px 0;transform:rotate(43deg)}.launch .remember input:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}.launch .text-link{margin:0;padding:0;background:none;border:0;color:#5cc8e8;font:600 12px/1 system-ui;cursor:pointer;border-bottom:1px solid transparent;transition:border-color .16s,color .16s}.launch .text-link:hover{color:#9ce4f5;border-bottom-color:#9ce4f57a}.launch .cta-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:19px;font-weight:400;opacity:.72}.launch .cta-primary{position:relative}.launch .auth-or{display:flex;align-items:center;gap:12px;margin:11px 0 9px;font:700 10px/1 system-ui;letter-spacing:.2em;color:#7b93aa}.launch .auth-or:before,.launch .auth-or:after{content:"";flex:1;height:1px;background:#ffffff1a}.launch .auth-providers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.launch .provider{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;width:100%;min-height:46px;padding:7px 10px;background:#0d2135b8;border:1px solid #67e8f92e;border-radius:12px;color:#dcebf8;font:700 11.5px/1.2 system-ui;letter-spacing:.01em;cursor:not-allowed;text-align:center}.launch .provider:disabled{opacity:1}.launch .provider-mark{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;background:#ffffff12;border-radius:7px}.launch .provider-google{background:#f4f8fbef;border-color:#ffffff4d;color:#16222e}.launch .provider-google .provider-mark{background:transparent}.launch .provider-wallet .provider-mark{background:#5865f2;color:#fff}.launch .provider-label{min-width:0}.launch .provider-soon{flex:0 0 100%;padding:3px 0 0;border:0;background:none;font:800 7.5px/1 system-ui;letter-spacing:.11em;color:#7fc4dc;text-align:center}.launch .provider-wallet{cursor:pointer}.launch .provider-wallet:hover{border-color:#67e8f966;background:#123049c9}.launch .provider-wallet:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}.launch .wallet-picker{grid-column:1/-1;display:grid;gap:6px;margin-top:2px}.launch .wallet-option{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--moki-tap-min);padding:8px 11px;background:#0d2135b8;border:1px solid #67e8f92e;border-radius:10px;color:#dcebf8;font:700 11.5px/1.2 system-ui;cursor:pointer;text-align:left}.launch .wallet-option:hover{border-color:#67e8f966;background:#123049c9}.launch .wallet-option:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}.launch .wallet-option img{flex:0 0 auto;border-radius:5px}.launch .wallet-note{grid-column:1/-1;margin:0;min-height:0;font:600 10px/1.35 system-ui;letter-spacing:.02em;color:#7fc4dc;text-align:center}.launch .wallet-note:empty{display:none}.launch .auth-legal{margin:10px 0 0;font:500 10.5px/1.7 system-ui;color:#7b93aa;text-align:center}.launch .auth-legal .link-button{font:600 10.5px/1.7 system-ui;color:#5cc8e8;background:none;border:0;padding:0;cursor:pointer;border-bottom:1px solid #5cc8e84d}.launch .auth-legal .link-button:hover{color:#9ce4f5;border-bottom-color:#9ce4f5}.launch .legal-pending{display:inline-flex;align-items:center;gap:5px;color:#93a9be}.launch .legal-pending .provider-soon{flex:none;display:inline-block;padding:2px 6px;border:1px solid #67e8f94d;border-radius:999px;background:#08192699;font-size:7.5px}.launch .auth-footnote{margin:6px 0 0;text-align:center;font-size:11.5px;color:#8fa6bd}@media(max-width:720px){.launch .form-row{flex-direction:column;align-items:flex-start;gap:10px}.launch .auth-providers{grid-template-columns:1fr}.launch .provider{min-height:48px;padding:12px 11px 10px;font-size:11.5px}.launch .provider-soon{font-size:8px;padding:3px 6px}.launch .auth-legal{font-size:10px}}@media(prefers-reduced-motion:reduce){.launch .auth-tabs button:after{transition:none}.launch .field,.launch .reveal,.launch .remember input{transition:none}}@media(max-width:720px){.launch-bg img{object-position:50% 34%}.launch-scrim{background:linear-gradient(180deg,#050810cc 0%,#0508104d 20%,transparent 38%),linear-gradient(0deg,#050810e6 0%,#05081066 18%,transparent 36%)}.launch-vignette{background:radial-gradient(96% 54% at 50% 44%,transparent 0%,#03060c8f 82%,#03060cc9 100%)}.launch{padding:18px 14px}.launch-inner{gap:10px;width:100%}.launch-title{font-size:clamp(28px,9vw,38px)}.launch-kicker{letter-spacing:.3em;text-indent:.3em}.launch-line{font-size:12.5px;max-width:30ch}.launch .auth-panel{padding:16px 14px;border-radius:14px}}@media(max-height:560px)and (orientation:landscape){.launch-title{font-size:26px}.launch-line{display:none}.launch-inner{gap:8px}}@media(prefers-reduced-motion:reduce){.launch .cta-primary{transition:none}.launch .cta-primary:hover:not(:disabled){transform:none}}.journey-screen.onboarding.journey-cine{--j-text: #eef6ff;--j-dim: #b4c9dc;--j-accent: #6fd9f2;--j-accent-soft: #a6e9fa;--j-edge: #6fd9f24d;--j-ground: #071a2b;--j-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--j-display: Georgia, "Iowan Old Style", "Times New Roman", serif;background:var(--j-ground);justify-content:safe center;padding:clamp(16px,4vw,48px);font-family:var(--j-body);color:var(--j-text);isolation:isolate}.journey-screen.onboarding.journey-cine .journey-bg{position:fixed;inset:0;z-index:0;display:block;pointer-events:none}.journey-screen.onboarding.journey-cine .journey-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 44%;display:block}.journey-screen.onboarding.journey-cine .journey-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(82% 68% at 50% 46%,transparent 0%,#04142766 74%,#03101f9e 100%)}.journey-screen.onboarding.journey-cine .journey-scrim{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#041628a6,#0416284d 40%,#031120b8),radial-gradient(64% 50% at 50% 50%,#05192cb8,#05192c7a 58%,#05192c3d 78%)}.journey-screen.onboarding.journey-cine .journey-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:min(620px,100%);margin:auto}.journey-screen.onboarding.journey-cine .eyebrow{font:700 11px/1 var(--j-body);letter-spacing:.34em;text-indent:.34em;color:var(--j-accent-soft);text-shadow:0 0 16px #6fd9f266,0 2px 6px #03101fcc;margin:0 0 14px}.journey-screen.onboarding.journey-cine h2{font-family:var(--j-display);font-weight:700;font-size:clamp(30px,5vw,58px);line-height:1.12;letter-spacing:0;margin:0;max-width:15ch;text-shadow:0 3px 20px #03101fcc}.journey-screen.onboarding.journey-cine .journey-accent{color:var(--j-accent);text-shadow:0 0 26px #6fd9f299,0 0 8px #6fd9f2bb,0 3px 20px #03101fcc}.journey-screen.onboarding.journey-cine .journey-rule{display:flex;align-items:center;justify-content:center;gap:12px;width:min(340px,80%);margin:22px 0 18px}.journey-screen.onboarding.journey-cine .journey-rule:before,.journey-screen.onboarding.journey-cine .journey-rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--j-edge),transparent)}.journey-screen.onboarding.journey-cine .journey-rule i{width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--j-accent);box-shadow:0 0 10px #6fd9f288}.journey-screen.onboarding.journey-cine .journey-lede{margin:0 0 26px;font-size:14.5px;line-height:1.7;color:var(--j-dim);text-shadow:0 2px 8px #03101fcc}.journey-screen.onboarding.journey-cine .journey-field{position:relative;display:flex;align-items:center;gap:12px;width:min(560px,100%);padding:0 16px;background:#05192bd9;border:1px solid var(--j-edge);border-radius:12px;box-shadow:inset 0 1px #ffffff14,0 10px 30px #03101f7a;transition:border-color .18s ease,box-shadow .18s ease}.journey-screen.onboarding.journey-cine .journey-field:focus-within{border-color:#6fd9f2b3;box-shadow:inset 0 1px #ffffff1f,0 0 0 3px #6fd9f229,0 10px 30px #03101f7a}.journey-screen.onboarding.journey-cine .journey-field-icon{width:22px;height:22px;flex:none;color:var(--j-accent);opacity:.85}.journey-screen.onboarding.journey-cine .journey-field input[data-name]{flex:1;width:auto;min-width:0;min-height:56px;padding:0;border:0;border-radius:0;background:none;color:var(--j-text);font:400 17px/1 var(--j-body);letter-spacing:.01em}.journey-screen.onboarding.journey-cine .journey-field input[data-name]:focus{outline:none}.journey-screen.onboarding.journey-cine .journey-field input[data-name]::placeholder{color:#7f9bb4}.journey-screen.onboarding.journey-cine .journey-count{flex:none;font:600 12px/1 var(--j-body);color:#7f9bb4;font-variant-numeric:tabular-nums}.journey-screen.onboarding.journey-cine .form-error{margin:10px 0 0;font-size:13px;text-shadow:0 2px 8px #03101fcc}.journey-screen.onboarding.journey-cine .journey-cta{display:flex;align-items:center;gap:16px;width:min(560px,100%);margin:22px 0 0}.journey-screen.onboarding.journey-cine .journey-cta-rule{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.journey-screen.onboarding.journey-cine .journey-cta-rule:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#6fd9f27a)}.journey-screen.onboarding.journey-cine .journey-cta-rule i{width:8px;height:8px;flex:none;transform:rotate(45deg);border:1px solid var(--j-accent);box-shadow:0 0 9px #6fd9f288}.journey-screen.onboarding.journey-cine .journey-cta-rule-end{flex-direction:row-reverse}.journey-screen.onboarding.journey-cine button[data-action=name-next]{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 40px;border:0;border-radius:0;background:linear-gradient(180deg,#a6e9fa,#41b9dd 52%,#1b83a8);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);color:#03151d;font:800 13px/1 var(--j-body);letter-spacing:.16em;cursor:pointer;transition:filter .18s ease,transform .18s ease}.journey-screen.onboarding.journey-cine button[data-action=name-next] svg{width:18px;height:18px}.journey-screen.onboarding.journey-cine button[data-action=name-next]:hover{filter:brightness(1.08);transform:translateY(-1px)}.journey-screen.onboarding.journey-cine button[data-action=name-next]:focus-visible{outline:2px solid #bff2ff;outline-offset:3px}.journey-screen.onboarding.journey-cine .text-button{margin-top:16px;min-height:44px;padding:0 26px;border:1px solid #ffffff2e;border-radius:10px;background:#04182b80;color:var(--j-dim);font:700 11px/1 var(--j-body);letter-spacing:.14em}.journey-screen.onboarding.journey-cine .text-button:hover{border-color:#ffffff52;color:var(--j-text)}.journey-corners{position:fixed;inset:0;z-index:2;pointer-events:none}.journey-corner{position:absolute;display:flex;align-items:flex-start;gap:14px;font:700 9.5px/1.6 var(--j-body);letter-spacing:.24em;color:#9fbdd4;text-shadow:0 2px 8px #03101fd9}.journey-corner p{margin:0}.journey-corner strong{color:var(--j-accent-soft);font-weight:800}.journey-corner ul{margin:0;padding:0;list-style:none}.journey-corner i{width:8px;height:8px;margin-top:4px;flex:none;transform:rotate(45deg);border:1px solid var(--j-accent);box-shadow:0 0 8px #6fd9f277}.journey-corner-tl{left:clamp(16px,3vw,40px);top:clamp(16px,3vw,34px)}.journey-corner-tl img{width:clamp(96px,10vw,132px);height:auto;filter:drop-shadow(0 0 18px #6fd9f24d) drop-shadow(0 4px 12px #03101fb3)}.journey-corner-tr{right:clamp(16px,3vw,40px);top:clamp(16px,3vw,34px);text-align:right;align-items:flex-start}.journey-corner-bl{left:clamp(16px,3vw,40px);bottom:clamp(16px,3vw,34px)}.journey-corner-br{right:clamp(16px,3vw,40px);bottom:clamp(16px,3vw,34px);text-align:right}@media(max-width:720px){.journey-screen.onboarding.journey-cine .journey-corners{display:none}.journey-screen.onboarding.journey-cine h2{max-width:100%}.journey-screen.onboarding.journey-cine .journey-lede{font-size:13.5px}.journey-screen.onboarding.journey-cine .journey-cta{flex-direction:column;gap:0}.journey-screen.onboarding.journey-cine .journey-cta-rule{display:none}.journey-screen.onboarding.journey-cine button[data-action=name-next]{width:100%}}@media(prefers-reduced-motion:reduce){.journey-screen.onboarding.journey-cine button[data-action=name-next]{transition:none}.journey-screen.onboarding.journey-cine button[data-action=name-next]:hover{transform:none}}.journey-screen.onboarding.step-faction h2{max-width:22ch}.journey-screen.onboarding.step-faction .journey-inner{width:min(1120px,100%)}.journey-screen.onboarding.step-faction .faction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px);width:100%;margin-top:4px}.journey-screen.onboarding.step-faction .journey-lede{margin-bottom:18px}.journey-screen.onboarding.step-faction .journey-rule{margin:18px 0 14px}.journey-screen.onboarding.step-faction .faction-card{display:block;padding:0;border:0;background:none;border-radius:14px;cursor:pointer;transition:transform .18s ease,filter .18s ease;outline-offset:4px}.journey-screen.onboarding.step-faction .faction-card picture{display:block}.journey-screen.onboarding.step-faction .faction-card img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 26px #03101f8c)}.journey-screen.onboarding.step-faction .faction-card:hover{transform:translateY(-4px);filter:brightness(1.06)}.journey-screen.onboarding.step-faction .faction-card:active{transform:translateY(-1px)}.journey-screen.onboarding.step-faction .faction-card:focus-visible{outline:2px solid var(--j-accent-soft)}.journey-screen.onboarding.step-faction .text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:clamp(14px,2.2vw,24px);min-height:48px;padding:0 38px;border:0;border-radius:0;background:#06243aeb;box-shadow:inset 0 0 0 1px #6fd9f24d;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%,0 50%);color:var(--j-text);font:800 12px/1 var(--j-body);letter-spacing:.16em}.journey-screen.onboarding.step-faction .text-button svg{width:17px;height:17px}.journey-screen.onboarding.step-faction .text-button:hover{background:#0a3550f2;box-shadow:inset 0 0 0 1px #6fd9f299;color:var(--j-text)}@media(max-width:760px){.journey-screen.onboarding.step-faction .faction-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(620px,100%);margin-inline:auto}}@media(max-width:560px){.journey-screen.onboarding.step-faction .faction-grid{grid-template-columns:1fr;width:min(340px,100%)}.journey-screen.onboarding.step-faction h2{max-width:100%}.journey-screen.onboarding.step-faction .faction-card:hover{transform:none;filter:none}}@media(prefers-reduced-motion:reduce){.journey-screen.onboarding.step-faction .faction-card{transition:none}.journey-screen.onboarding.step-faction .faction-card:hover{transform:none}}.journey-screen.onboarding.step-avatar h2{max-width:20ch}.journey-screen.onboarding.step-avatar .journey-inner{width:min(1120px,100%)}.journey-screen.onboarding.step-avatar .trainer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,24px);margin-top:6px;margin-inline:auto;width:min(1120px,100%,calc(1.35*(100vh - 424px) + 48px));width:min(1120px,100%,calc(1.35*(100svh - 424px) + 48px))}.journey-screen.onboarding.step-avatar .trainer-card{display:block;padding:0;border:0;background:none;border-radius:16px;cursor:pointer;transition:transform .18s ease,filter .18s ease;outline-offset:4px}.journey-screen.onboarding.step-avatar .trainer-card picture{display:block}.journey-screen.onboarding.step-avatar .trainer-card img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 30px #03101f99)}.journey-screen.onboarding.step-avatar .trainer-card:hover{transform:translateY(-5px);filter:brightness(1.06)}.journey-screen.onboarding.step-avatar .trainer-card:active{transform:translateY(-1px)}.journey-screen.onboarding.step-avatar .trainer-card:focus-visible{outline:2px solid var(--j-accent-soft)}.journey-screen.onboarding.step-avatar .text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:clamp(14px,2.2vw,24px);min-height:48px;padding:0 38px;border:0;border-radius:0;background:#06243aeb;box-shadow:inset 0 0 0 1px #6fd9f24d;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%,0 50%);color:var(--j-text);font:800 12px/1 var(--j-body);letter-spacing:.16em}.journey-screen.onboarding.step-avatar .text-button svg{width:17px;height:17px}.journey-screen.onboarding.step-avatar .text-button:hover{background:#0a3550f2;box-shadow:inset 0 0 0 1px #6fd9f299;color:var(--j-text)}@media(max-height:820px){.journey-screen.onboarding.step-avatar h2{font-size:clamp(26px,3.4vw,40px)}.journey-screen.onboarding.step-avatar .journey-rule{margin:12px 0 10px}.journey-screen.onboarding.step-avatar .trainer-grid{width:min(1120px,100%,calc(1.35*(100vh - 364px) + 48px));width:min(1120px,100%,calc(1.35*(100svh - 364px) + 48px))}}@media(max-width:640px){.journey-screen.onboarding.step-avatar .trainer-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-inline:auto}.journey-screen.onboarding.step-avatar h2{max-width:100%}.journey-screen.onboarding.step-avatar .trainer-card:hover{transform:none;filter:none}}@media(prefers-reduced-motion:reduce){.journey-screen.onboarding.step-avatar .trainer-card{transition:none}.journey-screen.onboarding.step-avatar .trainer-card:hover{transform:none}}.journey-screen.onboarding.journey-cine .step-rail{display:flex;align-items:flex-start;justify-content:center;gap:0;margin:0 0 clamp(14px,2vw,26px);padding:0;list-style:none;width:min(680px,100%)}.journey-screen.onboarding.journey-cine .step-rail li{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;font:700 9px/1 var(--j-body);letter-spacing:.2em;color:#7c99b4;text-shadow:0 2px 8px #03101fcc}.journey-screen.onboarding.journey-cine .step-rail li:before{content:"";position:absolute;top:5px;right:50%;width:100%;height:1px;background:#6fd9f240}.journey-screen.onboarding.journey-cine .step-rail li:first-child:before{display:none}.journey-screen.onboarding.journey-cine .step-rail li.done:before,.journey-screen.onboarding.journey-cine .step-rail li.active:before{background:#6fd9f2a6}.journey-screen.onboarding.journey-cine .step-rail i{position:relative;z-index:1;width:11px;height:11px;transform:rotate(45deg);border:1px solid #6fd9f259;background:var(--j-ground)}.journey-screen.onboarding.journey-cine .step-rail li.done i{border-color:#6fd9f2a6;background:#6fd9f259}.journey-screen.onboarding.journey-cine .step-rail li.active i{border-color:var(--j-accent);background:var(--j-accent);box-shadow:0 0 14px #6fd9f2b3}.journey-screen.onboarding.journey-cine .step-rail li.done{color:#9fbdd4}.journey-screen.onboarding.journey-cine .step-rail li.active{color:var(--j-accent-soft);text-shadow:0 0 14px #6fd9f266,0 2px 8px #03101fcc}.journey-screen.onboarding.step-starter h2{max-width:18ch}.journey-lede-caps{font:700 10.5px/1.9 var(--j-body)!important;letter-spacing:.28em;text-indent:.28em;color:var(--j-accent-soft)!important}.journey-screen.onboarding.step-starter .journey-inner{width:min(1080px,100%)}.journey-screen.onboarding.step-starter .starter-grid-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px);margin-top:4px;margin-inline:auto;width:min(1080px,100%,calc(2.16*(100vh - 380px) + 56px));width:min(1080px,100%,calc(2.16*(100svh - 380px) + 56px))}.journey-screen.onboarding.step-starter .starter-card-art{display:block;padding:0;border:0;background:none;border-radius:14px;cursor:pointer;transition:transform .18s ease,filter .18s ease;outline-offset:4px}.journey-screen.onboarding.step-starter .starter-card-art picture{display:block}.journey-screen.onboarding.step-starter .starter-card-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 26px #03101f8c)}.journey-screen.onboarding.step-starter .starter-card-art:hover{transform:translateY(-5px);filter:brightness(1.06)}.journey-screen.onboarding.step-starter .starter-card-art:active{transform:translateY(-1px)}.journey-screen.onboarding.step-starter .starter-card-art:focus-visible{outline:2px solid var(--j-accent-soft)}.journey-screen.onboarding.step-starter .text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:clamp(14px,2.2vw,24px);min-height:48px;padding:0 38px;border:0;border-radius:0;background:#06243aeb;box-shadow:inset 0 0 0 1px #6fd9f24d;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%,0 50%);color:var(--j-text);font:800 12px/1 var(--j-body);letter-spacing:.16em}.journey-screen.onboarding.step-starter .text-button svg{width:17px;height:17px}.journey-screen.onboarding.step-starter .text-button:hover{background:#0a3550f2;box-shadow:inset 0 0 0 1px #6fd9f299;color:var(--j-text)}@media(max-height:820px){.journey-screen.onboarding.step-starter h2{font-size:clamp(26px,3.4vw,42px)}.journey-screen.onboarding.step-starter .journey-rule{margin:12px 0 10px}.journey-screen.onboarding.step-starter .journey-lede{margin-bottom:14px}.journey-screen.onboarding.step-starter .starter-grid-art{width:min(1080px,100%,calc(2.16*(100vh - 375px) + 56px));width:min(1080px,100%,calc(2.16*(100svh - 375px) + 56px))}}@media(max-width:760px){.journey-screen.onboarding.journey-cine .step-rail{width:min(300px,100%)}.journey-screen.onboarding.journey-cine .step-rail span{display:none}.journey-screen.onboarding.journey-cine .step-rail li{gap:0}}@media(max-width:640px){.journey-screen.onboarding.step-starter .starter-grid-art{grid-template-columns:1fr;width:min(320px,100%)}.journey-screen.onboarding.step-starter h2{max-width:100%}.journey-screen.onboarding.step-starter .starter-card-art:hover{transform:none;filter:none}}@media(prefers-reduced-motion:reduce){.journey-screen.onboarding.step-starter .starter-card-art{transition:none}.journey-screen.onboarding.step-starter .starter-card-art:hover{transform:none}}.journey-screen.onboarding.step-confirm[data-type=bloom]{--j-accent: #8fe08a;--j-accent-soft: #c2f2bc;--j-edge: #8fe08a4d}.journey-screen.onboarding.step-confirm[data-type=terra]{--j-accent: #e8c878;--j-accent-soft: #f6e3ad;--j-edge: #e8c8784d}.journey-screen.onboarding.step-confirm[data-type=ripple]{--j-accent: #6fd9f2;--j-accent-soft: #a6e9fa}.journey-screen.onboarding.step-confirm .journey-inner{width:min(1180px,100%)}.journey-screen.onboarding.step-confirm h2{font-size:clamp(32px,4.6vw,76px);max-width:15ch}.journey-screen.onboarding.step-confirm .confirm-panel,.journey-screen.onboarding.step-confirm button[data-action=commit],.journey-screen.onboarding.step-confirm .text-button{width:min(520px,100%);margin-left:auto;margin-right:clamp(0px,3vw,56px)}.journey-screen.onboarding.step-confirm .text-button{width:min(230px,100%);margin-left:auto;margin-right:calc(clamp(0px,3vw,56px) + 145px)}.journey-screen.onboarding.step-confirm .journey-scrim{background:linear-gradient(180deg,#0416284d 0%,transparent 38%,#0311207a 100%),radial-gradient(58% 44% at 50% 26%,#05192c73 0%,transparent 72%)}.journey-screen.onboarding.step-confirm .journey-vignette{background:radial-gradient(88% 74% at 50% 46%,transparent 0%,#0414273d 76%,#03101f73 100%)}.journey-screen.onboarding.step-confirm .confirm-panel{position:relative;margin-top:6px;padding:clamp(18px,2.4vw,28px);text-align:left;background:#041a24e0;border:1px solid var(--j-accent);border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff14,0 0 34px -10px var(--j-accent),0 18px 44px #03101fa6}.journey-screen.onboarding.step-confirm .confirm-panel:before,.journey-screen.onboarding.step-confirm .confirm-panel:after{content:"";position:absolute;width:26px;height:26px;border:1px solid var(--j-accent);pointer-events:none}.journey-screen.onboarding.step-confirm .confirm-panel:before{top:5px;left:5px;border-right:0;border-bottom:0}.journey-screen.onboarding.step-confirm .confirm-panel:after{right:5px;bottom:5px;border-left:0;border-top:0}.journey-screen.onboarding.step-confirm .confirm-head{display:flex;align-items:center;gap:clamp(12px,1.8vw,20px);padding-bottom:14px;border-bottom:1px solid var(--j-edge)}.journey-screen.onboarding.step-confirm .confirm-emblem{width:clamp(44px,5vw,58px);height:auto;flex:none;filter:drop-shadow(0 0 14px #ffffff26)}.journey-screen.onboarding.step-confirm .confirm-name{flex:1;min-width:0;display:grid;gap:4px}.journey-screen.onboarding.step-confirm .confirm-name strong{font:400 clamp(22px,2.6vw,32px)/1 var(--j-display);letter-spacing:.04em;color:var(--j-text)}.journey-screen.onboarding.step-confirm .confirm-name span{font:700 11px/1 var(--j-body);letter-spacing:.3em;text-indent:.3em;color:var(--j-accent)}.journey-screen.onboarding.step-confirm .confirm-level{flex:none;text-align:right;display:grid;gap:6px}.journey-screen.onboarding.step-confirm .confirm-level b{font:400 clamp(18px,2vw,24px)/1 var(--j-display);color:var(--j-text)}.journey-screen.onboarding.step-confirm .confirm-level ul{margin:0;padding:0;list-style:none;font:700 8.5px/1.75 var(--j-body);letter-spacing:.16em;color:var(--j-dim)}.journey-screen.onboarding.step-confirm .confirm-blurb{margin:14px 0 0;font-size:14px;line-height:1.65;color:#cfe0ef}.journey-screen.onboarding.step-confirm button[data-action=commit]{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:clamp(16px,2.2vw,26px);min-height:64px;padding:0 30px;border:0;border-radius:0;background:color-mix(in srgb,var(--j-accent) 20%,#04182b);box-shadow:inset 0 0 0 2px var(--j-accent),0 0 34px -6px var(--j-accent);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);color:var(--j-text);font:800 13px/1 var(--j-body);letter-spacing:.18em;cursor:pointer;transition:filter .18s ease,transform .18s ease}.journey-screen.onboarding.step-confirm button[data-action=commit] i{width:10px;height:10px;flex:none;transform:rotate(45deg);background:var(--j-accent);box-shadow:0 0 10px var(--j-accent)}.journey-screen.onboarding.step-confirm button[data-action=commit] svg{width:20px;height:20px;margin-left:auto}.journey-screen.onboarding.step-confirm button[data-action=commit]:hover{filter:brightness(1.12);transform:translateY(-1px)}.journey-screen.onboarding.step-confirm button[data-action=commit]:focus-visible{outline:2px solid var(--j-accent-soft);outline-offset:3px}.journey-screen.onboarding.step-confirm .text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;min-height:46px;padding:0 34px;border:0;border-radius:0;background:#06182bd9;box-shadow:inset 0 0 0 1px #ffffff26;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);color:var(--j-dim);font:800 11px/1 var(--j-body);letter-spacing:.16em}.journey-screen.onboarding.step-confirm .text-button svg{width:16px;height:16px}.journey-screen.onboarding.step-confirm .text-button:hover{color:var(--j-text);box-shadow:inset 0 0 0 1px #ffffff4d}@media(max-height:820px){.journey-screen.onboarding.step-confirm h2{font-size:clamp(28px,3.6vw,52px)}.journey-screen.onboarding.step-confirm .journey-rule{margin:12px 0 10px}.journey-screen.onboarding.step-confirm .journey-lede{margin-bottom:14px}.journey-screen.onboarding.step-confirm .confirm-panel{padding:clamp(14px,2vw,20px)}}@media(max-width:900px){.journey-screen.onboarding.step-confirm .confirm-panel,.journey-screen.onboarding.step-confirm button[data-action=commit],.journey-screen.onboarding.step-confirm .text-button{margin-left:auto;margin-right:auto}}@media(max-width:560px){.journey-screen.onboarding.step-confirm .confirm-head{flex-wrap:wrap}.journey-screen.onboarding.step-confirm .confirm-level{width:100%;text-align:left;display:flex;align-items:baseline;gap:12px}.journey-screen.onboarding.step-confirm .confirm-level ul{display:flex;gap:10px}.journey-screen.onboarding.step-confirm h2{max-width:100%}}@media(prefers-reduced-motion:reduce){.journey-screen.onboarding.step-confirm button[data-action=commit]{transition:none}.journey-screen.onboarding.step-confirm button[data-action=commit]:hover{transform:none}}.loading-screen .loading-bg{position:absolute;inset:0;z-index:0;display:block;pointer-events:none}.loading-screen .loading-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;display:block}.loading-screen .loading-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(64% 52% at 50% 46%,#02080f00,#02080f8c)}.loading-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;width:min(520px,calc(100% - 48px));text-align:center}.loading-logo{width:clamp(230px,30vw,460px);height:auto;filter:drop-shadow(0 0 34px #4fb9ff40) drop-shadow(0 6px 20px #01060cb3)}.loading-track{display:flex;align-items:center;gap:10px;width:100%;height:auto;border-radius:0;background:none;overflow:visible}.loading-track i{width:9px;height:9px;flex:none;transform:rotate(45deg);border:1px solid #6fd9f2a6}.loading-rail{flex:1;height:5px;border-radius:999px;background:#0b2637;box-shadow:inset 0 0 0 1px #6fd9f229;overflow:hidden}.loading-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#2f9fd4,#7fe3ff);box-shadow:0 0 14px #7fe3ffa6;transition:width .24s ease-out}.loading-stage{margin:0;font:500 13px/1.4 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.22em;text-indent:.22em;color:#cfe6f5;text-shadow:0 2px 10px #01060cb3}.loading-count{margin:-6px 0 0;font:500 12px/1.2 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.24em;text-indent:.24em;color:#7fb4cc;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #01060cb3}.boot-cover[hidden]{display:none}.boot-cover{position:absolute;inset:0;z-index:150;display:grid;place-items:center;background:radial-gradient(64% 52% at 50% 46%,#02080f00,#02080f8c),#030a12}.boot-cover-inner{display:flex;flex-direction:column;align-items:center;gap:20px;width:min(520px,calc(100% - 48px));text-align:center}.boot-cover-inner p{margin:0;font:500 13px/1.4 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.22em;text-indent:.22em;color:#cfe6f5}.boot-cover-inner img{width:clamp(230px,30vw,460px);height:auto;filter:drop-shadow(0 0 34px #4fb9ff40) drop-shadow(0 6px 20px #01060cb3)}.moki-battle-ui .moki-actions.plates{position:relative;display:block;width:100%;aspect-ratio:1512 / 624;background:none;border:0;padding:0;margin:0 auto;overflow:visible}.moki-battle-ui .moki-cmd-glow{position:absolute;background:url(/assets/battle/buttons/starburst.png) center / 100% 100% no-repeat;pointer-events:none;z-index:0;transform-origin:50% 50%;animation:moki-cmd-spin 18s linear infinite;scale:.66;opacity:.9}@keyframes moki-cmd-spin{to{transform:rotate(360deg)}}.moki-battle-ui .moki-cmd{position:absolute;z-index:1;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;cursor:pointer;line-height:0;font-size:0;transform-origin:50% 50%;transition:transform .14s ease,filter .14s ease;animation:moki-cmd-breathe 3.6s ease-in-out infinite}.moki-battle-ui .moki-cmd img{width:100%;height:100%;display:block}.moki-battle-ui .moki-cmd[data-plate=fight]{animation-delay:0s}.moki-battle-ui .moki-cmd[data-plate=moki]{animation-delay:.9s}.moki-battle-ui .moki-cmd[data-plate=bag]{animation-delay:1.8s}.moki-battle-ui .moki-cmd[data-plate=run]{animation-delay:2.7s}@keyframes moki-cmd-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}.moki-battle-ui .moki-cmd:hover:not(:disabled){transform:scale(1.04);filter:brightness(1.12);z-index:2}.moki-battle-ui .moki-actions.plates .moki-cmd,.moki-battle-ui .moki-actions.plates .moki-cmd:hover,.moki-battle-ui .moki-actions.plates .moki-cmd:active,.moki-battle-ui .moki-actions.plates .moki-cmd:focus,.moki-battle-ui .moki-actions.plates .moki-cmd[disabled]{background:none;border:0;box-shadow:none;backdrop-filter:none}.moki-battle-ui .moki-cmd:active:not(:disabled){transform:scale(.955);filter:brightness(1.45) saturate(1.2);transition-duration:50ms}.moki-battle-ui .moki-cmd:after{content:"";position:absolute;inset:-6%;border-radius:10px;border:2px solid #eafcff;opacity:0;pointer-events:none}.moki-battle-ui .moki-cmd:active:not(:disabled):after{animation:moki-cmd-press .42s ease-out}@keyframes moki-cmd-press{0%{opacity:.95;transform:scale(.92);border-width:3px}to{opacity:0;transform:scale(1.22);border-width:0}}.moki-battle-ui .moki-cmd:before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 50%,#ffffffcc,transparent 62%);opacity:0;pointer-events:none;mix-blend-mode:screen}.moki-battle-ui .moki-cmd:active:not(:disabled):before{animation:moki-cmd-flash .28s ease-out}@keyframes moki-cmd-flash{0%{opacity:.55}to{opacity:0}}.moki-battle-ui .moki-cmd:disabled{cursor:not-allowed;filter:grayscale(.75) brightness(.55);animation:none}.moki-battle-ui .moki-cmd:focus-visible{outline:2px solid #ffffff;outline-offset:1px}@media(prefers-reduced-motion:reduce){.moki-battle-ui .moki-cmd-glow,.moki-battle-ui .moki-cmd{animation:none}.moki-battle-ui .moki-cmd{transition:none}.moki-battle-ui .moki-cmd:hover:not(:disabled),.moki-battle-ui .moki-cmd:active:not(:disabled){transform:none}.moki-battle-ui .moki-cmd:active:not(:disabled):after,.moki-battle-ui .moki-cmd:active:not(:disabled):before{animation:none;opacity:0}}.moki-plate-text{position:relative;z-index:1;grid-column:1 / -1;padding:12px 20px;border-radius:10px}.moki-bag{display:flex;flex-direction:column;gap:10px;padding:8px}.moki-bag-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.moki-bag-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--ui-edge-strong);border-radius:12px;background:linear-gradient(135deg,#0b2330cc,#071620cc)}.moki-bag-item.unusable{opacity:.55}.moki-bag-copy strong{display:block;font-size:15px}.moki-bag-copy p{margin:2px 0 0;font-size:12px;opacity:.75;line-height:1.4}.moki-bag-count{font-weight:800;font-variant-numeric:tabular-nums}.moki-bag-icon{flex:none;width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}@font-face{font-family:"Press Start 2P";src:url(/assets/fonts/press-start-2p.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.moki-float{position:absolute;font-family:"Press Start 2P",ui-monospace,monospace;font-weight:400;font-size:clamp(9px,1.25vw,15px);letter-spacing:0;-webkit-text-stroke:2px #06121a;paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 10px currentColor;animation:moki-float-up 1s cubic-bezier(.18,1.5,.4,1) forwards}.moki-float.anchored{inset:auto;translate:calc(-50% + var(--drift, 0) * 1.6em) -50%;animation-name:moki-float-anchored;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 42%,transparent 46%),linear-gradient(to bottom,#000 0 46%,transparent 88%);mask-image:radial-gradient(circle at 50% 50%,#000 42%,transparent 46%),linear-gradient(to bottom,#000 0 46%,transparent 88%);-webkit-mask-size:3px 3px,100% 320%;mask-size:3px 3px,100% 320%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0}@keyframes moki-float-anchored{0%{transform:translateY(10px) scale(.55) rotate(-6deg);opacity:0;-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0}16%{transform:translateY(-2px) scale(1.28) rotate(2deg);opacity:1}30%{transform:translateY(-6px) scale(1) rotate(0);opacity:1}60%{transform:translateY(-24px) scale(1);opacity:1;animation-timing-function:linear;-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0}66%{transform:translateY(-27px) scale(1.03) skew(-9deg);opacity:.85;animation-timing-function:linear}71%{transform:translateY(-29px) scale(1) skew(7deg);opacity:1;animation-timing-function:linear}to{transform:translateY(-48px) scale(1.06);opacity:0;-webkit-mask-position:1px -4px,0 100%;mask-position:1px -4px,0 100%}}.float-CRITICAL{color:#ffd84d;font-size:clamp(12px,1.7vw,20px);-webkit-text-stroke-width:2.5px;animation-duration:1.15s}.float-SUPER.anchored,.float-RESISTED.anchored,.float-STATUS.anchored{translate:calc(-50% + var(--drift, 0) * .6em) 90%;font-size:clamp(7px,.95vw,11px);-webkit-text-stroke-width:1.5px}.float-CRITICAL.anchored:after{content:"";position:absolute;left:50%;top:50%;width:2.2em;height:2.2em;translate:-50% -50%;border-radius:50%;border:3px solid #ffe98a;opacity:0;animation:moki-crit-ring .62s ease-out forwards;pointer-events:none}@keyframes moki-crit-ring{0%{transform:scale(.2);opacity:.95;border-width:5px}to{transform:scale(2.4);opacity:0;border-width:1px}}.float-SUPER{color:#ffd84d}.float-DAMAGE{color:#ff8a6b}.float-HEAL{color:#7bf08a}.float-MISS,.float-RESISTED{color:#cfd8e3;-webkit-text-stroke-width:2px}.float-STATUS{color:#ff9bd0;-webkit-text-stroke-width:2px}@media(prefers-reduced-motion:reduce){.moki-float{animation-duration:.7s}.float-CRITICAL.anchored:after{animation:none;opacity:0}.moki-float.anchored{-webkit-mask-image:none;mask-image:none}.quest-complete,.quest-complete .qc-card,.quest-complete .qc-rays,.quest-complete .qc-reward,.quest-complete .qc-level,.quest-complete .qc-heading{animation:none}}.hud-identity.on-plate{position:absolute;inset:0;padding:0;min-height:0;background:none;border:0;backdrop-filter:none}.hud-identity.on-plate .hud-profile{width:100%;height:100%;padding:0;border-radius:0}.hud-identity.on-plate .hud-profile>span,.hud-identity.on-plate .hud-avatar{display:none}.collection-overlay .dq-board{display:grid;gap:12px;max-width:680px;margin:0 auto}.collection-overlay .dq-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(103,232,249,.2)}.collection-overlay .dq-eyebrow{margin:0;color:#67e8f9;font:800 10px/1 system-ui,sans-serif;letter-spacing:.28em}.collection-overlay .dq-title{margin:4px 0 0;color:#eafaff;font:800 20px/1.1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}.collection-overlay .dq-rotation{margin:5px 0 0;color:#8fb3bd;font-size:12px;font-variant-numeric:tabular-nums}.collection-overlay .dq-close{flex:none;min-height:38px;padding:0 16px;border:1px solid rgba(103,232,249,.4);border-radius:10px;background:#0b2530;color:#cdeff6;font:700 12px/1 system-ui,sans-serif;letter-spacing:.1em;cursor:pointer}.collection-overlay .dq-close:hover{border-color:#67e8f9;color:#fff}.collection-overlay .dq-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.collection-overlay .dq-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:11px 14px;border:1px solid rgba(103,232,249,.15);border-radius:12px;background:#0d2530e6}.collection-overlay .dq-row.is-ready{border-color:#fcd34d8c;box-shadow:inset 3px 0 #fcd34d}.collection-overlay .dq-row.is-claimed{opacity:.72}.collection-overlay .dq-row.is-offered .dq-bar{opacity:.45}.collection-overlay .dq-note{margin:6px 0 0;color:#a9c7cf;font-size:12px}.collection-overlay .dq-accept{min-height:34px;padding:0 18px;border:1px solid #22d3ee;border-radius:999px;background:#0e7490;color:#ecfeff;font:800 12px/1 system-ui,sans-serif;letter-spacing:.1em;cursor:pointer}.collection-overlay .dq-accept:hover{background:#0891b2}.collection-overlay .dq-accept:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}.collection-overlay .dq-main{min-width:0}.collection-overlay .dq-name{display:block;color:#fff;font-size:14px;letter-spacing:.02em}.collection-overlay .dq-desc{margin:2px 0 0;color:#a9c7cf;font-size:12px;line-height:1.4}.collection-overlay .dq-progress{grid-column:1 / -1;display:flex;align-items:center;gap:10px}.collection-overlay .dq-bar{flex:1;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.collection-overlay .dq-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#22d3ee,#67e8f9)}.collection-overlay .dq-row.is-ready .dq-bar i,.collection-overlay .dq-row.is-claimed .dq-bar i{background:linear-gradient(90deg,#f59e0b,#fcd34d)}.collection-overlay .dq-count{min-width:36px;text-align:right;color:#cdeff6;font:700 12px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}.collection-overlay .dq-side{display:grid;justify-items:end;gap:8px}.collection-overlay .dq-reward{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;max-width:340px;color:#8fb3bd;font-size:11px;letter-spacing:.04em}.collection-overlay .dq-reward-label{margin-right:2px}.collection-overlay .dq-chip{padding:3px 8px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.collection-overlay .dq-chip.exp{border-color:#a78bfa73;background:#8b5cf624;color:#c4b5fd}.collection-overlay .dq-chip.gmt{border-color:#fcd34d73;background:#f59e0b1f;color:#fcd34d}.collection-overlay .dq-chip.item{border-color:#67e8f966;background:#22d3ee1a;color:#8ef0ff}.collection-overlay .dq-gem{width:9px;height:13px;background:#22d3ee;clip-path:polygon(50% 0,100% 30%,80% 100%,20% 100%,0 30%);filter:drop-shadow(0 0 4px #22d3ee)}.collection-overlay .dq-claim{min-height:38px;padding:0 18px;border:1px solid #fcd34d;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#b45309);color:#fff;font:800 12px/1 system-ui,sans-serif;letter-spacing:.1em;cursor:pointer;box-shadow:0 0 14px #f59e0b59}.collection-overlay .dq-claim:hover{filter:brightness(1.08)}.collection-overlay .dq-claim:focus-visible,.collection-overlay .dq-close:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}.collection-overlay .dq-state{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid rgba(103,232,249,.3);border-radius:999px;color:#a9c7cf;font:700 10px/1 system-ui,sans-serif;letter-spacing:.12em}.collection-overlay .dq-state.claimed{border-color:#4ade8073;color:#86efac}.collection-overlay .dq-empty{padding:18px;color:#a9c7cf;text-align:center}@media(pointer:coarse){.collection-overlay .dq-close,.collection-overlay .dq-claim{min-height:44px}}@media(max-width:560px){.collection-overlay .dq-title{font-size:17px}.collection-overlay .dq-row{grid-template-columns:minmax(0,1fr);padding:10px 12px}.collection-overlay .dq-side{grid-auto-flow:column;justify-content:space-between;justify-items:start;align-items:center}}.hud-p-xp{position:absolute;left:calc(152 * var(--hud-unit));top:calc(45 * var(--hud-unit));width:calc(86 * var(--hud-unit));height:calc(6 * var(--hud-unit));border-radius:calc(3 * var(--hud-unit));background:#030e14c7;box-shadow:inset 0 0 0 calc(1 * var(--hud-unit)) #f2c14b73;overflow:hidden}.hud-p-xp i{display:block;width:var(--xp, 0%);height:100%;background:linear-gradient(90deg,#f59e0b,#fcd34d)}.hud-p-xp.pending{opacity:.45}.hud-shop-button{position:absolute;left:calc(25 * var(--hud-unit));top:min(calc(516 * var(--hud-unit)),calc(100% - 345 * var(--hud-unit)));z-index:21;width:calc(74 * var(--hud-unit));height:calc(74 * var(--hud-unit));padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.hud-quest-plate.collapsed~.hud-shop-button{left:calc(25 * var(--hud-unit));top:calc(249 * var(--hud-unit))}@media(pointer:coarse){.hud-shop-button{width:calc(96 * var(--hud-unit));height:calc(96 * var(--hud-unit));top:min(calc(516 * var(--hud-unit)),calc(100% - 367 * var(--hud-unit)))}.hud-quest-plate.collapsed~.hud-shop-button{top:calc(271 * var(--hud-unit))}}.hud-quest-plate:not(.collapsed){transform:scale(.88);transform-origin:left top}.hud-side-plate{left:calc(var(--l) * var(--hud-unit));top:calc(var(--t) * var(--hud-unit));transform:scale(.88);transform-origin:0 calc(-129 * var(--hud-unit))}.hud-quest-plate.collapsed~.hud-side-plate{display:none}.hud-sq-eyebrow{position:absolute;left:calc(21 * var(--hud-unit));top:calc(16 * var(--hud-unit));font:800 calc(11 * var(--hud-unit)) / 1 var(--ui-font);color:#5fd4ec;letter-spacing:.14em}.hud-sq-list{position:absolute;left:calc(25 * var(--hud-unit));right:calc(22 * var(--hud-unit));top:calc(32 * var(--hud-unit));margin:0;padding:0;list-style:none}.hud-sq-row{display:flex;align-items:center;gap:calc(10 * var(--hud-unit));height:calc(42 * var(--hud-unit));border-bottom:1px solid rgba(95,212,236,.14)}.hud-sq-row:last-child{border-bottom:0}.hud-sq-mark{flex:none;width:calc(22 * var(--hud-unit));height:calc(22 * var(--hud-unit));object-fit:contain}.hud-sq-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(2 * var(--hud-unit))}.hud-sq-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 calc(12.5 * var(--hud-unit)) / 1.2 var(--ui-font);color:#f2f7fa}.hud-sq-info{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 calc(10 * var(--hud-unit)) / 1.25 var(--ui-font);color:#9fc3cf}.hud-sq-row.is-ready .hud-sq-info{color:#fcd34d}.hud-sq-state{flex:none;padding:calc(4 * var(--hud-unit)) calc(8 * var(--hud-unit));border:1px solid rgba(95,212,236,.38);border-radius:999px;font:800 calc(9.5 * var(--hud-unit)) / 1 var(--ui-font);letter-spacing:.08em;color:#8fdcef;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-sq-row.is-ready .hud-sq-state{border-color:#fcd34d8c;color:#fcd34d}.hud-sq-empty{position:absolute;left:calc(25 * var(--hud-unit));right:calc(22 * var(--hud-unit));top:calc(46 * var(--hud-unit));margin:0;font:600 calc(11 * var(--hud-unit)) / 1.5 var(--ui-font);color:#9fc3cf}.hud-shop-button img{display:block;width:100%;height:100%;object-fit:contain}.hud-shop-button:hover{transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 6px 14px rgba(0,0,0,.55)) brightness(1.06)}.hud-shop-button:focus-visible{outline:2px solid #67e8f9;outline-offset:3px;border-radius:14px}@media(prefers-reduced-motion:no-preference){.hud-p-xp i{transition:width .4s ease}.hud-shop-button{transition:transform .15s ease,filter .15s ease}}.bag-icon.potion{width:44px;height:56px;object-fit:contain}.collection-overlay .shop-board{display:grid;gap:14px;max-width:680px;margin:0 auto}.collection-overlay .shop-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(252,211,77,.25)}.collection-overlay .shop-brand{display:flex;align-items:center;gap:12px;min-width:0}.collection-overlay .shop-sign{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}.collection-overlay .shop-eyebrow{margin:0;color:#fcd34d;font:800 10px/1 system-ui,sans-serif;letter-spacing:.28em}.collection-overlay .shop-title{margin:4px 0 0;color:#fff7df;font:800 22px/1.1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}.collection-overlay .shop-head-side{display:flex;align-items:center;gap:10px}.collection-overlay .shop-balance{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(252,211,77,.45);border-radius:999px;background:#281c068c;color:#fcd34d;font:700 12px/1 system-ui,sans-serif;letter-spacing:.06em;white-space:nowrap}.collection-overlay .shop-balance b{color:#fff;font-size:15px;font-variant-numeric:tabular-nums}.collection-overlay .shop-coin{width:16px;height:18px;object-fit:contain}.collection-overlay .shop-close{min-height:38px;padding:0 16px;border:1px solid rgba(103,232,249,.4);border-radius:10px;background:#0b2530;color:#cdeff6;font:700 12px/1 system-ui,sans-serif;letter-spacing:.1em;cursor:pointer}.collection-overlay .shop-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.collection-overlay .shop-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px 16px;padding:12px 14px;border:1px solid rgba(252,211,77,.2);border-radius:14px;background:linear-gradient(135deg,#221a0ad9,#0d2530e6)}.collection-overlay .shop-icon{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.collection-overlay .shop-main{min-width:0}.collection-overlay .shop-name{display:block;color:#fff;font-size:15px;letter-spacing:.02em}.collection-overlay .shop-desc{margin:2px 0 4px;color:#c9d8dd;font-size:12px;line-height:1.4}.collection-overlay .shop-owned{margin:0;color:#8fb3bd;font-size:11px}.collection-overlay .shop-owned b{color:#e8f7fb;font-variant-numeric:tabular-nums}.collection-overlay .shop-side{display:grid;justify-items:end;gap:8px}.collection-overlay .shop-price{display:inline-flex;align-items:center;gap:5px;color:#d9c38a;font-size:11px;white-space:nowrap}.collection-overlay .shop-price b{color:#fcd34d;font-size:15px;font-variant-numeric:tabular-nums}.collection-overlay .shop-buyline{display:flex;align-items:center;gap:8px}.collection-overlay .shop-qty{display:inline-flex;align-items:center;border:1px solid rgba(103,232,249,.3);border-radius:10px;overflow:hidden}.collection-overlay .shop-step{width:34px;min-height:38px;border:0;background:#0b2530;color:#cdeff6;font:700 16px/1 system-ui,sans-serif;cursor:pointer}.collection-overlay .shop-step:disabled{color:#4b6770;cursor:default}.collection-overlay .shop-qty-value{min-width:30px;text-align:center;color:#fff;font:700 14px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}.collection-overlay .shop-buy{min-height:38px;padding:0 16px;border:1px solid #fcd34d;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#b45309);color:#fff;font:800 12px/1 system-ui,sans-serif;letter-spacing:.08em;white-space:nowrap;cursor:pointer;box-shadow:0 0 14px #f59e0b4d}.collection-overlay .shop-buy:disabled{border-color:#fcd34d4d;background:#2b2413;color:#8a7a52;box-shadow:none;cursor:default}.collection-overlay .shop-short{color:#fca5a5;font-size:11px}.collection-overlay .shop-note{margin:0;color:#8fb3bd;font-size:12px;text-align:center}.collection-overlay .shop-close:focus-visible,.collection-overlay .shop-step:focus-visible,.collection-overlay .shop-buy:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}@media(pointer:coarse){.collection-overlay .shop-close,.collection-overlay .shop-step,.collection-overlay .shop-buy{min-height:44px}}@media(max-width:560px){.collection-overlay .shop-row{grid-template-columns:52px minmax(0,1fr)}.collection-overlay .shop-icon{width:52px;height:52px}.collection-overlay .shop-side{grid-column:1 / -1;justify-items:stretch}.collection-overlay .shop-price{justify-self:start}.collection-overlay .shop-buyline{justify-content:space-between}.collection-overlay .shop-sign{width:48px;height:48px}.collection-overlay .shop-title{font-size:18px}}.quest-complete{position:absolute;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,rgba(4,18,26,.55) 0%,rgba(4,18,26,.25) 60%,transparent 100%);pointer-events:auto;cursor:pointer;animation:qc-dim .25s ease-out both}.quest-complete[hidden]{display:none}.quest-complete .qc-card{position:relative;width:min(440px,calc(100vw - 40px));box-sizing:border-box;padding:22px 24px 16px;text-align:center;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#eaf7fb;background:linear-gradient(180deg,#103e4af7,#08242ef7);border-radius:14px;box-shadow:0 0 0 2px #e8b64a,0 0 0 5px #08242ef2,0 0 0 6px #e8b64a8c,0 18px 40px #00000073,0 0 42px #5fd4ec59;overflow:hidden;animation:qc-pop .5s cubic-bezier(.2,1.4,.4,1) both}.quest-complete .qc-rays{position:absolute;left:50%;top:44px;width:520px;height:520px;margin:-260px 0 0 -260px;background:repeating-conic-gradient(from 0deg,rgba(242,193,75,.16) 0deg 9deg,transparent 9deg 24deg);border-radius:50%;mask-image:radial-gradient(circle,#000 12%,transparent 62%);-webkit-mask-image:radial-gradient(circle,#000 12%,transparent 62%);animation:qc-spin 14s linear infinite;pointer-events:none}.quest-complete .qc-card>:not(.qc-rays){position:relative}.quest-complete .qc-eyebrow{margin:0;font-size:11px;font-weight:800;letter-spacing:.18em;color:#5fd4ec}.quest-complete .qc-heading{margin:4px 0 2px;font-size:30px;font-weight:900;letter-spacing:.06em;line-height:1.1;color:transparent;background:linear-gradient(100deg,#f2c14b 0% 40%,#fff6cf 50%,#f2c14b 60% 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;text-shadow:0 2px 0 rgba(0,0,0,.001);filter:drop-shadow(0 2px 0 rgba(90,52,0,.55));animation:qc-shine 1.6s ease-in-out .35s both}.quest-complete .qc-title{margin:2px 0 14px;font-size:15px;font-weight:600;color:#cfe9f5;text-wrap:balance}.quest-complete .qc-rewards{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 10px;padding:0;list-style:none}.quest-complete .qc-reward{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:999px;background:#03141c99;box-shadow:inset 0 0 0 1px #5fd4ec59;font-variant-numeric:tabular-nums;animation:qc-rise .45s ease-out both;animation-delay:calc(.35s + var(--i, 0) * .14s)}.quest-complete .qc-icon{width:20px;height:20px;object-fit:contain;image-rendering:pixelated}.quest-complete .qc-exp{display:inline-grid;place-items:center;width:auto;padding:0 5px;border-radius:5px;font-size:10px;font-weight:900;letter-spacing:.04em;color:#0b2a33;background:linear-gradient(180deg,#8ff0c8,#3fbf8f)}.quest-complete .qc-amount{font-size:17px;font-weight:800;color:#fff}.quest-complete .qc-label{font-size:12px;font-weight:600;color:#9fd8e8}.quest-complete .qc-kind-gold .qc-amount{color:#f2c14b}.quest-complete .qc-kind-exp .qc-amount{color:#8ff0c8}.quest-complete .qc-level{margin:0 0 8px;font-size:13px;font-weight:800;letter-spacing:.08em;color:#f2c14b;animation:qc-rise .45s ease-out .9s both}.quest-complete .qc-hint{margin:0;font-size:11px;color:#cfe9f599}@keyframes qc-dim{0%{opacity:0}to{opacity:1}}@keyframes qc-pop{0%{opacity:0;transform:scale(.6) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes qc-spin{to{transform:rotate(360deg)}}@keyframes qc-shine{0%{background-position:100% 0}to{background-position:0% 0}}@keyframes qc-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
