.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}.journal{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;display:grid}.journal h3{margin:0 0 6px;font-size:15px}.journal-quest{margin-bottom:12px}.journal-quest.main h3{color:var(--px-amber)}.journal-quest ol{gap:4px;margin:0;padding-left:20px;font-size:14px;display:grid}.journal-quest li.done{color:var(--px-muted);text-decoration:line-through}.journal-items ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.journal-items li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.journal-items small{color:var(--px-muted);font-size:12px;display:block}.journal-quest ul{gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}.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-reserve{color:var(--px-muted);margin-left:4px}.hud-reserve.out{color:var(--px-rust)}.hud-gun.swapping{opacity:.5}.hud-other{color:var(--px-muted);font-size:12px;font-family:var(--px-num);gap:6px}.hud-other small{font-family:var(--px-font)}.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.reload .hud-device-dot{background:var(--px-amber)}.hud-device.damage .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-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-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}@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-knife{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}.t-swap{width:52px;height:52px;bottom:178px;right:24px}.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}.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)}.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: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-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-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}.facility-card{background:var(--panel-2);border:1px solid var(--accent);border-radius:8px;gap:6px;margin-bottom:10px;padding:10px 12px;display:grid}.facility-card h3,.night h3{margin:0;font-size:15px}.cost{flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.cost li{border:1px solid var(--line);border-radius:6px;padding:2px 8px}.cost li.short{border-color:var(--danger);color:#ff9b8f}.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}}.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}.track-level{color:var(--accent);font-size:13px}.track-steps{gap:6px;margin:0;padding-left:18px;font-size:13px;display:grid}.track-steps li.done{color:var(--ok)}.track-steps li.later{color:var(--muted)}.track-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.track-list button{text-align:left;grid-template-columns:1fr auto;gap:2px 10px;width:100%;min-height:48px;display:grid}.drawer .track-list small{color:var(--muted);grid-column:1/-1}.lv-pips{align-items:center;gap:3px;display:flex}.lv-pips i{background:var(--line);border-radius:2px;width:12px;height:8px}.lv-pips i.on{background:var(--accent)}.camp-menu-actions{flex-wrap:wrap;gap:8px;display:flex}.camp-menu-actions button{min-height:44px}.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);flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:6px 10px;font-size:13px;display:flex}.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-lead{color:var(--px-bone);background:var(--px-night-2);box-shadow:inset 3px 0 0 var(--px-steel);padding:6px 10px;font-size:13px}.place-quest{background:#ff9a3c1f;padding:8px 10px;font-size:13px;box-shadow:inset 3px 0 #ff9a3c}.place-quest-title{color:#ffb36b;display:block}.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:16px 14px calc(var(--safe-b,0px) + 14px);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:14px;display:flex;overflow-y:auto}.place-card{gap:10px;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:8px 10px;font-size:13px;font-style:italic}.place-rumour,.place-known{gap:6px;display:grid}.place-rumour ul{margin:0;padding-left:18px;font-size:13px}.place-danger{align-items:center;gap:4px;font-size:13px;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;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{gap:8px;margin-top:4px;display:grid}.place-actions .pbtn{min-height:52px}.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}.drawer-right.drawer-wide{width:min(420px,48%)}.level-preview{justify-items:center;gap:6px;margin-bottom:4px;display:grid}.level-preview-tabs{color:var(--px-muted);align-items:center;gap:6px;font-size:13px;display:flex}.level-preview-tabs button{min-height:32px;color:var(--px-bone);font:inherit;font-family:var(--px-num);box-shadow:inset 0 0 0 2px var(--px-steel);cursor:pointer;background:#07090d99;border:0;border-radius:0;padding:2px 10px}.level-preview-tabs button[aria-selected=true]{color:var(--px-ink);background:var(--px-amber);box-shadow:inset 0 0 0 2px var(--px-amber-lo)}.level-preview-frame{box-shadow:0 0 0 3px var(--px-ink), 0 0 0 5px var(--px-steel);background:#2a2419;place-items:center;display:grid;position:relative}.level-preview-frame img{image-rendering:pixelated;display:block}.level-preview-empty{color:var(--px-muted);font-size:13px}.level-preview-tag{font-family:var(--px-num);color:var(--px-ink);background:var(--px-amber);padding:2px 8px;font-size:13px;position:absolute;bottom:6px;left:6px}.level-preview-tag.from{color:var(--px-bone);background:#07090dcc}.facility-effect{color:var(--muted);margin:0;font-size:13px}.build-cost{grid-template-columns:repeat(2,1fr);gap:4px 10px;margin:2px 0;padding:0;list-style:none;display:grid}.build-cost-item{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.build-cost-n{font-family:var(--px-num);color:var(--px-bone);font-size:13px;font-weight:400}.build-cost-item.short,.build-cost-item.short .build-cost-n{color:#ff8a70}.build-needs{color:var(--muted);margin:0;font-size:12px}.build-need{color:#ffb4a0;background:#78281473;margin:2px 4px 0 0;padding:1px 8px;display:inline-block}.build-go{width:100%;min-height:48px;font-size:16px}.gun-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.gun-row{background:var(--px-night-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.gun-row>button,.gun-row>.ok{white-space:nowrap}.gun-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.gun-row.carried{box-shadow:inset 3px 0 0 var(--px-amber)}.gun-stats{color:var(--px-muted);font-size:12px;display:block}.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}}: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.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}.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 .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]{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}.pnote{color:var(--px-muted);margin:8px 0;font-size:14px}.pnote.warn{color:#ff9a7a}.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:6px 8px}.controls-table th{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)}