.story-back{z-index:40;padding:0 16px calc(var(--safe-b,8px) + 16px);font-family:var(--px-font);background:linear-gradient(#07090d00 35%,#07090dc7 100%);place-items:end center;display:grid;position:fixed;inset:0}.story-box{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"face body""face actions";gap:10px 18px;width:min(820px,100%);padding:20px 22px 16px;animation:.2s steps(3,end) both story-in;display:grid;position:relative}.story-face{grid-area:face;align-self:start}.story-face .portrait,.story-face .picon{box-shadow:0 0 0 3px var(--px-ink), 0 0 0 6px var(--px-steel);background-color:var(--px-night-2)}.story-body{grid-area:body;min-height:84px}.story-who{color:var(--px-amber);margin:0 0 4px;font-size:15px;font-weight:700}.story-text{margin:0;font-size:19px;line-height:1.6}.story-text.quoted{color:var(--px-amber-hi);font-style:italic}.story-actions{grid-area:actions;justify-content:flex-end;gap:10px;display:flex}.story-actions .pbtn{min-width:96px;min-height:48px}.story-count{color:var(--px-muted);font-family:var(--px-num);font-size:13px;position:absolute;top:12px;right:16px}@keyframes story-in{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-motion:reduce){.story-box{animation:none}}.quest-line{width:100%;color:var(--px-bone);font:inherit;text-align:left;background:var(--px-night-2);box-shadow:inset 3px 0 0 var(--px-amber);cursor:pointer;border:0;gap:2px;margin-top:8px;padding:6px 10px;font-size:13px;display:grid}.quest-line b{color:var(--px-amber);font-size:12px}.quest-modal{--tmodal-detail:560px}.qlist .tgroup-tiles{--cols:1}.qtile{grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:10px;min-height:56px}.qtile>:first-child{grid-row:1/span 2;justify-self:center;margin:0}.qtile-title{font-size:15px;font-weight:600}.qtile.main .qtile-title{color:var(--px-amber)}.qtile .mtile-state{font-size:12px}.qsteps{background:var(--px-night-2);gap:6px;margin:0;padding:10px 12px;font-size:14px;line-height:1.45;list-style:none;display:grid}.qsteps li{grid-template-columns:18px minmax(0,1fr);gap:6px;display:grid}.qsteps li.done{color:var(--px-muted)}.qsteps li.done span{text-decoration:line-through}.qsteps li.done b{color:#a9cf73}.qsteps li.now{color:var(--px-amber-hi);font-weight:600}.qsteps li.later{color:var(--px-muted)}.qplace{align-items:center;gap:8px;display:flex}.qleads{color:var(--px-muted);gap:2px;margin:0;padding-left:18px;font-size:13px;display:grid}.qreward{color:#a9cf73}.quest-foot{margin:0;font-size:13px}@media (height<=500px){.quest-foot{display:none}.story-back{padding:0 10px calc(var(--safe-b,8px) + 6px)}.story-box{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"face body actions";align-items:end;gap:8px 14px;padding:12px 14px 10px}.story-body{min-height:0}.story-text{font-size:16px;line-height:1.5}.story-actions{flex-direction:column-reverse;gap:6px}.story-actions .pbtn{min-width:84px;min-height:44px}}.tmodal{gap:8px;display:grid}.tmodal.below>.tmodal-tiles,.tmodal.below>.tmodal-detail{display:contents}.tmodal.side{flex-direction:column;min-height:0;display:flex}.tmodal-main{grid-template-columns:minmax(0, 1fr) var(--tmodal-detail,460px);flex:1;gap:12px;min-height:0;display:grid}.tmodal.side .tmodal-tiles{align-content:start;gap:8px;min-height:0;display:grid;overflow-y:auto}.tmodal.side .tmodal-tiles.scrolls{scrollbar-color:var(--px-steel) transparent;padding-right:6px}.tmodal.side .tmodal-detail{background:var(--px-night);min-height:0;box-shadow:inset 0 0 0 2px var(--px-steel);flex-direction:column;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.tmodal-tabs{align-items:center;gap:6px;display:flex}.tmodal-tab{min-width:0;min-height:48px;color:var(--px-bone);font:inherit;font-family:var(--px-font);text-align:left;background:var(--px-night);box-shadow:inset 0 0 0 2px var(--px-steel);cursor:pointer;border:0;flex:1 1 0;align-content:center;justify-items:start;gap:3px;padding:4px 10px;font-size:15px;line-height:1.2;display:grid;position:relative}.tmodal-tab[aria-selected=true]{color:var(--px-ink);background:var(--px-amber);box-shadow:inset 0 3px 0 var(--px-amber-hi), inset 0 -3px 0 var(--px-amber-lo);font-weight:700}.tmodal-tab:focus-visible{outline:3px solid var(--px-bone);outline-offset:-1px}.tmodal-tab.dot:after{content:"";background:var(--px-amber);width:8px;height:8px;box-shadow:0 0 0 2px var(--px-ink);position:absolute;top:7px;right:7px}.tmodal-tab.dot[aria-selected=true]:after{background:var(--px-ink);box-shadow:0 0 0 2px var(--px-amber-hi)}.tgroup{gap:4px;display:grid}.tgroup-label{color:var(--px-amber);margin:0;font-size:12px;font-weight:700;line-height:1.2}.tgroup-tiles{grid-template-columns:repeat(var(--cols,5), minmax(0, 1fr));gap:6px;display:grid}.mtile{min-width:0;min-height:52px;color:var(--px-bone);font:inherit;font-family:var(--px-font);text-align:left;background:var(--px-night);box-shadow:inset 0 0 0 2px var(--px-steel);cursor:pointer;border:0;align-content:center;gap:2px;padding:5px 8px;font-size:13px;line-height:1.25;display:grid;position:relative}.mtile.ready{box-shadow:inset 0 0 0 2px var(--px-amber);padding-right:14px}.mtile.ready:after{content:"";background:var(--px-amber);width:6px;height:6px;position:absolute;top:6px;right:6px}.mtile.done{box-shadow:inset 0 0 0 2px #8fb35a}.mtile.locked{color:var(--px-muted)}.mtile.locked .sicon,.mtile.locked .portrait{opacity:.55}.mtile.sel{outline:3px solid var(--px-bone);outline-offset:-1px}.mtile:focus-visible{outline:3px solid var(--px-amber);outline-offset:-1px}.mtile-state{color:var(--px-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.mtile.ready .mtile-state{color:var(--px-amber)}.mtile.done .mtile-state{color:#a9cf73}.mtile.short .mtile-state{color:#ff8a70}.mdetail-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;display:grid}.mdetail-text{align-content:start;gap:5px;min-width:0;display:grid}.mdetail-art{place-items:center;min-width:64px;min-height:64px;display:grid}.mdetail-title{color:var(--px-bone);margin:0;font-size:19px;line-height:1.3}.mdetail-sub{color:var(--px-muted);font-size:12px}.tmodal-detail p{margin:0;font-size:14px;line-height:1.45}.mdetail-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.mdetail-actions .pbtn{flex:auto;min-height:48px}.mdetail-why{color:#ff8a70;font-size:13px}@media (height<=500px){.pmodal.full{padding:8px 12px}.tmodal-tab{min-height:40px;font-size:13px}.mtile{min-height:44px;padding:3px 6px}.mtile-state,.tgroup-label{display:none}}.act-hud{z-index:3;pointer-events:none;font-family:var(--px-font);color:var(--px-bone);position:absolute;inset:0}.act-hud button,.act-hud .pmodal-back{pointer-events:auto}.hud-hero{top:var(--safe-t,8px);left:var(--safe-l,8px);background:#0e1320d1;align-items:flex-start;gap:10px;padding:10px 12px;display:flex;position:absolute}.hud-stats{gap:4px;display:grid}.hud-label{font-family:var(--px-label);color:var(--px-amber);font-size:13px}.hud-rounds{gap:2px;display:flex}.hud-status{gap:4px}.hud-chip{color:var(--px-ink);background:#c8e08a;padding:1px 6px;font-size:12px;line-height:16px;box-shadow:inset 0 -2px #00000040}.hud-chip.weight-medium{color:#f1ead8;background:#6b6452}.hud-chip.weight-heavy{color:#f1ead8;background:#8c3b2e}.hud-chip.bleed{background:#e9765f}.hud-chip.dazed{background:var(--px-amber)}.hud-chip.slowed{background:#8fb35a}.hud-chip.webbed{background:#d8e6c8}.hud-chip.blinded{color:#f1ead8;background:#4a4458}.hud-reserve{color:var(--px-muted);margin-left:4px}.hud-reserve.out{color:var(--px-rust)}.hud-gun.swapping{opacity:.5}.hud-slots{gap:4px}.hud-slot{min-width:40px;color:var(--px-muted);font-size:12px;font-family:var(--px-num);background:#07090d73;align-items:center;gap:3px;padding:2px 4px;display:flex;box-shadow:inset 0 0 0 1px #e9e2d02e}.hud-slot.held{color:var(--px-bone);box-shadow:inset 0 0 0 2px var(--px-amber)}.hud-slot.empty{opacity:.4}.hud-slot-key{color:var(--px-amber)}.hud-slot-ammo.out{color:var(--px-rust)}.hud-bag{max-width:260px;color:var(--px-muted);font-size:13px;font-family:var(--px-num)}.hud-reload{color:var(--px-amber);align-items:center;gap:6px;font-size:13px;display:inline-flex;position:relative}.hud-reload svg{flex:none}.hud-reload .track{fill:none;stroke:var(--px-ink);stroke-width:4px}.hud-reload .fill{fill:none;stroke:var(--px-amber);stroke-width:4px}.hud-reload .hud-reload-icon{position:absolute;top:6px;left:9px}.hud-stage{top:var(--safe-t,8px);right:var(--safe-r,8px);align-items:flex-start;gap:8px;display:flex;position:absolute}.hud-where{background:#0e1320d1;justify-items:end;gap:1px;padding:8px 14px 9px;font-size:13px;display:grid}.hud-where-name{font-size:15px}.hud-where span{color:var(--px-muted)}.hud-where .hud-enemies{font-family:var(--px-num);color:var(--px-bone)}.hud-device{font-family:var(--px-num);align-items:center;gap:5px;display:inline-flex}.hud-device-dot{width:6px;height:6px;box-shadow:0 0 0 2px var(--px-ink);background:#8fb35a}.hud-device.l3 .hud-device-dot,.hud-device.l4 .hud-device-dot{background:var(--px-amber)}.hud-device.l1 .hud-device-dot,.hud-device.l2 .hud-device-dot,.hud-device.error .hud-device-dot{background:var(--px-rust)}.hud-pause{place-items:center;width:52px;min-height:52px;padding:0;display:grid}.hud-boss{top:var(--safe-t,8px);background:#0e1320d1;gap:4px;padding:8px 14px 10px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.hud-boss-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hud-boss-name{font-family:var(--px-label);letter-spacing:1px;text-transform:uppercase;color:#ff9a86;font-size:13px}.hud-boss-was{color:var(--px-muted);white-space:nowrap;font-size:12px}.hud-boss-row{align-items:center;gap:6px;display:flex}.hud-boss-hp{gap:2px;display:flex;position:relative}.hud-boss-seg{width:10px;height:12px;box-shadow:inset 0 0 0 2px var(--px-ink);background:#2a1518;position:relative}.hud-boss-seg>b{background:var(--px-rust);max-width:6px;position:absolute;inset:2px auto 2px 2px;box-shadow:inset 0 2px #e9765f}.hud-boss-seg.mark:before{content:"";background:var(--px-amber);width:2px;height:20px;position:absolute;top:-4px;left:-2px}.hud-boss-armor{width:286px;height:8px;box-shadow:inset 0 0 0 2px var(--px-ink);background:#16223a;position:relative}.hud-boss-armor>b{background:var(--px-blue);max-width:calc(100% - 4px);position:absolute;inset:2px auto 2px 2px;box-shadow:inset 0 1px #b5cbff}.action-host:has(.hud-boss)~.hint-toast.at-action{top:calc(var(--safe-t,8px) + 92px)}.hud-boss.second .hud-boss-seg{background:#2a1a0c}.hud-boss.second .hud-boss-seg>b{background:#e8801c;box-shadow:inset 0 2px #ffd36b}.hud-boss-flash{background:var(--px-amber-hi);opacity:0;pointer-events:none;animation:.6s steps(4,end) hud-boss-flash;position:absolute;inset:-2px}@keyframes hud-boss-flash{0%{opacity:.85}to{opacity:0}}.hud-prompt{z-index:2;white-space:nowrap;box-shadow:inset 0 0 0 3px var(--px-ink), inset 0 0 0 5px var(--px-amber-lo);clip-path:var(--px-notch3);background:#0e1320e6;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:15px;display:flex;position:absolute;transform:translate(-50%,-100%)}.hud-search{width:96px;height:12px;box-shadow:inset 0 0 0 2px var(--px-ink);background:#241d10;position:relative}.hud-search-fill{background:var(--px-amber);max-width:calc(100% - 4px);position:absolute;inset:2px auto 2px 2px}.hud-search.broken .hud-search-fill{background:var(--px-rust);animation:.1s steps(2,end) infinite hud-search-broken}@keyframes hud-search-broken{50%{opacity:.3}}.hud-struggle{z-index:4;min-width:220px;font:inherit;color:var(--px-bone);box-shadow:inset 0 0 0 3px var(--px-ink), inset 0 0 0 5px var(--px-rust);clip-path:var(--px-notch3);touch-action:none;background:#0e1320eb;border:0;justify-items:center;gap:8px;padding:12px 18px 14px;animation:.18s steps(3,end) both hud-pop;display:grid;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.hud-struggle-title{color:var(--px-amber-hi);text-shadow:3px 3px 0 var(--px-ink);font-size:30px;line-height:1;animation:.2s steps(2,end) infinite hud-struggle-shake}@keyframes hud-struggle-shake{50%{translate:2px}}.hud-struggle-how{align-items:center;gap:8px;font-size:15px;display:flex}.hud-struggle-bar{width:180px;height:16px;box-shadow:inset 0 0 0 2px var(--px-ink);background:#241d10;position:relative}.hud-struggle-fill{background:var(--px-amber);max-width:calc(100% - 6px);position:absolute;inset:3px auto 3px 3px}.hud-combo{right:calc(var(--safe-r,8px) + 18px);font-family:var(--px-label);color:var(--px-amber);text-shadow:3px 3px 0 var(--px-ink);font-size:13px;animation:.18s steps(3,end) both hud-pop;position:absolute;top:38%}.hud-combo-n{font-family:var(--px-num);color:var(--px-amber-hi);font-size:26px;font-weight:400}@keyframes hud-pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.hud-lowhp{animation:1.2s steps(2,end) infinite hud-pulse;position:absolute;inset:0;box-shadow:inset 0 0 90px 16px #c8281e8c}.hud-blind{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 200px 130px #08060ce0}@keyframes hud-pulse{50%{opacity:.45}}.hud-over{font-size:18px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hud-touch{z-index:4;height:0;position:absolute;inset:auto 0 0}.hud-touch-move,.hud-touch-act{bottom:max(14px, env(safe-area-inset-bottom));position:absolute}.hud-touch-move{left:var(--safe-l,14px);align-items:flex-end;gap:8px;display:flex}.hud-touch-act{right:var(--safe-r,14px);width:250px;height:180px}.tbtn{width:60px;height:60px;box-shadow:inset 0 0 0 3px var(--px-ink), inset 0 0 0 5px #e9e2d059;clip-path:var(--px-notch3);touch-action:none;-webkit-user-select:none;user-select:none;background:#0e132099;border:0;place-items:center;padding:0;display:grid}.tbtn:active{background:#f2b54473}.t-left,.t-right{width:76px;height:76px}.t-down{width:56px;height:56px}.hud-touch-act .tbtn{position:absolute}.t-fire{background:#c8452f73;width:96px;height:96px;bottom:0;right:0}.t-kick{bottom:0;right:108px}.t-jump{bottom:72px;right:108px}.t-dash{bottom:108px;right:18px}.t-reload{width:52px;height:52px;bottom:0;right:180px}.t-use{width:52px;height:52px;bottom:64px;right:180px}.tbtn.locked{opacity:.35}.hud-touch-slots{left:50%;bottom:max(14px, env(safe-area-inset-bottom));gap:4px;display:flex;position:absolute;transform:translate(-50%)}.hud-touch-slots .tbtn{position:relative}.t-slot{width:52px;height:52px}.t-slot.held{box-shadow:inset 0 0 0 3px var(--px-ink), inset 0 0 0 5px var(--px-amber)}.t-slot.dry{opacity:.55}.t-slot.empty{opacity:.25}.t-slot-ammo{font-family:var(--px-num);color:var(--px-bone);text-shadow:1px 1px 0 var(--px-ink);font-size:11px;line-height:1;position:absolute;bottom:3px;right:5px}.stage-intro{z-index:8;font-family:var(--px-font);color:var(--px-bone);background:linear-gradient(90deg,#07090d00 0,#07090dd9 30% 70%,#07090d00 100%),#07090d;place-items:center;animation:.35s steps(4,end) both stage-intro-in;display:grid;position:absolute;inset:0}@keyframes stage-intro-in{0%{opacity:0}}.stage-intro-card{text-align:center;justify-items:center;gap:6px;display:grid}.stage-intro-kicker{letter-spacing:2px;color:var(--px-amber);margin:0;font-size:15px}.stage-intro-card h2{text-shadow:4px 4px 0 var(--px-ink);margin:0;font-size:44px;line-height:1.15}.stage-intro-en{font-family:var(--px-label);color:var(--px-muted);margin:0;font-size:26px}.stage-intro-danger{color:var(--px-muted);align-items:center;gap:6px;margin:10px 0 4px;font-size:14px;display:flex}.stage-intro-danger .off{opacity:.22}.stage-intro-hint{max-width:560px;margin:6px 0 0;font-size:17px}.stage-intro-go{color:var(--px-muted);margin:26px 0 0;font-size:14px;animation:1.2s step-end infinite title-blink}.stage-summary-back{z-index:8}.stage-summary{width:min(520px,100%)}.stage-summary-kicker{color:var(--px-amber);margin:0;font-size:14px}.stage-summary-kicker.warn{color:#ff9a7a}.stage-summary h2{margin:2px 0 10px;font-size:28px}.stage-summary h3{color:var(--px-muted);margin:10px 0 6px;font-size:15px}.stage-summary-loot{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px 14px;margin:0;padding:0;list-style:none;display:grid}.stage-summary-loot li{align-items:center;gap:8px;font-size:15px;display:flex}.stage-summary-count{font-family:var(--px-num);color:#8fe28f;margin-left:auto;font-size:26px;font-weight:400}.stage-summary-hero{gap:6px;margin:14px 0 6px;display:grid}.stage-summary-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 16px;display:grid}.stage-summary-stats div{box-shadow:inset 0 0 0 2px var(--px-steel);background:#07090d80;padding:8px 10px}.stage-summary-stats dt{color:var(--px-muted);font-size:12px}.stage-summary-stats dd{font-family:var(--px-num);margin:2px 0 0;font-size:26px}.stage-summary-go{width:100%;min-height:52px;font-size:19px}.hud-escort{color:var(--px-amber);font-size:12px;font-weight:700}.rescue-card{gap:12px;max-width:460px;display:grid}.rescue-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.rescue-head h3{margin:0;font-size:22px}.rescue-role{color:var(--px-muted);margin:2px 0 0;font-size:13px}.rescue-line{background:var(--px-night-2);box-shadow:inset 3px 0 0 var(--px-amber-lo);margin:0;padding:10px 12px;font-size:15px;line-height:1.6}.rescue-facts{grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:0;font-size:14px;display:grid}.rescue-facts dt{color:var(--px-amber);font-weight:700}.rescue-facts dd{margin:0}.stage-summary-rescued{color:var(--px-amber-hi);gap:6px;margin:4px 0 10px;font-weight:700;display:grid}.stage-summary-rescued.warn{color:#ff9a86}@media (height<=500px){.hud-hero{gap:6px;padding:5px 8px}.hud-hero .portrait{display:none}.hud-stats{gap:2px}.hud-bag{max-width:200px;font-size:12px}.hud-slots{gap:2px}.hud-slot{min-width:0;padding:1px 3px;font-size:11px}.hud-where{padding:4px 10px 5px;font-size:12px}.hud-where-name{font-size:13px}.hud-where-floor{display:none}.hud-boss{gap:2px;padding:4px 8px 6px}.hud-boss-was{display:none}.hud-boss-seg{width:7px;height:10px}.hud-boss-seg>b{max-width:3px}.hud-boss-armor{width:214px}.action-host:has(.hud-boss)~.hint-toast.at-action{top:calc(var(--safe-t,8px) + 82px)}.hud-pause{width:44px;min-height:44px}.hud-prompt{padding:4px 10px 4px 6px;font-size:13px}.hud-touch-move,.hud-touch-act{bottom:max(8px, env(safe-area-inset-bottom))}.hud-touch-move{gap:6px}.tbtn{background:#0e132059;width:46px;height:46px}.t-left,.t-right{width:58px;height:58px}.t-down{width:44px;height:44px}.hud-touch-act{width:180px;height:150px}.t-fire{background:#c8452f59;width:72px;height:72px}.t-kick{right:80px}.t-jump{bottom:54px;right:80px}.t-dash{bottom:80px;right:13px}.t-reload,.t-use,.t-slot{width:44px;height:44px}.hud-touch-slots{bottom:max(8px, env(safe-area-inset-bottom))}.t-reload{right:134px}.t-use{bottom:52px;right:134px}}.skill-tree{gap:8px;display:grid}.skill-head{font-family:var(--px-num);color:var(--px-bone);gap:4px;display:grid}.skill-head em{color:var(--px-amber);font-style:normal}.skill-xp{background:var(--px-steel);height:8px;box-shadow:inset 0 0 0 1px var(--px-ink)}.skill-xp i{background:var(--px-amber);height:100%;display:block}.skill-xp.capped i{background:#8fb35a}.skill-branches{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.skill-branch{align-content:start;gap:4px;display:grid}.skill-branch h3{color:var(--px-amber);grid-template-columns:32px 1fr;align-items:center;gap:4px;margin:0 0 2px;font-size:13px;line-height:1.2;display:grid}.skill-branch h3 small{color:var(--px-muted);font-size:11px;display:block}.skill-branch.idle h3{color:var(--px-muted)}.skill-node{text-align:left;min-height:48px;color:var(--px-muted);background:var(--px-night);box-shadow:inset 0 0 0 2px var(--px-steel);cursor:pointer;border:0;grid-template-columns:32px 1fr;align-items:center;gap:4px;padding:4px;display:grid}.skill-node .sicon{opacity:.55}.skill-node.can{color:var(--px-bone);box-shadow:inset 0 0 0 2px var(--px-amber)}.skill-node.on,.skill-node.full{color:var(--px-bone);box-shadow:inset 0 0 0 2px #8fb35a}.skill-node.can .sicon,.skill-node.on .sicon,.skill-node.full .sicon{opacity:1}.skill-node.capstone{background:#2a2417}.skill-node.sel{outline:3px solid var(--px-bone);outline-offset:-1px}.skill-node:focus-visible{outline:3px solid var(--px-amber)}.skill-name{font-size:11px;line-height:1.25}.skill-detail{background:var(--px-night);min-height:64px;box-shadow:inset 0 0 0 2px var(--px-steel);grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.skill-text{color:var(--px-bone);gap:2px;font-size:13px;line-height:1.35;display:grid}.skill-text small{color:var(--px-muted);font-size:11px}.skill-text .skill-top{color:var(--px-amber)}.skill-text .skill-why{color:var(--px-rust)}.build-modal{--tmodal-detail:470px}.bstock{flex-wrap:wrap;align-items:center;gap:2px 12px;margin:0 8px 0 auto;display:flex}.bstock-item{align-items:center;gap:4px;display:inline-flex}.bstock-item b{color:var(--px-bone);font-weight:400}.bstock-item.credits b{color:var(--px-amber)}.btab-name{white-space:nowrap}.btab-pips{gap:3px;display:flex}.btab-pips i{background:var(--px-steel);width:12px;height:6px}.btab-pips i.on{background:#8fb35a}.btab-pips i.q{background:var(--px-amber);animation:1s steps(2,end) infinite btab-q}.tmodal-tab[aria-selected=true] .btab-pips i{background:#07090d40}.tmodal-tab[aria-selected=true] .btab-pips i.on{background:var(--px-ink)}@keyframes btab-q{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.btab-pips i.q{animation:none}}.bhost{background:var(--px-night-2);min-height:48px;box-shadow:inset 3px 0 0 var(--px-amber);align-items:center;gap:12px;padding:4px 10px 4px 6px;display:flex}.bhost p{flex:1;gap:1px;margin:0;font-size:14px;line-height:1.4;display:grid}.bhost-name{color:var(--px-amber);font-size:12px}.bhost-raid{color:#ffb4a0;background:#78281473;align-items:center;gap:8px;padding:4px 10px;display:flex}.bhost-raid-title{font-size:13px;display:block}.bhost-raid small{font-size:12px}.bhost-raid.tonight{box-shadow:inset 0 0 0 2px var(--px-rust)}.btile.with-icon{grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr);align-items:center;column-gap:6px}.btile.with-icon>:first-child{grid-row:1/span 2;justify-self:center}.btile-name{min-width:0;font-size:13px;line-height:1.25}.btile-lv{color:var(--px-amber);font-family:var(--px-num);font-size:13px;font-weight:400}.btile.locked .btile-lv{color:var(--px-muted)}.bart{font:inherit;box-shadow:0 0 0 3px var(--px-ink), 0 0 0 5px var(--px-steel);background:#2a2419;border:0;justify-content:center;align-items:flex-end;padding:0;display:flex;position:relative;overflow:hidden}.bart.room{align-items:center}button.bart{cursor:pointer}button.bart:focus-visible{outline:3px solid var(--px-amber);outline-offset:3px}.bart img{image-rendering:pixelated;flex:none;display:block}.bart-tag{color:var(--px-ink);font-family:var(--px-num);background:var(--px-amber);padding:1px 6px;font-size:13px;position:absolute;bottom:4px;left:4px}.bart-empty{color:var(--px-muted);align-self:center;font-size:13px}.bd-gain{color:var(--px-amber-hi)}.bd-stats,.bd-note,.bd-free{color:var(--px-muted)}.tmodal-detail .bd-stats,.tmodal-detail .bd-note{font-size:12px}.bd-costs{gap:4px;display:grid}.bd-costs-head{color:var(--px-muted);font-size:11px}.bd-costs ul{grid-template-columns:1fr 1fr;gap:4px 14px;margin:0;padding:0;list-style:none;display:grid}.bd-costs li{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:32px;font-size:13px;display:grid}.bd-costs-n{color:var(--px-bone);font-weight:400}.bd-costs li.short,.bd-costs li.short .bd-costs-n{color:#ff8a70}.bd-needs{color:var(--px-muted)}.tmodal-detail .bd-needs{font-size:13px}.bd-need{color:#ffb4a0;background:#78281473;margin:2px 6px 0 0;padding:1px 8px;display:inline-block}.bd-need.have{color:#a9cf73;background:#3c5a1e59}.bd-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bd-half{background:var(--px-night-2);flex-direction:column;gap:6px;padding:8px;display:flex}.bd-half .bd-costs ul{grid-template-columns:1fr}.bd-sell{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.bd-sell .pbtn{text-align:left;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:48px;font-size:14px;display:grid}.bd-sell-price{color:var(--px-amber);font-weight:400}.wslot-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.wslot-row{background:var(--px-night-2);grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px;padding:4px 6px;display:grid}.wslot-num{color:var(--px-amber);font-family:var(--px-num);font-size:13px;font-weight:400}.wslot-picks{flex-wrap:wrap;gap:4px;display:flex}.wslot-pick{min-width:52px;min-height:48px;color:var(--px-bone);font:inherit;font-family:var(--px-font);background:var(--px-night);box-shadow:inset 0 0 0 2px var(--px-steel);cursor:pointer;border:0;align-content:center;justify-items:center;gap:1px;padding:3px;display:grid}.wslot-pick[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--px-amber)}.wslot-pick:disabled{color:var(--px-muted);cursor:default}.wslot-pick:disabled .sicon{opacity:.45}.wslot-pick:focus-visible{outline:3px solid var(--px-amber);outline-offset:-1px}.wslot-pick small{font-size:11px;line-height:1.1}.wslot-pick .wslot-why{color:#ff8a70;white-space:nowrap;text-overflow:ellipsis;max-width:60px;overflow:hidden}.wslot-none{width:32px;height:32px;box-shadow:inset 0 0 0 2px var(--px-muted)}.build-foot{margin:0;font-size:13px}.build-foot-queued{color:var(--px-amber);font-weight:600}@media (height<=500px){.build-modal{--tmodal-detail:360px}.bhost .portrait,.bhost p,.build-foot{display:none}.bhost:not(:has(.bhost-raid)){display:none}.mdetail-art:has(.bart){display:none}.bhost{min-height:0;padding:2px 8px}.btile.with-icon{grid-template-columns:1fr;justify-items:center}.btile-name{font-size:11px}.btile.with-icon .btile-name{display:none}.bstock{gap:2px 8px}}.title{--ink:#07090d;--night:#0e1320;--night-2:#18202f;--steel:#2c3546;--bone:#e9e2d0;--muted:#8d95a3;--amber:#f2b544;--amber-hi:#ffe08a;--amber-lo:#b8741f;--rust:#c8452f;--steel-blue:#7aa2f7;z-index:50;background:var(--ink);color:var(--bone);-webkit-user-select:none;user-select:none;font-family:Sukhumvit Set,Thonburi,Noto Sans Thai,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.title-art,.title-ui{position:absolute;inset:0 auto auto 0}.title-art{pointer-events:none;inset:0}.title-bg,.title-sprite,.title-rain,.title-glow{position:absolute;top:0}.title-bg{background-repeat:no-repeat}.title-glow{mix-blend-mode:screen;background:radial-gradient(closest-side,#ffbe5a29,#0000);border-radius:50%;animation:5.3s step-end infinite title-flicker}@keyframes title-flicker{0%,to{opacity:1}61%{opacity:.45}62%{opacity:1}64%{opacity:.65}65%{opacity:1}}.title-sprite{background-repeat:no-repeat;animation-name:title-sprite;animation-iteration-count:infinite}@keyframes title-sprite{0%{background-position-x:var(--start,0)}to{background-position-x:var(--end)}}.title-rain{opacity:.6}.title-shade{background:linear-gradient(90deg,#07090de6 0,#07090db3 28%,#07090d00 48%),linear-gradient(0deg,#07090df2 0,#07090d00 18%);position:absolute;inset:0}.title-logo,.boot-logo{position:absolute;top:54px;left:56px}.title-logo .kicker,.boot-logo .kicker{letter-spacing:6px;text-shadow:3px 3px 0 var(--ink);font-family:ui-monospace,Menlo,monospace;font-size:16px}.title-logo .name,.boot-logo .name{letter-spacing:2px;background:linear-gradient(180deg, var(--amber-hi) 0 36%, var(--amber) 36% 72%, var(--amber-lo) 72% 100%);color:#0000;filter:drop-shadow(4px 4px #1a0f08);-webkit-background-clip:text;background-clip:text;margin-top:6px;font-family:ui-monospace,Menlo,monospace;font-size:72px;font-weight:800;line-height:72px}.title-logo .title-tag{color:var(--muted);text-shadow:2px 2px 0 var(--ink);margin:12px 0 0;font-size:16px}.title-logo .title-tag b{color:var(--bone)}.title-menu{width:300px;margin:0;padding:0;list-style:none;position:absolute;top:262px;left:44px}.title-menu li{margin-bottom:6px}.title-menu button{width:100%;min-height:54px;color:var(--bone);font:inherit;text-align:left;text-shadow:3px 3px 0 var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;padding:4px 0 4px 44px;font-size:26px;font-weight:600;display:flex;position:relative}.title-menu button small{font-family:var(--px-num);color:var(--muted);text-shadow:2px 2px 0 var(--ink);font-size:13px;font-weight:500;line-height:16px}.title-menu button.minor{min-height:40px;color:var(--muted);font-size:18px}.title-menu button.sel{color:var(--ink);text-shadow:none;background:var(--amber);box-shadow:inset 0 3px 0 var(--amber-hi), inset 0 -3px 0 var(--amber-lo);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);outline:none}.title-menu button.sel small{color:#4a300c;text-shadow:none}.title-menu .cur{margin-top:-11px;animation:.9s step-end infinite title-blink;display:none;position:absolute;top:50%;left:16px}.title-menu button.sel .cur{display:block}@keyframes title-blink{50%{opacity:0}}.title-save{width:300px;position:absolute;top:256px;left:364px}.save-slot{font-family:var(--px-label);letter-spacing:2px;color:var(--muted);font-size:13px}.save-day{font-family:var(--px-num);font-synthesis:none;margin-top:2px;font-size:26px;font-weight:700}.save-day span{color:var(--muted);font-size:15px;font-weight:500}.save-row{align-items:center;gap:8px;margin-top:6px;display:flex}.save-row .num{min-width:52px;font-family:var(--px-num);text-align:right;font-size:13px}.save-res{font-family:var(--px-num);grid-template-columns:repeat(5,1fr);gap:4px;margin-top:10px;font-size:13px;display:grid}.save-res div,.save-line{align-items:center;gap:6px;display:flex}.save-line{margin-top:8px;font-size:14px}.save-line.warn{color:#ff9a7a}.save-line .muted{color:var(--muted)}.save-when{font-family:var(--px-num);color:var(--muted);margin-top:12px;font-size:13px}.title-corner{gap:8px;display:flex;position:absolute;top:18px;right:20px}.title-corner .sound-off{color:var(--px-amber);animation:1.6s ease-in-out 4 sound-off}@keyframes sound-off{50%{box-shadow:inset 0 0 0 3px var(--px-ink), inset 0 0 0 6px var(--px-amber)}}@media (prefers-reduced-motion:reduce){.title-corner .sound-off{animation:none}}.title-hints{color:var(--muted);align-items:center;gap:18px;font-size:14px;display:flex;position:absolute;bottom:18px;left:56px;right:24px}.title-hints .g{align-items:center;gap:6px;display:flex}.title-hints .key{color:var(--ink);background:var(--bone);padding:3px 6px 2px;font-family:ui-monospace,Menlo,monospace;font-size:11px;box-shadow:inset 0 -3px #a9a290}.title-hints .padb{color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-family:ui-monospace,Menlo,monospace;font-size:11px;display:grid}.title-hints .padb.a{background:#3f9a4a}.title-hints .padb.b{background:#c0392b}.title-hints .ver{font-family:var(--px-label);letter-spacing:1px;margin-left:auto;font-size:13px}.slot-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.slot-card{min-height:250px;font:inherit;text-align:left;cursor:pointer;border:0}.slot-card:disabled{opacity:.5;cursor:default}.slot-card:not(:disabled):focus-visible,.slot-card:not(:disabled):hover{box-shadow:inset 0 0 0 3px var(--ink), inset 0 0 0 6px var(--amber), inset 0 9px 0 0 var(--night-2);outline:none}.help h3{margin:18px 0 6px}.boot{background:#07090dd1;position:absolute;inset:0}.boot-load,.boot-tap{width:360px;position:absolute;top:300px;left:56px}.boot-load{color:var(--muted);flex-direction:column;gap:10px;font-size:15px;display:flex}.boot-load .pbar{flex:none;height:18px}.boot-tap{margin:0;font-size:22px;font-weight:600;animation:1.2s step-end infinite title-blink}.intro-story{z-index:50;color:var(--px-bone);font-family:var(--px-font);background:var(--px-ink);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.intro-panel{background:var(--px-night);box-shadow:0 0 0 3px var(--px-ink), 0 0 0 6px var(--px-steel);cursor:pointer;border:0;padding:0;animation:.5s steps(5,end) both intro-fade;position:absolute}.intro-panel img{display:block}.intro-rain{opacity:.55;top:0}.intro-caption{gap:6px;max-width:calc(100vw - 32px);animation:.5s steps(5,end) .15s both intro-fade;display:grid;position:absolute;left:50%;transform:translate(-50%)}.intro-caption p{margin:0}.intro-kicker{color:var(--px-amber);letter-spacing:.02em;font-size:13px;font-weight:700}.intro-text{font-size:17px;line-height:1.6}.intro-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}.intro-actions .pbtn{min-width:96px;min-height:48px}.intro-dots{gap:6px;margin-right:auto;display:flex}.intro-dots i{background:var(--px-steel);width:9px;height:9px}.intro-dots i.on{background:var(--px-amber)}@keyframes intro-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.intro-panel,.intro-caption{animation:none}}:root{--bg:#0f1115;--bg-2:#15171c;--panel:#1a1d24;--panel-2:#22262e;--line:#2e333d;--text:#e6e9ef;--muted:#9aa4b2;--accent:#f2c14e;--hp:#e05d5d;--hp-bg:#3a2025;--armor:#7aa2f7;--armor-bg:#263041;--ok:#4fb286;--warn:#e0a84e;--danger:#e5484d;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Noto Sans Thai,Sukhumvit Set,sans-serif;font-size:15px;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,p{margin:0}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:7px 12px}button:hover:not(:disabled){border-color:#4a5160}button:disabled{cursor:not-allowed;opacity:.45}button.primary{background:var(--accent);border-color:var(--accent);color:#1b1500;font-weight:600}button.primary:disabled{border-color:var(--line);color:var(--muted);opacity:1;background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{text-align:center;opacity:.75;border:1px solid;border-radius:4px;min-width:1.4em;padding:0 4px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}select{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;max-width:100%;padding:6px 8px}.app{max-width:1440px;margin:0 auto;padding:12px 16px 24px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-bottom:12px;display:flex}.top h1{letter-spacing:.04em;font-size:17px}.top h1 span{color:var(--muted);letter-spacing:0;margin-left:6px;font-weight:400}.setup{flex-wrap:wrap;align-items:end;gap:8px 12px;min-width:0;display:flex}.field{color:var(--muted);gap:3px;min-width:0;font-size:12px;display:grid}.field select{color:var(--text);font-size:14px}.layout{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:14px;display:grid}.stage,.side{gap:12px;min-width:0;display:grid}#game-container{touch-action:none;-webkit-user-select:none;user-select:none;aspect-ratio:16/9;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);width:100%;position:relative;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:12px}.panel h2{letter-spacing:.04em;font-size:14px}.hint,.muted{color:var(--muted);font-size:13px}@media (width<=1040px){.layout{grid-template-columns:minmax(0,1fr)}}.enemies{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.ap{color:var(--accent);letter-spacing:.1em;margin-left:auto}.gear{color:var(--muted)}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:0 7px;font-size:11px}.tag.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 50%, transparent)}.tag.boss{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 50%, transparent)}.bar{border-radius:4px;height:8px;display:block;overflow:hidden}.bar.hp{background:var(--hp-bg)}.bar.armor{background:var(--armor-bg);height:5px}.intent{color:var(--text);font-weight:500;display:block}.intent.attack{color:#ff9b8f}.confirm{border-top:1px solid var(--line);gap:8px;margin-top:12px;padding-top:12px;display:grid}.preview{gap:4px;font-size:13px;display:grid}.preview ul{margin:0;padding-left:18px}.pending{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;gap:6px;margin-top:10px;padding:10px;font-size:13px;display:grid}.progress{background:var(--bg-2);border-radius:3px;height:6px;display:block;overflow:hidden}.result{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;padding:12px;display:flex}.result.won{border-color:var(--ok)}.result.lost{border-color:var(--danger)}.result strong{font-size:16px}.device{gap:10px;display:grid}.device-cols{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;display:grid}.device-setup{gap:10px;min-width:0;display:grid}.field.inline{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.device-steps{color:var(--muted);gap:2px;margin:0;padding-left:18px;font-size:13px;line-height:1.4;display:grid}.device-guide{gap:6px;min-width:0;display:grid}.device-guide h3{margin:0;font-size:14px}.device-guide table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.35}.device-guide th,.device-guide td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:3px 6px}.device-guide thead th{color:var(--muted);font-weight:400}.device-guide .dg-name{font-size:13px;display:block}.device-guide .dg-when{color:var(--muted);font-weight:400;display:block}.device-guide .lv1{color:var(--danger)}.device-guide .lv2{color:var(--warn)}@media (width<=720px){.device-cols{grid-template-columns:minmax(0,1fr)}}.device-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.stop{background:var(--danger);border-color:var(--danger);color:#fff;letter-spacing:.08em;padding:9px 18px;font-weight:700}.status{align-items:center;gap:8px;font-size:14px;display:flex}.status .dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px}.s-ready .dot{background:var(--ok)}.s-connecting .dot{background:var(--accent)}.s-error .dot{background:var(--danger)}.message{color:var(--warn);font-size:13px}.row{flex-wrap:wrap;gap:8px;display:flex}fieldset{border:1px solid var(--line);border-radius:8px;gap:6px;min-width:0;margin:0;padding:8px 10px 10px;font-size:13px;display:grid}legend{color:var(--muted);padding:0 4px;font-size:12px}fieldset label{align-items:center;gap:6px;display:flex}fieldset label.disabled{color:var(--muted)}fieldset label.range{gap:2px;display:grid}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.stats dt{color:var(--muted);font-size:11px}.stats dd{overflow-wrap:anywhere;margin:0;font-size:13px}.log ol{gap:2px;max-height:340px;margin:8px 0 0;padding:0;font-size:12px;list-style:none;display:grid;overflow:auto}.log time{color:var(--muted);margin-right:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=640px){.stats{grid-template-columns:minmax(0,1fr)}}.battlefield{padding-bottom:118px;position:relative}.handy-form{gap:8px;display:grid}.handy-form input{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:6px 8px;font-size:14px}.battlefield.camp{padding-bottom:0}.camp-bar{flex-wrap:wrap;align-items:center;gap:8px 18px;max-width:1180px;margin:0 auto 10px;display:flex}.camp-title{line-height:1.2;display:grid}.camp-title strong{letter-spacing:.04em;font-size:18px}.camp-title .camp-day{color:var(--accent);font-size:13px}.stock{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stock li{background:var(--panel);border:1px solid var(--line);min-width:64px;color:var(--muted);border-radius:8px;padding:4px 9px;font-size:11px;line-height:1.25;display:grid}.stock li b{color:var(--text);font-size:16px}.stock li.low{border-color:var(--danger)}.stock li.credits b{color:var(--accent)}.camp-people{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.night h3{margin:0;font-size:15px}.ok{color:var(--ok)}.night ul{gap:2px;margin:6px 0 0;padding-left:18px;font-size:13px;display:grid}button.big{padding:11px 22px;font-size:15px}.t3-host{z-index:1;background:#0c0f14;position:absolute;inset:0}.t3-canvas{width:100%;height:100%;display:block}.t3-overlay{pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Noto Sans Thai,sans-serif;position:absolute;inset:0}.t3-marker{border-top:11px solid #f2c14e;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:0;left:0}.t3-pop{-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:0 0 3px #000;font-size:16px;font-weight:700;animation:.85s cubic-bezier(.2,.7,.3,1) forwards t3-pop;position:absolute;transform:translate(-50%,-50%)}@keyframes t3-pop{to{opacity:0;translate:0 -36px}}.t3-pop.long{animation:2.9s ease-in forwards t3-pop-long}@keyframes t3-pop-long{80%{opacity:1;translate:0 -12px}to{opacity:0;translate:0 -24px}}.c25-label{color:#c9d1d9;white-space:nowrap;background:#0a0c10b3;border-radius:3px;padding:1px 6px;font-size:11px;position:absolute;top:0;left:0}.c25-label[data-state=broken]{color:#7d8590}.c25-label[data-state=queued]{color:#f2c14e}.c25-label.near{outline:1px solid #f2c14e}.c25-prompt{color:#f2c14e;white-space:nowrap;background:#0a0c10d9;border:1px solid #f2c14e;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:700;display:none;position:absolute;top:0;left:0}.fullscreen-btn{white-space:nowrap;margin-left:auto}.touch-controls{z-index:3;pointer-events:none;justify-content:space-between;align-items:end;padding:10px 14px;display:flex;position:absolute;inset:auto 0 0}.touch-pad{pointer-events:auto;grid-template:".u."48px"l.r"48px".d."48px/48px 48px 48px;display:grid}.touch-pad button,.touch-use{color:#e6e9ef;touch-action:none;-webkit-user-select:none;user-select:none;background:#0a0c108c;border:1px solid #ffffff40;border-radius:12px;font-size:18px}.touch-pad .pad-up{grid-area:u}.touch-pad .pad-left{grid-area:l}.touch-pad .pad-right{grid-area:r}.touch-pad .pad-down{grid-area:d}.touch-use{color:#f2c14e;pointer-events:auto;border-color:#f2c14e;border-radius:50%;width:76px;height:76px;font-weight:700}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{z-index:100;color:#e6e9ef;text-align:center;background:#101216;place-content:center;padding:24px;font-size:20px;display:grid;position:fixed;inset:0}}@media (orientation:landscape) and (height<=820px){.battlefield:not(.camp){min-width:0}.battlefield:not(.camp) #game-container{width:calc(177.778dvh - 444.444px);max-width:100%;margin-inline:auto}.top{margin-bottom:6px}}.app.shell{--safe-t:max(8px, env(safe-area-inset-top));--safe-r:max(8px, env(safe-area-inset-right));--safe-l:max(8px, env(safe-area-inset-left));--safe-b:max(8px, env(safe-area-inset-bottom));background:#07090d;grid-template-rows:minmax(0,1fr);max-width:none;height:100dvh;padding:0;display:grid;overflow:hidden}.app.shell .layout.shell-layout{grid-template-columns:minmax(0,1fr);place-items:center;min-height:0;display:grid}.app.shell .stage,.app.shell .battlefield{place-items:center;width:100%;height:100%;min-height:0;padding:0;display:grid}.app.shell #game-container{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%;max-height:none}.app.shell .camp-bar,.app.shell .action-bar{height:var(--bar);flex-wrap:nowrap;gap:10px;width:100%;max-width:none;margin:0;overflow:hidden}.app.shell .camp-title strong{font-size:15px}.app.shell .stock{flex-wrap:nowrap;gap:4px}.app.shell .stock li{min-width:42px;padding:2px 5px;font-size:10px}.app.shell .stock li b{font-size:14px}.app.shell .camp-people{white-space:nowrap;grid-template-columns:auto auto;gap:0 8px;margin-left:0;font-size:11px;line-height:1.3;display:grid}.bar-actions{gap:6px;margin-left:auto;display:flex}.bar-actions button,.action-bar button{white-space:nowrap;min-height:44px;padding:6px 10px}.app.shell .fullscreen-btn{margin-left:0}.app.shell .action-bar .level-title{color:var(--muted);margin-right:auto;font-size:14px}.drawer{z-index:5;border:1px solid var(--line);touch-action:pan-y;-webkit-user-select:text;user-select:text;background:#14161cf5;grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;box-shadow:0 8px 30px #00000080}.drawer-right{border-radius:10px;width:min(380px,46%);top:8px;bottom:8px;right:8px}.drawer-center{border-radius:12px;width:min(520px,70%);max-height:80%;top:50%;left:50%;transform:translate(-50%,-50%)}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 10px 8px 14px;display:flex}.drawer-close{min-width:40px;min-height:40px}.drawer-body{align-content:start;gap:10px;padding:10px 12px 14px;display:grid;overflow-y:auto}.drawer :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.night-list{gap:4px;margin:0;padding-left:18px;display:grid}.minimap{top:calc(var(--safe-t,8px) + 56px);right:var(--safe-r,8px);z-index:4;border:1px solid var(--line);background:#0a0c10cc;border-radius:8px;width:clamp(120px,15%,190px);min-height:44px;padding:3px;line-height:0;position:absolute}.minimap.raid{border-color:#ff6a3d}.map-svg{border-radius:5px;width:100%;height:auto}.map-svg .map-lv{fill:#fff;stroke:#0b0d10;stroke-width:8px;paint-order:stroke;font-weight:700}.map-svg .map-name{fill:#f3e6c8;stroke:#0b0d10;stroke-width:6px;paint-order:stroke}.map-svg .map-hit{cursor:pointer}.drawer-center.drawer-wide{width:min(800px,90%);max-height:90%}.camp-map{grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:10px;display:grid}@media (width<=700px){.camp-map{grid-template-columns:1fr}}.map-list{grid-template-columns:1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.map-list button{text-align:left;width:100%;min-height:44px;display:grid}.map-list .map-next{color:var(--muted)}.city-map{z-index:3;font-family:var(--px-font);background:#0b0e14;grid-template-columns:minmax(0,1fr) clamp(240px,28%,320px);display:grid;position:absolute;inset:0}.city-board-wrap{min-width:0;min-height:0;position:relative;overflow:hidden}.city-board{position:absolute}.city-art{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.district-label,.raid-label{color:var(--px-bone);font-size:calc(8px + var(--s,2) * 2px);white-space:nowrap;pointer-events:none;background:#07090db8;align-items:center;gap:5px;padding:2px 7px;display:flex;position:absolute;transform:translate(-100%)}.district-label.locked{color:var(--px-muted)}.raid-label{color:#ff9a86;font-weight:700;transform:translate(-50%,-100%)}.city-pin{color:var(--px-bone);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.city-pin:before{content:"";position:absolute;inset:-10px}.city-pin .pin-icon{filter:drop-shadow(0 2px #07090db3);display:block}.city-pin.locked .pin-icon{filter:brightness(.42)saturate(.35)}.city-pin.sel .pin-icon,.city-pin:focus-visible .pin-icon{outline:3px solid var(--px-amber);outline-offset:3px}.city-pin:focus-visible{outline:none}.city-pin .pin-marker{animation:.9s step-end infinite pin-bob;position:absolute;bottom:calc(100% + 9px);left:50%}@keyframes pin-bob{50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.city-pin .pin-marker{animation:none}}.city-pin .pin-badge{width:16px;height:16px;color:var(--px-ink);font-family:var(--px-label);background:var(--px-amber);box-shadow:0 0 0 2px var(--px-ink);place-items:center;font-size:13px;font-style:normal;line-height:1;display:grid;position:absolute;top:-6px;right:-8px}.city-pin .pin-label{font-size:calc(8px + var(--s,2) * 2px);white-space:nowrap;background:#07090dd1;align-items:center;gap:4px;padding:1px 6px;line-height:1.35;display:flex;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.city-pin .pin-badge.quest{color:var(--px-ink);background:#ff9a3c;animation:1.2s step-end infinite quest-blink}@keyframes quest-blink{50%{background:var(--px-amber-hi)}}.place-ready{background:var(--px-night-2);gap:3px;padding:5px 10px;font-size:13px;display:grid}.place-ready-line{flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;display:flex}.place-boss{color:var(--px-bone);margin:0;padding-left:8px;font-size:12px;box-shadow:inset 2px 0 #e3a13a}.place-boss-tag{color:#ffb36b}.place-boss-part{white-space:nowrap}.place-armor{color:var(--px-bone);box-shadow:inset 2px 0 0 var(--px-blue);margin:0;padding-left:8px;font-size:12px}.place-ready-nums{color:var(--px-muted);font-family:var(--px-num);font-size:12px}.place-ready-level.easy{color:#4fb89a}.place-ready-level.ok{color:var(--px-amber)}.place-ready-level.risky{color:#e3a13a}.place-ready-level.deadly{color:#e2574a}.place-notes{color:var(--px-bone);background:var(--px-night-2);box-shadow:inset 3px 0 0 var(--px-steel);gap:4px;padding:5px 10px;font-size:13px;line-height:1.35;display:grid}.place-note-tag{color:var(--px-muted)}.place-quests{background:#ff9a3c1f;box-shadow:inset 3px 0 #ff9a3c}.place-quests .place-note-tag{color:#ffb36b}.city-pin.soon .pin-label{color:var(--px-muted)}.city-pin.sel .pin-label{color:var(--px-ink);background:var(--px-amber);font-weight:700}.pin-pip{width:6px;height:6px;box-shadow:0 0 0 1px var(--px-ink)}.pin-pip.low{background:#4fb89a}.pin-pip.mid{background:#e3a13a}.pin-pip.high{background:#e2574a}.map-hints{color:var(--px-muted);box-shadow:inset 0 3px 0 var(--px-steel);flex-wrap:wrap;align-items:center;gap:8px 6px;margin:auto 0 0;padding:10px 0 0 6px;font-size:12px;display:flex}.map-hints .kglyph:not(:first-child){margin-left:8px}.city-card{padding:12px 14px calc(var(--safe-b,0px) + 10px);color:var(--px-bone);background:var(--px-night);box-shadow:inset 3px 0 0 var(--px-ink), inset 6px 0 0 var(--px-steel);flex-direction:column;gap:10px;display:flex;overflow-y:auto}.place-card{gap:8px;padding-left:6px;display:grid}.place-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.place-head .sicon{box-shadow:0 0 0 3px var(--px-ink), 0 0 0 6px var(--px-steel);background-color:var(--px-night-2)}.place-head .dim{filter:brightness(.45)saturate(.35)}.place-card h3{margin:0;font-size:22px;line-height:1.25}.place-card p{margin:0}.place-kind,.place-en,.place-sub{color:var(--px-muted);font-size:12px}.place-en{font-family:var(--px-label);font-size:13px}.place-tag{color:var(--px-amber);font-size:13px}.place-warn{color:#ff9a86}.place-need{align-items:center;gap:8px;display:flex}.place-hint{background:var(--px-night-2);box-shadow:inset 3px 0 0 var(--px-amber-lo);padding:5px 10px;font-size:13px;font-style:italic}.place-rumour,.place-known{gap:4px;display:grid}.place-rumour ul{margin:0;padding-left:18px;font-size:13px}.place-danger{align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.place-danger-label{color:var(--px-muted);margin-right:6px}.place-danger .off{opacity:.25}.yield-row{grid-template-columns:16px 54px minmax(0,1fr) 30px;align-items:center;gap:6px;font-size:13px;line-height:1.3;display:grid}.yield-num{font-family:var(--px-num);text-align:right;font-weight:400}.yield-row .yield-bar{background:var(--px-amber);height:6px;box-shadow:0 2px 0 var(--px-amber-lo)}.place-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:2px;display:grid}.place-actions .pbtn{min-height:52px;line-height:1.25}.place-actions .pbtn:only-child{grid-column:1/-1}.camp-hud{top:var(--safe-t);left:var(--safe-l);z-index:4;gap:6px;width:min(360px,42%);padding:12px 14px;font-size:13px;display:grid;position:absolute}.camp-hud-day{font-family:var(--px-num);font-synthesis:none;font-size:26px;font-weight:700;line-height:1.1}.camp-hud-sub{font-family:var(--px-num);color:var(--px-muted);font-size:13px;font-weight:500;display:block}.camp-hud-stock{min-height:32px;color:var(--px-bone);font:inherit;font-family:var(--px-num);text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:4px 7px;padding:2px 0;font-size:13px;display:flex}.camp-hud-stock .res{align-items:center;gap:4px;display:inline-flex}.camp-hud-stock .res.low{color:#ff8a70;animation:1s step-end infinite low-stock}@keyframes low-stock{50%{color:var(--px-bone);background:#c8452f80}}.camp-hud-stock .res.credits{color:var(--px-amber)}.camp-hud-stock em{font-style:normal;font-family:var(--px-font);color:var(--px-muted);font-size:11px}.camp-hud-stock i{color:var(--px-muted);font-style:normal}.camp-hud-top{gap:6px;display:grid}.camp-hud-hero{align-items:center;gap:10px;display:flex}.camp-hud-bars{grid-template-columns:auto auto auto;justify-content:start;align-items:center;gap:4px 6px;display:grid}.raid-chip{color:#ffd2b8;min-height:40px;font:inherit;text-align:left;box-shadow:inset 0 0 0 2px var(--px-ink), inset 0 0 0 4px #b8452f;clip-path:var(--px-notch3);cursor:pointer;background:#7828148c;border:0;align-items:center;gap:6px;padding:4px 10px 4px 8px;display:flex}.raid-chip-title{font-size:13px;display:block}.raid-chip-sub{font-family:var(--px-num);color:#f0b8a0;font-size:13px;display:block}.raid-chip.tonight{animation:1.2s steps(2,end) infinite raid-chip-pulse}@keyframes raid-chip-pulse{50%{background:#c83c1ebf}}@media (prefers-reduced-motion:reduce){.raid-chip.tonight{animation:none}}.camp-hud-warn{flex-wrap:wrap;gap:4px;display:flex}.camp-hud-warn-chip{color:#ffb4a0;background:#78281473;padding:2px 8px;font-size:12px}.camp-hud-menu{top:var(--safe-t);right:var(--safe-r);z-index:5;width:48px;min-height:48px;padding:0;font-size:22px;position:absolute}.map-hud{top:var(--safe-t);left:var(--safe-l);z-index:4;align-items:stretch;gap:8px;display:flex;position:absolute}.map-hud-title{padding:12px 16px;font-weight:700}.map-hud-sub{font-family:var(--px-num);color:var(--px-muted);font-size:13px;font-weight:500}.map-hud .pbtn{width:48px;padding:0;font-size:22px}.road-card{gap:10px;max-width:460px;display:grid}.road-card h3{color:var(--px-amber);margin:0;font-size:18px}.road-card p{margin:0}.camp-level{white-space:nowrap;min-width:48px;min-height:32px;font-family:var(--px-num);color:var(--px-bone);background:var(--px-night);box-shadow:inset 0 0 0 2px var(--px-steel);border:0;align-self:center;padding:2px 6px;font-size:13px}.camp-level.points{box-shadow:inset 0 0 0 2px var(--px-amber);animation:1s steps(2,end) infinite camp-level-blink}.camp-level b{color:var(--px-amber);margin-left:4px}@keyframes camp-level-blink{50%{box-shadow:inset 0 0 0 2px var(--px-steel)}}@media (prefers-reduced-motion:reduce){.camp-level.points{animation:none}}@media (height<=500px){.camp-hud{grid-template-columns:auto minmax(0,auto);align-items:center;gap:2px 12px;width:auto;max-width:calc(100% - 190px);padding:6px 10px}.camp-hud-day{font-size:20px}.camp-hud .portrait{display:none}.camp-hud-stock{min-height:28px}.camp-hud .quest-line{min-width:0;margin-top:0;padding:3px 8px;font-size:12px}.camp-hud .quest-line span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.camp-hud-warn{grid-column:1/-1}.minimap{top:calc(var(--safe-t,8px) + 52px);width:112px}.camp-hud-menu{width:44px;min-height:44px}.touch-controls{padding:6px 10px max(6px, env(safe-area-inset-bottom))}.touch-pad{grid-template:".u."44px"l.r"44px".d."44px/44px 44px 44px}.touch-pad button,.touch-use{background:#0a0c1059}.touch-use{width:64px;height:64px;padding-left:0}}:root{--px-ink:#07090d;--px-night:#0e1320;--px-night-2:#18202f;--px-steel:#2c3546;--px-bone:#e9e2d0;--px-muted:#8d95a3;--px-amber:#f2b544;--px-amber-hi:#ffe08a;--px-amber-lo:#b8741f;--px-rust:#c8452f;--px-blue:#7aa2f7;--px-font:"Sukhumvit Set", Thonburi, "Noto Sans Thai", system-ui, sans-serif;--px-mono:ui-monospace, Menlo, monospace;--px-num:"LL Num", var(--px-font);--px-label:"LL Pixel", var(--px-font);--px-notch6:polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);--px-notch3:polygon(3px 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0 calc(100% - 3px), 0 3px)}.px{image-rendering:pixelated}.pixel-rain{pointer-events:none;position:absolute}.picon{shape-rendering:crispedges;flex:none;display:block}.ppanel{color:var(--px-bone);box-shadow:inset 0 0 0 3px var(--px-ink), inset 0 0 0 6px var(--px-steel), inset 0 9px 0 0 var(--px-night-2);clip-path:var(--px-notch6);background:#0e1320f2;padding:18px 20px 16px}.ppanel hr{background:var(--px-steel);border:0;height:3px;margin:10px 0}.pbtn{min-height:44px;color:var(--px-bone);font:inherit;font-family:var(--px-font);box-shadow:inset 0 0 0 3px var(--px-ink), inset 0 0 0 6px var(--px-steel);cursor:pointer;background:#0e1320eb;border:0;border-radius:0;padding:0 14px;font-size:15px}.pbtn:focus-visible,.pbtn:hover:not(:disabled){box-shadow:inset 0 0 0 3px var(--px-ink), inset 0 0 0 6px var(--px-amber);outline:none}.pbtn:disabled{opacity:.45;cursor:default}.pbtn.primary{color:var(--px-ink);background:var(--px-amber);box-shadow:inset 0 3px 0 var(--px-amber-hi), inset 0 -3px 0 var(--px-amber-lo);clip-path:var(--px-notch3);font-weight:700}.pbtn.primary:disabled{color:var(--px-muted);background:var(--px-night-2);box-shadow:inset 0 3px 0 var(--px-steel), inset 0 -3px 0 var(--px-ink);opacity:1}.pbtn.danger{background:#4a1712}.pbar{height:15px;box-shadow:inset 0 0 0 3px var(--px-ink);background:#2a1518;flex:1;position:relative}.pbar i{background:var(--px-rust);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:inset 0 3px #e9765f}.pbar.armor{background:#16223a}.pbar.armor i{background:var(--px-blue);box-shadow:inset 0 3px #b5cbff}.pbar.load{background:#241d10}.pbar.load i{background:var(--px-amber);box-shadow:inset 0 3px 0 var(--px-amber-hi)}.pmodal-back{z-index:60;font-family:var(--px-font);background:#07090d9e;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.pmodal{width:min(440px,100%);max-height:100%;overflow:auto}.pmodal.mid{width:min(680px,100%)}.pmodal.wide{width:min(900px,100%)}.pmodal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pmodal-head h2{margin:0;font-size:22px}.pmodal-back.full{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))}.pmodal.full{grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;padding:14px 18px 12px;display:grid}.pmodal.full .pmodal-head{margin-bottom:8px}.pmodal.full .pmodal-body{min-height:0;display:grid}.pmenu{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pmenu .pbtn{text-align:left;width:100%;min-height:52px;padding:6px 18px;font-size:19px;font-weight:600}.pmenu.two{grid-template-columns:1fr 1fr}.pmenu .pbtn small{color:var(--px-muted);font-size:12px;font-weight:500;display:block}.pmenu .pbtn.primary small{color:#4a300c}.pmenu .pbtn.primary:disabled small{color:var(--px-muted)}.ptabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.ptabs .pbtn[aria-selected=true],.pchoice-row .pbtn[aria-pressed=true]{color:var(--px-ink);background:var(--px-amber);box-shadow:inset 0 3px 0 var(--px-amber-hi), inset 0 -3px 0 var(--px-amber-lo)}.prow{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;display:flex}.pchoice-row{flex-wrap:wrap;gap:6px;display:flex}.pnote{color:var(--px-muted);margin:8px 0;font-size:14px}.pnote.warn{color:#ff9a7a}.pbtn.pstep{min-width:48px;font-size:20px}.plevel{min-width:9em}.settings .tmodal-tabs{margin-bottom:10px}.settings-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.settings-cols .prow:not(.pchoice){flex-wrap:nowrap}.settings-cols .prow>.pbtn{flex:none}@media (width<=720px){.settings-cols{grid-template-columns:minmax(0,1fr)}}.controls{gap:8px;display:grid}.controls-table{border-collapse:collapse;width:100%;font-size:15px}.controls-table th,.controls-table td{border-bottom:2px solid var(--px-steel);text-align:left;padding:5px 8px}.controls-table th{width:48%;color:var(--px-muted);font-weight:600}.kglyph{min-width:24px;height:24px;font-family:var(--px-label);place-items:center;padding:0 5px;font-size:13px;line-height:1;display:inline-grid}.kglyph.key{color:var(--px-ink);background:var(--px-bone);box-shadow:inset 0 -3px #a9a290}.kglyph.pad{color:#fff;background:#3a5fa8;border-radius:50%;width:24px;padding:0}.kglyph.pad-a{background:#3f9a4a}.kglyph.pad-b{background:#c0392b}.kglyph.pad-y{background:#c9a227}.kglyph.pad.wide{background:#4b5566;border-radius:4px;width:auto;padding:0 6px}.kglyph.icon{padding:0}.portrait{box-shadow:0 0 0 3px var(--px-ink), 0 0 0 5px var(--px-steel);background-color:#1b2233;background-repeat:no-repeat;flex:none;margin:3px 2px 0 3px}.hud-row{align-items:center;gap:6px;min-height:16px;display:flex}.hud-num{font-family:var(--px-num);font-size:13px;line-height:1}.segbar{gap:2px;display:flex}.seg{width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--px-ink);background:#2a1518;position:relative}.seg-fill{background:var(--px-rust);max-width:6px;position:absolute;inset:2px auto 2px 2px;box-shadow:inset 0 2px #e9765f}.segbar.armor .seg{background:#16223a}.segbar.armor .seg-fill{background:var(--px-blue);box-shadow:inset 0 2px #b5cbff}.sicon{image-rendering:pixelated;background-repeat:no-repeat;flex:none;display:inline-block}.hint-toast{z-index:30;width:max-content;max-width:min(460px,46vw);font:inherit;font-family:var(--px-font);text-align:left;cursor:pointer;border:0;gap:4px;padding:12px 18px;font-size:15px;line-height:1.5;animation:.24s steps(3,end) both hint-in;display:grid;position:absolute;left:50%;transform:translate(-50%)}.hint-toast.at-action,.hint-toast.at-map{top:calc(var(--safe-t,8px) + 10px)}.hint-toast.at-camp{top:calc(var(--safe-t,8px) + 10px);max-width:min(440px,42vw);left:calc(50% + 95px)}.hint-kicker{color:var(--px-amber);font-size:12px;font-weight:700}.hint-text .kglyph{vertical-align:-5px;margin:0 2px}.hint-close{color:var(--px-muted);justify-self:end;font-size:11px}@keyframes hint-in{0%{opacity:0;translate:0 -6px}}@media (prefers-reduced-motion:reduce){.hint-toast{animation:none}}.pinput{box-sizing:border-box;width:100%;min-height:52px;color:var(--px-bone);font:inherit;font-family:var(--px-font);background:var(--px-ink);box-shadow:inset 0 0 0 3px var(--px-steel), inset 0 6px 0 #00000059;border:0;border-radius:0;outline:none;padding:0 16px;font-size:20px}.pinput:focus{box-shadow:inset 0 0 0 3px var(--px-amber), inset 0 6px 0 #00000059}.pinput::placeholder{color:var(--px-muted)}.hero-name{gap:12px;display:grid}.hero-name-picks{flex-wrap:wrap;gap:8px;display:flex}.hero-name-picks .pbtn.on{color:var(--px-ink);background:var(--px-amber)}.input-note{flex-basis:100%;min-height:40px;margin:0}.input-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.input-card{min-height:196px;font:inherit;text-align:center;cursor:pointer;border:0;align-content:start;justify-items:center;gap:10px;padding:26px 14px 40px;display:grid;position:relative}.input-card b{font-size:18px}.input-card-note{color:var(--px-muted);font-size:13px;line-height:1.5}.input-card.found{box-shadow:inset 0 0 0 3px var(--px-ink), inset 0 0 0 6px var(--px-bone), inset 0 9px 0 0 var(--px-night-2)}.input-card:focus-visible,.input-card:hover{box-shadow:inset 0 0 0 3px var(--px-ink), inset 0 0 0 6px var(--px-amber), inset 0 9px 0 0 var(--px-night-2);outline:none}.input-found{width:max-content;color:var(--px-ink);background:var(--px-bone);margin:0 auto;padding:0 6px;font-size:12px;line-height:18px;position:absolute;bottom:14px;left:0;right:0}.ctl-captions{left:50%;bottom:var(--safe-b,8px);z-index:4;width:max-content;max-width:calc(100% - 32px);font-family:var(--px-font);color:var(--px-bone);pointer-events:none;background:#07090d8c;flex-wrap:wrap;justify-content:center;gap:4px 12px;padding:4px 10px;font-size:12px;line-height:20px;display:flex;position:absolute;transform:translate(-50%)}.ctl-caption{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.ctl-captions .kglyph{min-width:20px;height:20px;font-size:11px}.ctl-captions .kglyph.pad:not(.wide){width:20px}@media (height<=500px){.pmenu{grid-template-columns:1fr 1fr}.pmenu .pbtn{min-height:48px;padding:4px 12px;font-size:16px}.pmodal-back{padding:8px}.pmodal{width:min(620px,100%)}.pmodal-head{margin-bottom:8px}.pmodal-head h2{font-size:18px}.hint-toast{max-width:min(380px,44vw);padding:7px 12px;font-size:13px;line-height:1.4}.hint-toast.at-camp{top:auto;bottom:calc(var(--safe-b,8px) + 36px);max-width:min(420px,50vw);left:50%}}.install-steps{margin:0 0 8px;padding-left:22px;font-size:15px;line-height:1.7}