.weekly-challenge-hud{top:calc(env(safe-area-inset-top,0px) + 82px);color:#f8fafc;pointer-events:none;z-index:15;background:#0f172ae0;border:1px solid #475569;border-radius:8px;gap:3px;width:fit-content;max-width:calc(100% - 24px);padding:7px 10px;font-size:12px;line-height:1.35;display:grid;position:absolute;left:12px;right:12px}.weekly-challenge-hud[hidden]{display:none}.weekly-challenge-hud strong,.weekly-challenge-hud span{overflow-wrap:anywhere}@media (width<=380px) and (orientation:portrait){.weekly-challenge-hud{top:calc(env(safe-area-inset-top,0px) + 120px)}}.player-banner,.pb-card{--banner-ink:#302418;--banner-accent:#795520;--banner-bg:#eee2c9;--frame-gold-edge:#b58a41;--frame-gold-shine:#f4d890;aspect-ratio:3;isolation:isolate;-webkit-user-select:none;user-select:none;pointer-events:none;box-sizing:border-box;background:0 0;border-radius:6px;align-items:center;width:min(330px,100vw - 28px);padding:0;display:flex;position:absolute;overflow:visible;container-type:inline-size}.pb-layer-background{z-index:0;background-color:var(--banner-bg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:6px;transition:inset .15s,border-radius .15s;position:absolute;inset:0;overflow:hidden}.pb-layer-background:after{content:"";pointer-events:none;background:linear-gradient(90deg,#e8dabe73 0%,#efe2cab3 26%,#f4ebdacc 50%,#f4ebda80 100%);position:absolute;inset:0}.player-banner[data-theme=slate] .pb-layer-background,.pb-card[data-theme=slate] .pb-layer-background{--banner-ink:#172c43;--banner-accent:#35506e;--banner-bg:#dce5f0}.player-banner[data-theme=slate] .pb-layer-background:after,.pb-card[data-theme=slate] .pb-layer-background:after{background:linear-gradient(90deg,#dce5f066 0%,#dce5f0b3 35%,#dce5f073 100%)}.player-banner[data-theme=forest] .pb-layer-background,.pb-card[data-theme=forest] .pb-layer-background{--banner-ink:#25351e;--banner-accent:#3d542d;--banner-bg:#e1e7cb}.player-banner[data-theme=forest] .pb-layer-background:after,.pb-card[data-theme=forest] .pb-layer-background:after{background:linear-gradient(90deg,#e1e7cb66 0%,#e1e7cbb3 35%,#e1e7cb73 100%)}.player-banner[data-theme=banner_cosmic_knight] .pb-layer-background,.pb-card[data-theme=banner_cosmic_knight] .pb-layer-background{--banner-ink:#f8fafc;--banner-accent:#818cf8;--banner-bg:#0f172a}.player-banner[data-theme=banner_cosmic_knight] .pb-layer-background:after,.pb-card[data-theme=banner_cosmic_knight] .pb-layer-background:after{background:linear-gradient(90deg,#0f172a80 0%,#0f172abf 40%,#0f172a66 100%)}.player-banner[data-theme=banner_crimson_sun] .pb-layer-background,.pb-card[data-theme=banner_crimson_sun] .pb-layer-background{--banner-ink:#fff1f2;--banner-accent:#fb7185;--banner-bg:#1c1917}.player-banner[data-theme=banner_crimson_sun] .pb-layer-background:after,.pb-card[data-theme=banner_crimson_sun] .pb-layer-background:after{background:linear-gradient(90deg,#1c191780 0%,#1c1917bf 40%,#1c191766 100%)}.player-banner[data-theme=banner_hidden_myeongnyang] .pb-layer-background,.pb-card[data-theme=banner_hidden_myeongnyang] .pb-layer-background{--banner-ink:#f0fdfa;--banner-accent:#2dd4bf;--banner-bg:#042f2e}.player-banner[data-theme=banner_hidden_myeongnyang] .pb-layer-background:after,.pb-card[data-theme=banner_hidden_myeongnyang] .pb-layer-background:after{background:linear-gradient(90deg,#042f2e80 0%,#042f2ebf 40%,#042f2e66 100%)}.player-banner[data-theme=plain],.pb-card[data-theme=plain]{--banner-ink:#f1f5f9;--banner-accent:#94a3b8;--banner-bg:#273344}.player-banner[data-theme=plain] .pb-layer-background,.pb-card[data-theme=plain] .pb-layer-background{background-color:#273344;background-image:none!important}.player-banner[data-theme=plain] .pb-layer-background:after,.pb-card[data-theme=plain] .pb-layer-background:after{display:none}.pb-layer-frame{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:visible}.pb-frame-img{object-fit:fill;pointer-events:none;width:102%;height:160%;display:block;position:absolute;top:-24%;left:-1%}.pb-frame-fallback{border:2px solid var(--frame-gold-edge);border-radius:6px;display:none;position:absolute;inset:0;box-shadow:inset 0 0 4px #d4af3766}.player-banner[data-has-frame=true] .pb-layer-background,.pb-card[data-has-frame=true] .pb-layer-background{border-radius:2px;inset:8% 5% 6%}.player-banner[data-frame-style=mastery-complete] .pb-frame-img,.pb-card[data-frame-style=mastery-complete] .pb-frame-img{filter:drop-shadow(0 0 6px #f4d890a6)brightness(1.08)}.pb-layer-badge,.pb-layer-badgeframe{aspect-ratio:1;box-sizing:border-box;border-radius:50%;width:15%;position:absolute;top:50%;left:12%;transform:translateY(-50%)}.pb-layer-badge{z-index:2;background:#382816;place-items:center;padding:3px;display:grid;overflow:hidden;box-shadow:0 1px 4px #00000059}.pb-badge-img{object-fit:contain;width:100%;height:100%;display:block}.pb-badge-glyph{color:#ffe7a3;text-shadow:0 1px 2px #000c;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;line-height:1;display:flex}.pb-badge-fallback-svg{width:80%;height:80%;display:none}.pb-layer-badgeframe{z-index:3;pointer-events:none;border:2px solid var(--frame-gold-edge);outline:1px solid var(--frame-gold-shine);outline-offset:1px}.pb-layer-badgeframe[data-frame=silver]{border-color:#a4b8cf;outline-color:#eef5ff}.pb-layer-badgeframe[data-frame=violet]{border-color:#b986d7;outline-color:#f1d9ff}.pb-layer-content,.player-banner-text{z-index:3;min-width:0;color:var(--banner-ink);pointer-events:none;flex-direction:column;gap:3px;display:flex;position:absolute;top:50%;left:32%;right:14%;transform:translateY(-50%)}.player-banner[data-badge-visible=false] .player-banner-text,.pb-card[data-badge-visible=false] .pb-layer-content{left:14%}.pb-name,.player-banner-name{color:var(--banner-ink);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;line-height:1.25;overflow:hidden}.pb-tier,.player-banner-detail{color:var(--banner-ink);opacity:.88;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.25;overflow:hidden}.pb-title-plate{--title-edge:#bc904a;--title-ink:#ffe6b2;--title-fill:#322316;color:var(--banner-accent);white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:1px 0;font-size:11px;font-weight:600;line-height:1.2;display:inline-block;overflow:hidden}.pb-title-plate[data-frame]:not([data-frame=none]):not([data-frame=""]){color:var(--title-ink);background:var(--title-fill);border:1px solid var(--title-edge);box-shadow:inset 0 0 0 1px var(--title-fill), inset 0 0 0 2px color-mix(in srgb, var(--title-edge) 45%, transparent);border-radius:3px;width:fit-content;padding:2px 7px}.pb-title-plate[data-frame=silver]{--title-edge:#a4b8cf;--title-ink:#eef5ff;--title-fill:#1d2c40}.pb-title-plate[data-frame=violet]{--title-edge:#b986d7;--title-ink:#f1d9ff;--title-fill:#321c45}.player-banner[data-active=true] .player-banner-text{border-bottom:2px solid var(--banner-accent)}.pb-layer-frame[hidden],.pb-layer-badge[hidden],.pb-layer-badgeframe[hidden],.pb-title-plate[hidden]{display:none!important}@container (width<=280px){.pb-name,.player-banner-name{font-size:14px}.pb-tier,.player-banner-detail{font-size:11.5px}.pb-title-plate{display:none!important}}@media (width<=380px){.pb-title-plate{display:none!important}}@media (orientation:landscape) and (height<=500px){.player-banner,.pb-card{width:210px;padding:0}.pb-name,.player-banner-name{font-size:13px}.pb-tier,.player-banner-detail{font-size:11px}.pb-title-plate{display:none!important}.pb-layer-content,.player-banner-text{gap:2px}}.pb-layer-frame{border-radius:6px;overflow:hidden}.pb-layer-content,.player-banner-text{gap:6px}.player-banners{z-index:9;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.player-banners[hidden]{display:none}.player-banner{--banner-ink:#302418;--banner-accent:#795520;--banner-bg:#eee2c9;aspect-ratio:3;box-sizing:border-box;width:min(330px,100vw - 28px);color:var(--banner-ink);pointer-events:none;border:0;border-radius:6px;align-items:center;display:flex;position:absolute;container-type:inline-size}.player-banner[data-theme=slate]{--banner-ink:#172c43;--banner-accent:#35506e;--banner-bg:#dce5f0}.player-banner[data-theme=forest]{--banner-ink:#25351e;--banner-accent:#3d542d;--banner-bg:#e1e7cb}.player-banner[data-theme=banner_cosmic_knight]{--banner-ink:#f8fafc;--banner-accent:#818cf8;--banner-bg:#0f172a;text-shadow:0 1px 3px #000000d9}.player-banner[data-theme=banner_crimson_sun]{--banner-ink:#fff1f2;--banner-accent:#fb7185;--banner-bg:#1c1917;text-shadow:0 1px 3px #000000d9}.player-banner[data-theme=banner_hidden_myeongnyang]{--banner-ink:#f0fdfa;--banner-accent:#2dd4bf;--banner-bg:#042f2e;text-shadow:0 1px 3px #000000d9}.player-banner[data-theme=plain]{--banner-ink:#f1f5f9;--banner-accent:#94a3b8;--banner-bg:#273344}.player-banner[data-owner=opponent]{top:54px;left:14px}.player-banner[data-owner=self]{bottom:calc(14px + env(safe-area-inset-bottom,0px));right:14px}.player-banner-emblem{display:none}.player-banner-add{z-index:10;pointer-events:auto;border:1px solid var(--banner-accent);background:var(--banner-bg);width:38px;height:38px;color:var(--banner-ink);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:22px;transition:transform .1s,background-color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%);box-shadow:0 1px 4px #00000040}.player-banner-add:hover:not(:disabled){transform:translateY(-50%)scale(1.05)}.player-banner-add[hidden]{display:none!important}.player-banner-add:disabled{cursor:default;opacity:.7}.player-banner-add:focus-visible{outline:2px solid var(--banner-ink);outline-offset:2px}.player-banner[data-owner=opponent]:has(.player-banner-add:not([hidden])) .player-banner-text{right:52px}.player-banner-status{background:var(--banner-bg);max-width:100%;color:var(--banner-ink);border:1px solid var(--banner-accent);pointer-events:none;z-index:11;border-radius:6px;margin:5px 0 0;padding:8px;font-size:12px;line-height:1.4;position:absolute;top:100%;left:0;box-shadow:0 2px 8px #0000004d}.player-banner-status[hidden]{display:none!important}@media (width<=600px){.player-banner{width:min(270px,100vw - 20px)}.player-banner[data-owner=opponent]{top:50px;left:10px}.player-banner[data-owner=self]{bottom:calc(10px + env(safe-area-inset-bottom,0px));right:10px}.player-banner-name{font-size:14px}.player-banner-detail{font-size:11.5px}.player-banner-add{width:32px;height:32px;font-size:18px;right:6px}.player-banner[data-owner=opponent]:has(.player-banner-add:not([hidden])) .player-banner-text{right:42px}}@media (width<=1050px){.player-banners:not([hidden])~.turn-hud-container>.mastery-hud-objective{width:max-content;position:absolute;top:145px}}#app:has(.player-banners:not([hidden])) .aim-parameters{bottom:calc(134px + env(safe-area-inset-bottom,0px))}@media (orientation:landscape) and (height<=500px){.player-banner{aspect-ratio:3;width:210px}.player-banner-name{font-size:13px}.player-banner-detail{font-size:11px}.player-banner-add{width:30px;height:30px;font-size:16px;right:4px}.player-banner[data-owner=opponent]:has(.player-banner-add:not([hidden])) .player-banner-text{right:38px}#app:has(.player-banners:not([hidden])) .aim-parameters{bottom:94px}}@media (width<=380px) and (orientation:portrait){.player-banner[data-owner=opponent]{top:92px}}@media (orientation:landscape) and (height<=500px) and (width<=740px){.player-banner{width:180px}.player-banner[data-owner=self]{bottom:calc(4px + env(safe-area-inset-bottom,0px))}}:root{color:#f8f2e7;font-synthesis:none;background:#171410;font-family:Inter,Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tier-badge{--tier-color:#cbd5e1;max-width:100%;color:var(--tier-color);vertical-align:middle;align-items:center;gap:5px;font-weight:750;line-height:1.35;display:inline-flex}.tier-knight{--tier-color:#86efac}.tier-bishop{--tier-color:#93c5fd}.tier-rook{--tier-color:#c4b5fd}.tier-queen{--tier-color:#fcd34d}.tier-king{--tier-color:#fda4af}.tier-emblem{flex-shrink:0;justify-content:center;align-items:center;width:23px;height:26px;font-family:Georgia,Segoe UI Symbol,serif;font-size:23px;display:inline-flex}.tier-label{overflow-wrap:anywhere}.tier-progress-text{color:#94a3b8;overflow-wrap:anywhere;margin:5px 0 3px;font-size:11px;line-height:1.5;display:block}.tier-progress{accent-color:#60a5fa;border:0;border-radius:3px;width:100%;height:5px;display:block;overflow:hidden}.tier-progress::-webkit-progress-bar{background:#334155}.tier-progress::-webkit-progress-value{background:#60a5fa}.tier-progress::-moz-progress-bar{background:#60a5fa}.tier-guide{color:#94a3b8;padding:10px 16px;font-size:12px;line-height:1.6}.tier-guide summary{cursor:pointer;color:#cbd5e1}.ranking-columns{grid-template-columns:28px minmax(0,1fr) minmax(84px,40%);align-items:center;gap:8px;display:grid}.ranking-record{color:#94a3b8;margin-top:3px;font-size:11px;line-height:1.5;display:block}.menu-tier-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:12px;display:grid}.menu-tier-column{overflow-wrap:anywhere;flex-direction:column;gap:6px;min-width:0;display:flex}.menu-tier-column>:last-child{color:#94a3b8;margin-top:auto;font-size:11px}.main-menu-modes button{word-break:keep-all;overflow-wrap:anywhere;min-width:0}.main-menu-panel h1{overflow-wrap:anywhere;max-width:100%}.ranking-own-tier{color:#cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.ranking-own-detail{color:#cbd5e1;margin-top:6px;line-height:1.5}.ranking-modal-card .tier-guide{margin-top:8px;padding-left:0;padding-right:0}.ranking-retry{color:#f8fafc;cursor:pointer;background:#334155;border:1px solid #64748b;border-radius:6px;min-height:44px;margin:12px auto 0;padding:10px 16px;display:block}.ranking-modal-card button{min-height:40px}.ranking-modal-card button[aria-pressed],.ranking-columns>*{overflow-wrap:anywhere;min-width:0}.ranking-modal-card button[aria-pressed=true]{text-underline-offset:4px;font-weight:800;text-decoration:underline}.ranking-modal-card button:focus-visible,.tier-guide summary:focus-visible{outline-offset:2px;outline:2px solid #f8fafc}@media (prefers-reduced-motion:reduce){.ranking-modal-card button{transition:none!important}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{background:#171410;min-width:320px;min-height:100vh;margin:0;overflow:hidden}#app{position:relative}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.aim-power{z-index:3;text-align:center;pointer-events:none;background:#0c0e11c7;border-radius:999px;min-width:5rem;padding:.35rem .7rem;font:700 1rem/1.2 ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.aim-elevation{z-index:3;pointer-events:none;background:#0c0e11c7;border-radius:.6rem;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .5rem .3rem;display:flex;position:absolute;bottom:.75rem;left:.75rem}.aim-elevation[hidden]{display:none}.aim-elevation-dial{width:6rem;height:6rem}.aim-elevation-board{stroke:#ffffff8c;stroke-width:2.5px}.aim-elevation-limit{stroke:#fff3;stroke-width:1.5px;stroke-dasharray:4 4}.aim-elevation-pivot{fill:#ffffffb3}.aim-elevation-needle{fill:#ffd54a}.aim-elevation-value{color:#ffd54a;font:700 .8rem/1 ui-monospace,Cascadia Mono,Consolas,monospace}.turn-hud-container{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:6px;height:34px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.input-mode-toggle{z-index:5;box-sizing:border-box;background:#0c0e11d6;border:1px solid #ffffff24;border-radius:.65rem;justify-content:center;align-items:center;gap:.25rem;height:34px;padding:.25rem;display:flex;position:absolute;top:14px;left:auto;right:calc(50% + 125px)}.return-menu-button{z-index:20;color:#f8f2e7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;box-sizing:border-box;background:#0f172ae0;border:1px solid #ffffff29;border-radius:.65rem;height:34px;padding:.45rem .75rem;font-size:.85rem;font-weight:700;position:absolute;top:14px;left:auto;right:14px}.online-ping-hud{z-index:50;color:#f8f2e7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;box-sizing:border-box;text-align:center;background:#0f172ae0;border:1px solid #ffffff29;border-radius:.65rem;justify-content:center;align-items:center;gap:5px;min-width:68px;height:28px;padding:.25rem .5rem;font-size:.8rem;font-weight:700;display:inline-flex;position:fixed;top:54px;right:14px}.return-menu-button,.tuning-actions button{color:#f8f2e7;cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:.45rem;padding:.45rem .7rem}.input-mode-toggle button{text-align:center;color:#f8f2e7;cursor:pointer;box-sizing:border-box;vertical-align:middle;background:#ffffff12;border:1px solid #ffffff29;border-radius:.45rem;justify-content:center;align-items:center;height:26px;margin:0;padding:0 .75rem;font-family:inherit;font-size:.82rem;font-weight:700;line-height:1;display:inline-flex}.input-mode-toggle button[aria-pressed=true]{color:#171410;background:#ffd54a;border-color:#ffd54a}.strike-action-bar{z-index:5;pointer-events:none;background:#0c0e11d6;border:1px solid #ffffff24;border-radius:.65rem;flex-direction:column;gap:.25rem;padding:.25rem;display:flex;position:absolute}.strike-action-bar button{color:#f8f2e7;cursor:pointer;pointer-events:auto;background:#ffffff12;border:1px solid #ffffff29;border-radius:.45rem;padding:.45rem .7rem}.strike-action-bar button[aria-pressed=true]{color:#171410;background:#ffd54a;border-color:#ffd54a}.strike-action-bar[hidden]{display:none}@media (pointer:coarse){.strike-action-bar button{min-width:44px;min-height:44px}}.strike-point-panel{z-index:6;color:#f8f2e7;background:#0c0e11eb;border:1px solid #ffffff2e;border-radius:.75rem;gap:.45rem;width:min(11rem,32vh);padding:.6rem;display:grid;position:absolute;top:50%;left:max(180px,50% - 20rem);transform:translateY(-50%);box-shadow:0 .5rem 1.5rem #00000059}.strike-point-panel.is-coarse{width:min(14rem,42vw,46vh)}.strike-point-panel[hidden]{display:none}.strike-point-panel strong{text-align:center;font-size:.9rem}.strike-point-panel-viewport{aspect-ratio:1;background:#111820;border:1px solid #ffffff24;border-radius:.55rem;width:100%;position:relative;overflow:hidden}.strike-point-panel-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.strike-point-panel-marker{pointer-events:none;background:#ff3b30b8;border:2px solid #ffd54a;border-radius:50%;width:.75rem;height:.75rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 .4rem #000c}.strike-point-panel-marker[hidden]{display:none}.strike-point-panel button{color:#f8f2e7;cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:.45rem;padding:.45rem .7rem}.return-menu-button:disabled{cursor:wait;opacity:.65}.aim-parameters,.tuning-panel{z-index:4;background:#0c0e11e0;border:1px solid #ffffff24;border-radius:.65rem;width:min(23rem,100vw - 1.5rem);padding:.8rem;position:absolute;right:184px;box-shadow:0 .5rem 1.5rem #00000040}.aim-parameters{width:min(19rem,100vw - 1.5rem);padding:.55rem .7rem;bottom:.75rem}.tuning-panel{max-height:calc(100vh - 1.5rem);top:.75rem;left:184px;right:auto;overflow:auto}.card-tuning-panel{width:min(28rem,100vw - 1.5rem);left:auto;right:184px}.aim-parameters[hidden],.tuning-panel[hidden]{display:none}.tuning-panel h2{margin:0 0 .65rem;font-size:.95rem}.tuning-control{grid-template-columns:5.6rem minmax(5rem,1fr) 3.8rem 4.5rem;align-items:center;gap:.4rem;margin:.35rem 0;font-size:.75rem;display:grid}.tuning-control input[type=number]{width:100%;min-width:0;color:inherit;background:#00000047;border:1px solid #ffffff2e;border-radius:.3rem;padding:.25rem}.tuning-control.tuning-toggle{grid-template-columns:minmax(0,1fr) auto}.tuning-control.tuning-toggle input[type=checkbox]{width:1rem;height:1rem}.tuning-readout{margin:0;font-size:.75rem}.tuning-readout>div{grid-template-columns:7.5rem minmax(0,1fr);gap:.5rem;margin:.3rem 0;display:grid}.tuning-readout dt{color:#d1cbc2}.tuning-readout dd{color:#fff4cf;font-variant-numeric:tabular-nums;margin:0}.strike-feedback{color:#ffe7a3;white-space:pre-wrap;margin:0;font:.72rem/1.45 ui-monospace,Cascadia Mono,Consolas,monospace}.tuning-note{color:#d1cbc2;margin:.5rem 0 0;font-size:.7rem;line-height:1.4}.tuning-storage-warning{color:#ffb4a8}.tuning-online-notice{color:#ffe7a3}.aim-error{color:#ff9a8f;margin:.4rem 0 0;font-size:.72rem;line-height:1.35}.tuning-panel fieldset{border:1px solid #ffffff1f;border-radius:.45rem;margin:0 0 .55rem;padding:.35rem .55rem .5rem}.tuning-panel legend{color:#ffe7a3;padding:0 .25rem;font-size:.73rem}.tuning-actions{flex-wrap:wrap;gap:.4rem;margin-top:.65rem;display:flex}.loading-panel,.error-panel{z-index:3;background:#181410e0;border:1px solid #ffffff24;border-radius:.7rem;max-width:min(90vw,48rem);padding:1rem 1.25rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 1rem 3rem #00000059}.match-result-overlay{z-index:20;pointer-events:auto;background:#0f172af2;place-items:center;padding:1.25rem;display:grid;position:absolute;inset:0}.match-result-overlay[hidden]{display:none}.match-result-panel{overscroll-behavior:contain;text-align:center;background:#181410f5;border:1px solid #ffffff2e;border-radius:.8rem;width:min(24rem,100% - 1.5rem);max-height:100%;padding:1.5rem;overflow-y:auto;box-shadow:0 1rem 3rem #00000073}.match-result-panel:has(.match-card-choices:not([hidden])){width:min(52rem,100% - 2rem)}.match-result-panel p{color:#d1cbc2;margin:0 0 .45rem;font-size:.8rem}.match-result-panel h1{color:#ffe7a3;word-break:keep-all;margin:0 0 1.1rem;font-size:clamp(1.7rem,5.5vw,2.25rem);line-height:1.2}.match-result-details{gap:.35rem;margin:-.35rem 0 1.2rem;display:grid}.match-result-details[hidden]{display:none}.match-result-details p{color:#f0e8dc;margin:0;font-size:.95rem;line-height:1.5}.match-result-panel button{color:#171410;min-width:8rem;font:inherit;cursor:pointer;background:#ffd54a;border:1px solid #ffd54a;border-radius:.55rem;padding:.65rem 1rem;font-weight:700}.match-result-panel button:disabled{cursor:wait;opacity:.65}.match-result-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.match-result-actions [data-match-menu],.menu-confirm-overlay [data-menu-cancel]{color:#f8f2e7;background:#ffffff17;border-color:#ffffff47}.match-card-choices{grid-template-columns:repeat(auto-fit,minmax(min(10rem,100%),1fr));gap:.75rem;width:100%;margin-bottom:1rem;display:grid}.match-card-choices[hidden]{display:none}.match-card-choices .upgrade-card{color:#f7efe2;background:linear-gradient(145deg,#544326,#292219);place-content:center;gap:.5rem;min-height:8rem;padding:1rem;display:grid}.match-card-choices .upgrade-card strong{color:#ffe7a3;font-size:1.05rem}.match-card-choices .upgrade-card span{color:#d8d0c4;font-size:.82rem;font-weight:500;line-height:1.45}.main-menu-overlay{z-index:30;background:#0b0f19;place-items:center;padding:1rem;display:grid;position:absolute;inset:0;overflow:auto}.main-menu-overlay[hidden]{display:none}.main-menu-panel{box-sizing:border-box;background:#1e293b;border:1px solid #ffffff2e;border-radius:1rem;width:min(32rem,100%);max-width:480px;max-height:calc(100vh - 2rem);padding:clamp(1rem,3vw,1.5rem);overflow:auto;box-shadow:0 1.25rem 4rem #0000007a}.main-menu-kicker{color:#c8b991;letter-spacing:.12em;text-align:center;margin:0;font-size:.78rem}.main-menu-panel h1{color:#ffe7a3;text-align:center;margin:.25rem 0 .6rem;font-size:clamp(2rem,7vw,3.2rem)}.main-menu-points{color:#d8d0c4;text-align:center;margin-bottom:.85rem}.main-menu-points strong{color:#ffd54a;margin-left:.35rem}.main-menu-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.online-lobby-panel{z-index:31;background:#0f172a;place-items:center;padding:1rem;display:grid;position:absolute;inset:0;overflow:auto}.online-lobby-card{background:#181410fa;border:1px solid #ffffff2e;border-radius:.9rem;gap:.65rem;width:min(34rem,100%);padding:clamp(1rem,3vw,1.5rem);display:grid;box-shadow:0 1.25rem 4rem #0000007a}.online-lobby-card h2,.online-lobby-card p{margin:0}.online-lobby-card h2{color:#ffe7a3;text-align:center}.online-lobby-card p{color:#d8d0c4;text-align:center;font-size:.82rem;line-height:1.4}.online-path-buttons,.online-lobby-card section{gap:.55rem;display:grid}.online-path-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.online-lobby-card section[hidden]{display:none}.online-lobby-card label{color:#d8d0c4;gap:.3rem;font-size:.78rem;display:grid}.online-lobby-card textarea{box-sizing:border-box;resize:vertical;color:#eff4f8;background:#0000004d;border:1px solid #ffffff2e;border-radius:.45rem;width:100%;min-height:5rem;padding:.45rem;font:.68rem/1.35 ui-monospace,Cascadia Mono,Consolas,monospace}.main-menu-modes button,.online-lobby-card button,.permanent-upgrade-row button,.permanent-upgrade-reset{color:#171410;font:inherit;cursor:pointer;background:#ffd54a;border:1px solid #ffd54a;border-radius:.5rem;padding:.6rem .75rem;font-weight:700}.main-menu-modes button:disabled,.online-lobby-card button:disabled,.permanent-upgrade-row button:disabled,.permanent-upgrade-reset:disabled{color:#8f887f;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff24}.main-menu-status{color:#ffe7a3;text-align:center;min-height:1.25rem;margin:.55rem 0;font-size:.78rem}.main-menu-status:empty{display:none}.permanent-upgrade-panel h2{margin:0 0 .55rem;font-size:1rem}.permanent-upgrade-heading,.permanent-upgrade-row{grid-template-columns:minmax(6.5rem,1.4fr) repeat(3,minmax(4.5rem,.8fr)) 4.5rem;align-items:center;gap:.4rem;display:grid}.permanent-upgrade-heading{color:#9f978d;padding:0 .55rem .35rem;font-size:.7rem}.permanent-upgrade-row{background:#ffffff08;border:1px solid #ffffff17;border-radius:.45rem;margin-top:.3rem;padding:.4rem .55rem;font-size:.76rem}.permanent-upgrade-row[data-locked=true]{opacity:.58;border-color:#ffffff0d}.permanent-upgrade-tier-title{color:#ffd978;margin:.75rem 0 .2rem;font-size:.82rem}.permanent-upgrade-size-row{background:#ffd54a12;border-color:#ffd54a61;margin-block:.8rem}.permanent-upgrade-row strong{color:#f4e7c5}.permanent-upgrade-row button{padding:.35rem .45rem;font-size:.74rem}.permanent-upgrade-reset{width:100%;margin-top:.85rem}.menu-confirm-overlay{z-index:40}.loading-panel p,.error-panel h1{margin:0}.error-panel h1{margin-bottom:.75rem;font-size:1.1rem}.error-panel pre{color:#ffb4a9;white-space:pre-wrap;max-height:60vh;margin:0;overflow:auto}.debug-overlay{z-index:2;color:#eff4f8;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#0c0e11c7;border:1px solid #ffffff1f;border-radius:.45rem;min-width:0;max-width:calc(100vw - 1.5rem);margin:0;padding:.45rem .65rem;font:.72rem/1.2 ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute;top:.75rem;left:.75rem;overflow:hidden;box-shadow:0 .5rem 1.5rem #00000040}.debug-overlay.is-expanded{text-overflow:clip;white-space:pre-wrap;min-width:20rem;max-height:calc(100vh - 1.5rem);padding:.7rem .8rem;line-height:1.42;overflow:auto}.replay-panel{z-index:12;color:#eff4f8;background:#0c0e11e6;border:1px solid #ffffff24;border-radius:.55rem;gap:.45rem;width:min(18rem,100vw - 1.5rem);padding:.7rem;display:grid;position:absolute;bottom:.75rem;right:.75rem;box-shadow:0 .5rem 1.5rem #0000004d}.replay-panel h2,.replay-panel p{margin:0}.replay-panel h2{color:#f4e7c5;font-size:.9rem}.replay-panel p{color:#cbd5df;font-size:.72rem;line-height:1.35}.net-panel{z-index:13;color:#eff4f8;background:#0c0e11eb;border:1px solid #ffffff24;border-radius:.55rem;gap:.45rem;width:min(24rem,100vw - 1.5rem);max-height:calc(100vh - 1.5rem);padding:.7rem;display:grid;position:absolute;bottom:.75rem;left:.75rem;overflow:auto;box-shadow:0 .5rem 1.5rem #0000004d}.net-panel h2,.net-panel p{margin:0}.net-panel h2{color:#f4e7c5;font-size:.9rem}.net-panel p,.net-panel label{color:#cbd5df;font-size:.72rem;line-height:1.35}.net-code-row,.net-code-row label{gap:.3rem;display:grid}.net-panel textarea,.net-panel input{box-sizing:border-box;color:#eff4f8;background:#00000052;border:1px solid #ffffff2e;border-radius:.35rem;width:100%;font:.68rem/1.35 ui-monospace,Cascadia Mono,Consolas,monospace}.net-panel textarea{resize:vertical;min-height:3.4rem;padding:.35rem}.net-panel input{min-width:0;padding:.45rem}.net-message-row{grid-template-columns:minmax(0,1fr) auto;gap:.35rem;display:grid}.net-log{color:#d8e0e8;white-space:pre-wrap;background:#00000047;border-radius:.35rem;min-height:3.5rem;max-height:8rem;margin:0;padding:.4rem;font:.66rem/1.35 ui-monospace,Cascadia Mono,Consolas,monospace;overflow:auto}@media (width<=600px){.turn-hud-container{z-index:15;height:28px;top:8px;left:50%;transform:translate(-50%)}.turn-hud-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background:#0f172af0!important;border-radius:6px!important;gap:5px!important;height:28px!important;padding:0 8px!important;box-shadow:0 2px 6px #0006!important}.turn-hud-side{gap:4px!important;font-size:11px!important}.turn-hud-timer-text{min-width:28px!important;font-size:12px!important}.turn-hud-progress-track{width:28px!important;height:4px!important}.input-mode-toggle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;box-sizing:border-box;background:#0f172ae0;border-radius:6px;justify-content:center;align-items:center;gap:2px;height:28px;padding:2px;display:flex;top:8px;left:8px;right:auto;transform:none}.input-mode-toggle button{box-sizing:border-box;border-radius:4px;justify-content:center;align-items:center;height:24px;margin:0;padding:0 6px;font-family:inherit;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.return-menu-button{box-sizing:border-box;z-index:20;border-radius:6px;justify-content:center;align-items:center;width:54px;min-width:54px;height:28px;padding:0;font-size:11px;font-weight:700;display:inline-flex;top:8px;left:auto;right:8px}.online-ping-hud{box-sizing:border-box;z-index:25;border-radius:6px;justify-content:center;align-items:center;gap:3px;width:54px;min-width:54px;height:24px;padding:0;font-size:10px;font-weight:700;display:inline-flex;top:40px;right:8px}.debug-overlay{width:auto;max-width:calc(100vw - .8rem);padding:.35rem .5rem;font:.62rem/1.2 ui-monospace,Cascadia Mono,Consolas,monospace;top:2.8rem;left:.4rem}.debug-overlay.is-expanded{width:auto;max-width:calc(100vw - .8rem);max-height:calc(100vh - 3.9rem);padding:.5rem;line-height:1.42;top:3.5rem}.strike-point-panel{left:.4rem}.aim-parameters,.tuning-panel{width:calc(100vw - .8rem);left:auto;right:.4rem}.aim-parameters{width:auto;padding:.45rem;bottom:.4rem}.aim-parameters .strike-feedback{margin:0;font-size:.64rem;line-height:1.25}.aim-parameters .aim-error{margin:0;font-size:.62rem;line-height:1.25}.tuning-panel{max-height:calc(100vh - 4.1rem);top:3.7rem}.card-tuning-panel{left:auto;right:.4rem}.tuning-control{grid-template-columns:4.8rem minmax(4rem,1fr) 3.4rem 4rem;gap:.25rem}.main-menu-overlay{padding:.4rem}.replay-panel{width:min(15rem,100vw - .8rem);padding:.55rem;bottom:.4rem;right:.4rem}.net-panel{width:calc(100vw - .8rem);max-height:calc(100vh - .8rem);padding:.55rem;bottom:.4rem;left:.4rem}.main-menu-panel{max-height:calc(100vh - .8rem);padding:.8rem}.permanent-upgrade-heading{display:none}.permanent-upgrade-row{grid-template-columns:minmax(6rem,1.2fr) repeat(3,1fr) 3.6rem;gap:.25rem;padding:.35rem;font-size:.66rem}.permanent-upgrade-row button{min-width:0;padding:.3rem .2rem;font-size:.66rem}}.ad-container{z-index:40;box-sizing:border-box;-webkit-user-select:none;user-select:none}.pc-side-ad{pointer-events:auto;justify-content:center;align-items:center;width:160px;height:600px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.pc-side-ad.left-ad{left:12px}.pc-side-ad.right-ad{right:12px}.mobile-ad-bottom{z-index:50;pointer-events:auto;background:#0f172af5;border-top:1px solid #ffffff26;justify-content:center;align-items:center;width:100%;height:50px;display:none;position:fixed;bottom:0;left:0;box-shadow:0 -4px 15px #00000080}.mock-ad-box{color:#9ca3af;text-align:center;box-sizing:border-box;background:#111827;border:1px dashed #4b5563;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.mock-ad-label{color:#fbbf24;letter-spacing:.05em;text-transform:uppercase;background:#374151;border-radius:4px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:700}.mock-ad-desc{color:#e5e7eb;margin-bottom:4px;font-size:12px;font-weight:600}.mock-ad-sub{color:#6b7280;font-size:10px}@media (width<=1024px){.pc-side-ad{display:none!important}.turn-hud-container{height:32px;top:12px;left:50%;transform:translate(-50%)}.input-mode-toggle{box-sizing:border-box;justify-content:center;align-items:center;gap:3px;height:32px;padding:3px;display:flex;top:12px;left:.75rem}.input-mode-toggle button{box-sizing:border-box;border-radius:5px;justify-content:center;align-items:center;height:26px;margin:0;padding:0 8px;font-family:inherit;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.return-menu-button{height:32px;top:12px;left:auto;right:12px}.online-ping-hud{min-width:62px;height:28px;top:48px;right:12px}.strike-point-panel{left:.75rem}.aim-parameters{right:.75rem}.tuning-panel{left:.75rem}.card-tuning-panel{right:.75rem}.main-menu-overlay,.match-result-overlay{padding-bottom:60px!important}}.tutorial-coach-overlay{z-index:25;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(92vw,480px);animation:.3s ease-out tutorialFadeIn;position:fixed;top:4.8rem;left:50%;transform:translate(-50%)}@keyframes tutorialFadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.tutorial-coach-card{text-align:center;background:#0f172a;border:1px solid #3b82f6;border-radius:10px;padding:12px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 6px -1px #0006}.tutorial-coach-header{justify-content:center;align-items:center;gap:8px;margin-bottom:6px;display:flex}.tutorial-step-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#d97706;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.tutorial-step-title{color:#f8fafc;font-size:14px;font-weight:700}.tutorial-mission-text{color:#e2e8f0;margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.4}.tutorial-guide-text{color:#93c5fd;font-size:12px;line-height:1.35}.tutorial-modal-overlay{z-index:100;box-sizing:border-box;background:#0b0f19eb;justify-content:center;align-items:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.25s cubic-bezier(.16,1,.3,1) tutorialModalPop;display:flex;position:fixed;inset:0}@keyframes tutorialModalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.tutorial-modal-card{text-align:center;box-sizing:border-box;background:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:420px;padding:28px 24px;box-shadow:0 25px 50px -12px #0009}.settings-modal-overlay{animation:.25s cubic-bezier(.16,1,.3,1) tutorialModalPop}.promotion-modal-overlay{z-index:10000;box-sizing:border-box;background:#0b0f19eb;justify-content:center;align-items:center;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.2s ease-out promotionModalIn;display:flex;position:fixed;inset:0}.promotion-modal-overlay.promotion-closing{animation:.12s ease-in forwards promotionModalOut}@keyframes promotionModalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes promotionModalOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.promotion-modal-card{box-sizing:border-box;color:#f8fafc;text-align:center;background:#1e293b;border:1px solid #334155;border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:460px;max-height:88vh;padding:22px 18px;display:flex;overflow-y:auto;box-shadow:0 20px 40px -10px #0009}.promotion-modal-header{flex-direction:column;align-items:center;gap:4px;display:flex}.promotion-title{color:#f8fafc;margin:0;font-size:19px;font-weight:700}.promotion-subtitle{color:#94a3b8;margin:0;font-size:13px;line-height:1.4}.promotion-piece-grid{flex-direction:column;gap:8px;width:100%;display:flex}.promotion-piece-card{cursor:pointer;text-align:left;color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:10px;align-items:center;gap:14px;padding:10px 14px;transition:background-color .15s,border-color .15s;display:flex}.promotion-piece-card:hover{background:#1e293b;border-color:#38bdf8}.promotion-piece-card:active{background:#162032}.promotion-piece-symbol{background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:26px;line-height:1;display:flex}.promotion-piece-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.promotion-piece-name{color:#f8fafc;font-size:14px;font-weight:700}.promotion-piece-desc{color:#94a3b8;font-size:12px;line-height:1.35}.king-swap-banner{color:#f8fafc;z-index:100;pointer-events:none;white-space:nowrap;background:#1e293b;border:1px solid #475569;border-radius:9999px;padding:8px 20px;font-size:13px;font-weight:600;animation:.15s ease-out kingSwapBannerIn;position:absolute;top:72px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000073}@keyframes kingSwapBannerIn{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.strike-action-bar button[data-action=defend]{color:#38bdf8;border-color:#38bdf8}.site-menu-links{flex-wrap:wrap;gap:4px 14px;margin-top:14px;font-size:12px;display:flex}.site-menu-links a{color:#cbd5e1;padding:6px 0}.site-menu-links a:focus-visible{outline-offset:3px;outline:2px solid #ffe7a3}.strike-action-bar button[data-action=defend]:hover{background:#38bdf82e}@media (width<=380px) and (orientation:portrait){.turn-hud-container{top:50px}}.match-result-panel button{overflow-wrap:anywhere;min-height:44px}.match-result-panel button:focus-visible{outline-offset:3px;outline:2px solid #fff0bc}.match-result-panel button:active:not(:disabled){filter:brightness(.9);transform:translateY(1px)}.match-result-panel .match-action-status{color:#ffd7a3;margin:.75rem 0;line-height:1.5}.match-action-status[hidden]{display:none}@media (prefers-reduced-motion:reduce){.turn-hud-timer-text{animation:none!important}.turn-hud-progress-track>*{transition:none!important}}.lobby-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-bottom:12px;display:flex}.main-menu-panel .lobby-header h1{color:#f8fafc;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:auto;min-width:0;max-width:100%;margin:0;font-size:22px;font-weight:800;line-height:1.2;overflow:hidden}.lobby-header-actions{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.lobby-icon-btn{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;min-width:0;height:36px;min-height:0;padding:0;display:inline-flex}.lobby-icon-btn>span{display:none}.lobby-icon-btn svg{width:20px;height:20px}#menu-sound-btn.lobby-icon-btn{color:#f8fafc;background:#334155;border:0}.lobby-chip{color:#f8fafc;cursor:pointer;text-align:left;background:#0f172a;border:1px solid #334155;border-radius:10px;align-items:center;gap:10px;width:100%;min-width:0;margin:0 0 12px;padding:10px 12px;display:flex}.lobby-chip img{object-fit:cover;border-radius:8px;flex:0 0 30px;width:30px;height:30px}.lobby-chip-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.lobby-chip>span:first-of-type{flex:auto;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.lobby-chip>span:first-of-type strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lobby-chip-tier{flex:none;min-width:0}.lobby-chip-chevron,.lobby-chip>svg:last-child{color:#94a3b8;flex:none;margin-left:auto}.lobby-chip-chevron svg{width:20px;height:20px}.lobby-icon-btn:focus-visible,.lobby-chip:focus-visible,.lobby-tutorial-bar:focus-visible,.lobby-tutorial-choice:focus-visible,.lobby-mode:focus-visible,.lobby-cta:focus-visible,.lobby-footer a:focus-visible{outline-offset:3px;outline:2px solid #ffe7a3}.lobby-hero{color:#f8fafc;background:#172554;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:stretch;gap:.75rem;min-width:0;min-height:156px;margin-bottom:8px;padding:0;display:flex;position:relative;overflow:hidden}.lobby-hero-content{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.5rem;width:100%;min-width:0;height:100%;min-height:100%;padding:16px;display:flex;position:relative}.lobby-hero>*{z-index:1;position:relative}.lobby-hero-media{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lobby-hero-scrim{z-index:0;pointer-events:none;background:linear-gradient(90deg,#0f172af5 0%,#0f172ac7 52%,#0f172a2e 100%);position:absolute;inset:0}.lobby-hero-eyebrow{color:#ffe7a3;letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:700;line-height:1.3;display:inline}.lobby-hero-eyebrow svg{display:none}.lobby-hero-title{color:#f8fafc;letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0;margin:.5rem 0 .3125rem;font-size:20px;font-weight:800;line-height:1.2}.lobby-hero-sub{color:#cbd5e1;overflow-wrap:anywhere;min-width:0;margin:0;font-size:12px;line-height:1.45}.lobby-cta{color:#fff;min-width:44px;min-height:44px;font:inherit;cursor:pointer;overflow-wrap:anywhere;text-align:center;white-space:normal;background:#2563eb;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:800;line-height:1.25;display:inline-flex}.lobby-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0;display:grid}.lobby-mode{overflow-wrap:anywhere;color:#f8fafc;cursor:pointer;text-align:left;background:#1e293b;border:1px solid #475569;border-radius:9px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;min-width:0;min-height:108px;padding:10px;display:flex}.lobby-mode:disabled{cursor:not-allowed;opacity:.58}.lobby-mode-icon{color:#e2e8f0;overflow-wrap:anywhere;background:#334155;border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;gap:.4375rem;width:34px;height:34px;display:inline-flex}.lobby-mode-icon svg{width:20px;height:20px}.lobby-mode[data-game-mode=stage] .lobby-mode-icon{color:#bfdbfe;background:#1d4ed8}.lobby-mode[data-game-mode=puzzle] .lobby-mode-icon{color:#fef3c7;background:#b45309}.lobby-mode[data-game-mode=online] .lobby-mode-icon{color:#ede9fe;background:#6d28d9}.lobby-mode[data-game-mode=hotseat] .lobby-mode-icon{color:#e2e8f0;background:#334155}.lobby-mode-title{min-width:0;color:inherit;overflow-wrap:anywhere;font-size:.875rem;font-weight:800;line-height:1.3}.lobby-mode-status{color:#94a3b8;overflow-wrap:anywhere;min-width:0;margin-top:auto;font-size:.6875rem;line-height:1.35}.lobby-modes .lobby-mode{color:#f8fafc;background:#1e293b}.main-menu-overlay{bottom:var(--menu-ad-inset,0px)}.main-menu-overlay .main-menu-panel{max-height:calc(100dvh - var(--menu-ad-inset,0px) - 2rem)}.lobby-community-link{color:#cbd5e1;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:44px;margin-top:8px;padding:8px;font-size:13px;text-decoration:none;display:flex}.lobby-community-link small{color:#94a3b8;font-size:11px}.lobby-community-link:hover{text-decoration:underline}.lobby-community-link:focus-visible{outline-offset:2px;outline:2px solid #ffe7a3}.lobby-footer{color:#94a3b8;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-width:0;margin-top:16px;font-size:.6875rem;line-height:1.35;display:flex}.lobby-footer a{color:#cbd5e1;min-height:44px;font:inherit;cursor:pointer;overflow-wrap:anywhere;text-align:center;background:0 0;border:0;align-items:center;padding:.5rem .375rem;display:inline-flex}.lobby-footer>:not(:first-child):before{color:#475569;content:"·";margin-right:6px}.lobby-footer a:hover,.lobby-footer a:focus-visible{color:#f8fafc}.lobby-profile{background:#0f172a;border:1px solid #334155;border-radius:12px;min-width:0;margin-bottom:12px;overflow:hidden}.lobby-profile>.lobby-chip,.lobby-profile-chip{background:#0f172a;border:0;border-radius:0;width:100%;margin:0}.lobby-profile-body{grid-template-rows:0fr;min-width:0;transition:grid-template-rows .18s;display:grid;overflow:hidden}.lobby-profile-heading{cursor:default;gap:8px}.lobby-profile-identity,.lobby-profile-rank{min-width:0;min-height:36px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0;display:flex}.lobby-profile-identity{flex:auto;overflow:hidden}.lobby-profile-identity .lobby-chip-name{font-weight:700}.lobby-profile-rank{flex:none}.lobby-profile-full-name{overflow-wrap:anywhere;margin:0 0 10px;font-weight:700}@media (width<=380px){.main-menu-panel{padding-left:16px;padding-right:16px}.lobby-profile-heading{flex-wrap:wrap;gap:6px;padding:8px}.lobby-profile-identity{flex-basis:calc(100% - 48px);gap:6px}.lobby-profile-heading .lobby-profile-rank{margin-left:auto}}.lobby-weekly-entry>div{min-width:0}.lobby-weekly-entry>div>span{flex-shrink:0}.lobby-weekly-entry>div>div{word-break:keep-all;overflow-wrap:anywhere;min-width:0}.lobby-profile-identity:focus-visible,.lobby-profile-rank:focus-visible{outline-offset:2px;outline:2px solid #ffe7a3}.lobby-profile.is-expanded .lobby-profile-body,.lobby-profile[data-expanded=true] .lobby-profile-body{grid-template-rows:1fr}.lobby-profile-panel{border-top:0;flex-direction:column;gap:10px;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.lobby-profile.is-expanded .lobby-profile-panel,.lobby-profile[data-expanded=true] .lobby-profile-panel{border-top:1px solid #334155;padding:0 12px 10px}.lobby-profile-panel .menu-tier-columns{min-width:0}.lobby-profile-panel .menu-tier-column{overflow-wrap:anywhere;min-width:0}.lobby-profile-panel .menu-tier-column>:last-child{margin-top:0}.lobby-profile-points,.lobby-chip-points{color:#94a3b8;font-size:12px}.lobby-profile-points strong,.lobby-chip-points strong{color:#cbd5e1}.lobby-profile-chevron,.lobby-chip-chevron{transition:transform .18s}.lobby-profile.is-expanded .lobby-profile-chevron,.lobby-profile[data-expanded=true] .lobby-profile-chevron,.lobby-profile.is-expanded .lobby-chip-chevron,.lobby-profile[data-expanded=true] .lobby-chip-chevron{transform:rotate(90deg)}.lobby-profile-logout.lobby-icon-btn{margin-left:auto}.lobby-tutorial{background:#0f172a;border:1px solid #334155;border-radius:12px;margin-bottom:12px;overflow:hidden}.lobby-tutorial-bar{color:#f8fafc;width:100%;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px 8px 12px;font-size:13px;font-weight:700;display:flex}.lobby-tutorial-icon{color:#cbd5e1;background:#94a3b82e;border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.lobby-tutorial-label{overflow-wrap:anywhere;min-width:0}.lobby-tutorial-body{grid-template-rows:0fr;min-width:0;transition:grid-template-rows .18s;display:grid;overflow:hidden}.lobby-tutorial[data-expanded=true] .lobby-tutorial-body{grid-template-rows:1fr}.lobby-tutorial-panel{border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;min-height:0;padding:0 10px;display:grid;overflow:hidden}.lobby-tutorial[data-expanded=true] .lobby-tutorial-panel{border-top:1px solid #334155;padding-top:10px;padding-bottom:10px}.lobby-tutorial[data-expanded=true] .lobby-chip-chevron{transform:rotate(90deg)}.lobby-tutorial-choice{overflow-wrap:anywhere;color:#f8fafc;min-width:0;min-height:44px;font:inherit;word-break:keep-all;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;font-size:13px;font-weight:700}.lobby-tutorial-choice:hover{background:#334155}.lobby-tutorial-choice:disabled{opacity:.5;cursor:default}@media (width<=600px){.lobby-hero{min-height:156px;padding:0}.lobby-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.lobby-hero *,.lobby-tutorial-body,.lobby-profile-chevron,.lobby-chip-chevron{transition-duration:0s!important;animation:none!important}.lobby-profile-chevron,.lobby-tutorial-body,.lobby-chip-chevron{transition:none!important}}.lobby-logout-confirm .match-result-panel h1{color:#f8fafc;margin:0 0 1.25rem;font-size:1.25rem}.lobby-logout-confirm .match-result-actions button{min-height:44px}.lobby-logout-confirm [data-logout-cancel]{color:#f8fafc;background:#334155;border-color:#475569}.lobby-logout-confirm [data-logout-confirm]{color:#fff;background:#ef4444;border-color:#ef4444}.lobby-weekly-entry{box-sizing:border-box;color:#f8fafc;background:#152136;border:1px solid #475569;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:60px;margin:8px 0;padding:8px 10px;display:grid}.lobby-weekly-entry>div{align-items:center;gap:8px;display:flex}.lobby-weekly-entry>div>span{color:#e8c574;place-items:center;width:28px;height:28px;display:grid}.lobby-weekly-entry strong,.lobby-weekly-entry small{display:block}.lobby-weekly-entry strong{font-size:14px;line-height:1.25}.lobby-weekly-entry small{color:#cbd5e1;margin-top:3px;font-size:12px;line-height:1.2}.lobby-weekly-entry button{color:#f8fafc;max-width:7em;min-height:44px;font:inherit;cursor:pointer;white-space:normal;overflow-wrap:anywhere;background:#243750;border:1px solid #475569;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:700}.hotseat-map-overlay{z-index:60;inset:0 0 var(--menu-ad-inset,0px);background:#0d0b09eb;place-items:center;padding:16px;display:grid;position:fixed;overflow:auto}.hotseat-map-panel{box-sizing:border-box;width:min(1100px,100%);height:min(780px, calc(100dvh - var(--menu-ad-inset,0px) - 32px));color:#f2e7d2;background:#171410;border:1px solid #475569;border-radius:16px;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;min-width:0;padding:24px;display:grid;overflow:hidden;box-shadow:0 24px 80px #0006}.hotseat-map-header h2{overflow-wrap:anywhere;margin:0;font-size:26px;line-height:1.2}.hotseat-map-panel p{color:#cbbb9e;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.45}.hotseat-map-showcase{grid-template-columns:240px minmax(0,1fr);gap:20px;min-height:0;display:grid}.hotseat-map-detail{flex-direction:column;gap:14px;min-height:0;display:flex;overflow:auto}.hotseat-map-plan{aspect-ratio:1;background:#172033;border:1px solid #475569;border-radius:8px;flex-shrink:0;width:100%;overflow:hidden}.hotseat-map-plan img,.hotseat-map-perspective img{object-fit:contain;width:100%;height:100%;display:block}.hotseat-map-copy{min-width:0}.hotseat-map-copy h3{color:#f6e4ba;overflow-wrap:anywhere;margin:0 0 8px;font-size:19px;line-height:1.3}.hotseat-map-perspective{background:#171410;border:1px solid #475569;border-radius:10px;min-width:0;min-height:0;position:relative;overflow:hidden}.hotseat-map-preview-title{color:#f6e4ba;overflow-wrap:anywhere;pointer-events:none;background:linear-gradient(#0000,#0d1119e6);padding:24px 16px 12px;font-size:20px;font-weight:700;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.hotseat-map-list{grid-template-rows:repeat(2,88px);grid-template-columns:repeat(7,minmax(90px,1fr));gap:8px;min-width:0;min-height:0;padding:4px;scroll-padding:4px;display:grid;overflow:auto}.hotseat-map-panel button{color:#f2e7d2;min-height:44px;font:inherit;cursor:pointer;overflow-wrap:anywhere;background:#263449;border:1px solid #475569;border-radius:8px;padding:10px 20px}.hotseat-map-panel button:focus-visible{outline-offset:2px;outline:2px solid #ffe7a3}.hotseat-map-panel button:disabled{opacity:.55;cursor:wait}.hotseat-map-panel .hotseat-map-card{background:#172033;border-color:#475569;border-radius:6px;grid-template-rows:minmax(0,1fr) 18px;gap:4px;min-width:0;min-height:0;padding:4px;display:grid;overflow:hidden}.hotseat-map-card[aria-pressed=true]{background:#263449;border-color:#ffe7a3;box-shadow:inset 0 0 0 1px #ffe7a3}.hotseat-map-thumbnail{background:#171410;border-radius:3px;min-height:0;display:block;overflow:hidden}.hotseat-map-thumbnail img{object-fit:contain;width:100%;height:100%;display:block}.hotseat-map-code{color:#d7c7a9;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:18px;overflow:hidden}.hotseat-map-card[aria-pressed=true] .hotseat-map-code{color:#ffe7a3}.hotseat-map-actions{border-top:1px solid #475569;align-items:center;gap:16px;padding-top:12px;display:flex}.hotseat-map-actions .hotseat-map-status{flex:1;min-width:0;font-size:12px}.hotseat-map-buttons{gap:10px;display:flex}.hotseat-map-buttons button{min-width:120px}.hotseat-map-panel [data-map-action=start]{color:#261d10;background:#ffe7a3;border-color:#ffe7a3;font-weight:700}@media (width<=800px){.hotseat-map-panel{padding:16px}.hotseat-map-showcase{grid-template-columns:180px minmax(0,1fr);gap:12px}.hotseat-map-copy h3{font-size:16px}.hotseat-map-copy p{font-size:12px}}@media (width<=600px) and (orientation:portrait){.hotseat-map-overlay{padding:8px}.hotseat-map-panel{height:calc(100dvh - var(--menu-ad-inset,0px) - 16px);border-radius:12px;gap:8px;padding:12px}.hotseat-map-header h2{font-size:20px}.hotseat-map-panel .hotseat-map-intro{font-size:11px}.hotseat-map-showcase{flex-direction:column-reverse;gap:8px;display:flex}.hotseat-map-perspective{flex:1;min-height:90px}.hotseat-map-preview-title{padding:16px 10px 7px;font-size:14px}.hotseat-map-detail{flex-direction:row;flex:0 0 76px;gap:10px;overflow:hidden}.hotseat-map-plan{width:74px}.hotseat-map-copy{overflow:auto}.hotseat-map-copy h3{margin-bottom:4px;font-size:14px}.hotseat-map-copy p{font-size:11px;line-height:1.35}.hotseat-map-list{grid-template-rows:repeat(2,62px);grid-template-columns:repeat(7,90px);gap:6px}.hotseat-map-panel .hotseat-map-card{grid-template-rows:minmax(0,1fr) 14px;gap:2px;padding:3px}.hotseat-map-code{font-size:10px;line-height:14px}.hotseat-map-actions{flex-direction:column;align-items:stretch;gap:6px;padding-top:8px}.hotseat-map-actions .hotseat-map-status{font-size:10px;line-height:1.3}.hotseat-map-buttons{gap:8px}.hotseat-map-buttons button{flex:1;min-width:0;min-height:44px;padding:8px;font-size:13px}}@media (height<=500px) and (orientation:landscape){.hotseat-map-overlay{padding:8px}.hotseat-map-panel{height:calc(100dvh - var(--menu-ad-inset,0px) - 16px);border-radius:10px;gap:6px;padding:10px}.hotseat-map-header h2{font-size:18px}.hotseat-map-panel .hotseat-map-intro{font-size:10px}.hotseat-map-showcase{grid-template-columns:190px minmax(0,1fr);gap:10px}.hotseat-map-detail{flex-direction:row;align-items:flex-start;gap:8px}.hotseat-map-plan{width:72px}.hotseat-map-copy h3{margin-bottom:4px;font-size:12px}.hotseat-map-copy p{font-size:10px;line-height:1.35}.hotseat-map-preview-title{padding:16px 8px 5px;font-size:13px}.hotseat-map-list{grid-template-rows:repeat(2,48px);grid-template-columns:repeat(7,minmax(78px,1fr));gap:5px;padding:3px}.hotseat-map-panel .hotseat-map-card{grid-template-rows:minmax(0,1fr) 12px;gap:2px;padding:3px}.hotseat-map-code{font-size:9px;line-height:12px}.hotseat-map-actions{gap:8px;padding-top:6px}.hotseat-map-actions .hotseat-map-status{font-size:10px}.hotseat-map-buttons{gap:6px}.hotseat-map-buttons button{min-width:90px;min-height:44px;padding:6px 10px;font-size:12px}}@media (width<=600px) and (orientation:portrait){#app:has(.hotseat-map-status-row) .player-banner[data-owner=opponent]{width:180px;top:116px}}@media (width<=380px) and (orientation:portrait){#app:has(.hotseat-map-status-row) .player-banner[data-owner=opponent]{top:146px}}[data-progress-controls]{color:#c4b8a5;margin:8px 0 12px;font-size:12px}[data-progress-controls] p{margin:6px 0;line-height:1.5}[data-progress-controls] button,#progress-retry,#progress-use-server,#progress-signout{color:#f2e5cf;cursor:pointer;min-height:40px;font:inherit;background:#302920;border:1px solid #665440;border-radius:6px;margin:3px 4px 3px 0;padding:8px 10px}.mastery-profile-summary{background:#0f172aa6;border:1px solid #94a3b833;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.mastery-profile-summary>div{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.mastery-profile-summary button,.mastery-track-btn,.mastery-detail-actions button,.mastery-equipment button,.mastery-result-progress button{color:#eff6ff;min-height:44px;font:inherit;cursor:pointer;background:#1e3a5f;border:1px solid #60a5fa73;border-radius:10px;padding:8px 12px;font-weight:700}.mastery-equipped-title,.mastery-equipped-badge{color:#fef3c7;background:#b4530959;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800}.mastery-frame-equipped{box-shadow:inset 0 0 0 2px #d4a854,0 0 18px #d4a85433}.mastery-modal{z-index:1100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020617cc;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.mastery-dialog{box-sizing:border-box;color:#e2e8f0;background:linear-gradient(160deg,#111c31,#0b1220);border:1px solid #94a3b840;border-radius:18px;width:min(680px,100%);max-height:calc(100dvh - 24px);padding:20px;overflow:auto;box-shadow:0 24px 80px #0000008c}.mastery-dialog>header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.mastery-dialog h2,.mastery-dialog h3,.mastery-dialog p{margin:0}.mastery-dialog h2{color:#f8fafc;font-size:24px}.mastery-dialog header small{color:#93c5fd;font-weight:700}.mastery-dialog header>button{color:#cbd5e1;cursor:pointer;background:#1e293b;border:0;border-radius:50%;width:44px;min-width:44px;height:44px;font-size:25px}.mastery-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;display:grid}.mastery-card{background:#111827;border:1px solid #94a3b82e;border-radius:13px;min-width:0;overflow:hidden}.mastery-card.is-earned{background:linear-gradient(145deg,#78350f59,#111827 64%);border-color:#facc1580}.mastery-card-main{width:100%;min-height:108px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:12px;display:flex}.mastery-card-main>span:last-child{gap:3px;min-width:0;display:grid}.mastery-card-main small,.mastery-card-main em{color:#94a3b8;font-size:11px;font-style:normal}.mastery-card-main strong{color:#f8fafc;line-height:1.25}.mastery-medal-mark{color:#bfdbfe;background:#1e293b;border:2px solid #64748b;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.is-earned .mastery-medal-mark{color:#fef3c7;background:#78350f;border-color:#facc15}.mastery-track-btn{color:#bfdbfe;background:0 0;border-color:#0000;width:auto;min-height:44px;margin:0 12px 8px;padding:6px 10px;font-size:12px}.mastery-track-btn[aria-pressed=true]{background:#1e3a5f;border-color:#60a5fa}.mastery-card .mastery-detail{border:0;border-top:1px solid #334155;border-radius:0;margin:0}.mastery-detail,.mastery-equipment{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:13px;margin-top:14px;padding:14px}.mastery-detail>p,.mastery-equipment>p{color:#cbd5e1;margin-top:8px;line-height:1.55}.mastery-detail dl{gap:8px;margin:12px 0;display:grid}.mastery-detail dl>div{grid-template-columns:110px 1fr;gap:10px;display:grid}.mastery-detail dt{color:#93c5fd;font-weight:700}.mastery-detail dd{color:#e2e8f0;margin:0}.mastery-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.mastery-detail:focus-visible{outline-offset:2px;outline:3px solid #60a5fa}.mastery-card .mastery-detail dl>div{grid-template-columns:minmax(0,1fr);gap:2px}.mastery-card .mastery-detail{overflow-wrap:anywhere}.mastery-equipment>div{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;margin-top:10px;display:grid}.mastery-equipment fieldset{border:1px solid #94a3b82e;border-radius:10px;align-content:start;gap:6px;min-width:0;display:grid}.mastery-equipment fieldset:first-child{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.mastery-equipment fieldset:first-child legend{grid-column:1/-1}.mastery-equipment legend{color:#bfdbfe;font-weight:700}.mastery-equipment button[aria-pressed=true]{color:#fef3c7;background:#78350f;border-color:#facc15}.mastery-state{color:#fde68a;background:#78350f73;border-radius:9px;padding:10px;margin:0 0 12px!important}.mastery-state.is-error{color:#fecaca;background:#7f1d1d73}.mastery-modal button:disabled{opacity:.5;cursor:not-allowed}.mastery-result-progress{box-sizing:border-box;text-align:left;background:#0f172ac7;border:1px solid #60a5fa4d;border-radius:12px;gap:7px;width:100%;margin-top:12px;padding:12px;display:grid}.mastery-result-progress h3{color:#bfdbfe;margin:0 0 2px;font-size:14px}.mastery-result-progress p{justify-content:space-between;gap:12px;margin:0;font-size:13px;display:flex}.mastery-result-progress span{color:#cbd5e1;white-space:nowrap}.mastery-hud-objective{box-sizing:border-box;color:#dbeafe;background:#0f172ae6;border:1px solid #60a5fa59;border-radius:10px;align-items:center;max-width:min(360px,100vw - 24px);min-height:44px;padding:8px 12px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px 14px #00000059}.mastery-hud-objective[hidden]{display:none}button:focus-visible,.mastery-card-main:focus-visible{outline-offset:2px;outline:3px solid #60a5fa}@media (width<=599px){.mastery-dialog{padding:14px}.mastery-grid{grid-template-columns:1fr}.mastery-card-main{min-height:82px}.mastery-equipment>div{grid-template-columns:1fr}.mastery-equipment fieldset:first-child{grid-column:auto;grid-template-columns:1fr}.mastery-detail dl>div{grid-template-columns:1fr;gap:2px}.mastery-profile-summary{flex-direction:column;align-items:stretch}.mastery-profile-summary button{width:100%}.turn-hud-container>.mastery-hud-objective{width:max-content;position:absolute;top:140px}}@media (prefers-reduced-motion:reduce){.mastery-modal *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.quest-profile-summary{background:#0f172a;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.quest-profile-summary div{gap:3px;display:grid}.quest-profile-summary span{color:#cbd5e1;font-size:12px}.quest-profile-summary button,.quest-modal button,.quest-result button{color:#f8fafc;min-height:44px;font:inherit;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:9px}.quest-profile-summary button{padding:0 14px}.quest-modal{z-index:1200;background:#020617d1;place-items:center;padding:12px;display:grid;position:fixed;inset:0}body.quest-modal-open>#app{overflow-x:hidden}.quest-dialog{box-sizing:border-box;color:#f8fafc;background:#0b1220;border:1px solid #475569;border-radius:16px;width:min(680px,100vw - 24px);max-height:calc(100vh - 24px);padding:18px;overflow:auto;box-shadow:0 24px 70px #0000008c}.quest-dialog>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.quest-dialog header p,.quest-dialog h2,.quest-dialog h3,.quest-dialog footer p{margin:0}.quest-dialog header p{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.quest-dialog h2{margin-top:3px;font-size:24px}.quest-dialog>header>button{width:44px;padding:0;font-size:24px}.quest-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.quest-tabs button[aria-selected=true]{background:#164e63;border-color:#38bdf8}.quest-countdown{color:#cbd5e1;text-align:right;margin:12px 0;font-size:13px}.quest-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quest-card{background:#111827;border:1px solid #334155;border-radius:11px;gap:10px;min-width:0;padding:13px;display:grid}.quest-card.is-complete{background:#10271d;border-color:#22c55e}.quest-card div{justify-content:space-between;gap:10px;display:flex}.quest-card strong{font-size:14px;line-height:1.35}.quest-card span{color:#cbd5e1;font-variant-numeric:tabular-nums;flex:none}.quest-card small{color:#94a3b8;font-size:12px;line-height:1.35}.quest-card em{color:#bae6fd;font-size:12px;font-style:normal;font-weight:700}.quest-card.is-complete em{color:#86efac}.quest-card progress{accent-color:#38bdf8;width:100%;height:8px}.quest-routes{border-top:1px solid #334155;margin-top:16px;padding-top:14px}.quest-routes h3{color:#cbd5e1;margin-top:10px;font-size:13px}.quest-routes p{color:#94a3b8;margin:6px 0 0;font-size:13px}.quest-routes div{gap:8px;margin-top:8px;display:flex}.quest-routes button{flex:1;padding:0 12px}.quest-dialog footer{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.quest-sync{color:#cbd5e1;font-size:12px;line-height:1.4}.quest-sync.is-data-error,.quest-sync.is-storage-error,.quest-sync.is-auth-error{color:#fca5a5}.quest-history-status{color:#fbbf24;margin:12px 0 0;font-size:12px}.quest-result{border-top:1px solid #334155;gap:8px;width:100%;margin-top:10px;padding-top:10px;display:grid}.quest-result h3,.quest-result p{margin:0}.quest-result h3{font-size:14px}.quest-result p{color:#cbd5e1;justify-content:space-between;gap:12px;font-size:13px;display:flex}.quest-result button{width:100%;padding:0 12px}@media (width<=599px){.quest-dialog{padding:14px}.quest-list{grid-template-columns:1fr}.quest-routes div{flex-direction:column}.quest-dialog footer{flex-direction:column;align-items:stretch}.quest-dialog footer button{width:100%}}@media (prefers-reduced-motion:reduce){.quest-modal *{scroll-behavior:auto!important;transition:none!important}}.quest-dialog>header>div{min-width:0}.quest-dialog{overflow-wrap:anywhere}.quest-tabs button{white-space:normal;min-width:0}.quest-dialog>header>button{flex:0 0 44px}.quest-dialog h2{word-break:keep-all;overflow-wrap:anywhere;line-height:1.3}@media (width<=359px){.quest-dialog h2{font-size:20px}}.quest-targets{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.quest-targets li{overflow-wrap:anywhere;border:1px solid #475569;border-radius:6px;max-width:100%;padding:4px 7px;font-size:12px}.quest-targets .is-achieved{color:#bbf7d0;border-color:#22c55e}.quest-next{color:#cbd5e1}.quest-card strong{word-break:keep-all;overflow-wrap:anywhere}.quest-lobby-entry{box-sizing:border-box;color:#f8fafc;overflow-wrap:anywhere;background:#152136;border:1px solid #475569;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:60px;padding:8px 10px;display:grid}.quest-lobby-entry>div{gap:4px;min-width:0;display:grid}.quest-lobby-entry span{color:#cbd5e1;font-size:12px}.quest-lobby-entry button{color:#f8fafc;white-space:normal;overflow-wrap:anywhere;background:#243750;border:1px solid #475569;border-radius:8px;max-width:7em;min-height:44px;padding:6px 10px;font-size:13px}.weekly-profile-summary{background:#101827;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.weekly-profile-summary div{gap:3px;display:grid}.weekly-profile-summary span{color:#cbd5e1;font-size:12px}.weekly-profile-summary button,.weekly-modal button{color:#f8fafc;min-height:44px;font:inherit;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:9px}.weekly-profile-summary button{padding:0 14px}.weekly-modal{z-index:1220;background:#020617d6;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.weekly-dialog{box-sizing:border-box;color:#f8fafc;background:#0b1220;border:1px solid #475569;border-radius:16px;width:min(680px,100vw - 24px);max-height:calc(100vh - 24px);padding:18px;overflow:auto;box-shadow:0 24px 70px #0000008c}.weekly-dialog>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.weekly-dialog header p,.weekly-dialog h2,.weekly-dialog h3{margin:0}.weekly-dialog header p{color:#fbbf24;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.weekly-dialog h2{margin-top:3px;font-size:24px}.weekly-dialog>header>button{width:44px;padding:0;font-size:24px}.weekly-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.weekly-tabs button[aria-selected=true]{background:#713f12;border-color:#fbbf24}.weekly-hero{background:#27170a;border:1px solid #92400e;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:13px;display:flex}.weekly-hero span{font-weight:800}.weekly-hero strong{color:#fde68a;font-size:13px}.weekly-dialog p{color:#cbd5e1;line-height:1.5}.weekly-rules{grid-template-columns:1fr 1fr;gap:10px;display:grid}.weekly-rules article{background:#111827;border:1px solid #334155;border-radius:11px;padding:13px}.weekly-rules h3{font-size:14px}.weekly-rules ol{color:#cbd5e1;margin:10px 0 0;padding-left:20px;font-size:13px;line-height:1.55}.weekly-rules p{margin:10px 0 0;font-size:13px}.weekly-record{background:#172033;border-radius:10px;justify-content:space-between;gap:12px;margin-top:12px;padding:13px;display:flex}.weekly-record span{color:#fde68a;font-variant-numeric:tabular-nums}.weekly-status{background:#0f172a;border-left:3px solid #38bdf8;padding:10px;font-size:13px;margin:12px 0 0!important}.weekly-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.weekly-actions button{padding:0 12px}.weekly-modal button:focus-visible{outline-offset:2px;outline:3px solid #7dd3fc}.weekly-modal button:disabled{opacity:.55;cursor:wait}@media (width<=599px){.weekly-dialog{padding:14px}.weekly-hero{flex-direction:column;align-items:flex-start}.weekly-rules,.weekly-actions{grid-template-columns:1fr}.weekly-profile-summary{flex-direction:column;align-items:stretch}.weekly-profile-summary button{width:100%}}@media (prefers-reduced-motion:reduce){.weekly-modal *{scroll-behavior:auto!important;transition:none!important}}.weekly-result{color:#f8fafc;border-top:1px solid #475569;gap:5px;width:100%;padding:10px 0;display:grid}.weekly-result span{color:#fde68a;font-variant-numeric:tabular-nums}.weekly-result small{color:#cbd5e1;line-height:1.4}.weekly-modal-open>#app,.match-result-overlay.weekly-result-open{overflow-x:hidden}.match-result-overlay.weekly-result-open .match-result-panel{box-sizing:border-box;max-width:min(92vw,560px);overflow-x:hidden}.weekly-recovery{box-sizing:border-box;gap:10px;width:100%;min-width:0;display:grid}.weekly-recovery p{color:#fecaca;margin:0;line-height:1.45}.weekly-recovery>div{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;min-width:0;display:grid}.weekly-recovery button{box-sizing:border-box;color:#f8fafc;width:100%;min-width:0;min-height:44px;font:inherit;white-space:normal;overflow-wrap:anywhere;background:#1e293b;border:1px solid #475569;border-radius:9px;padding:8px;line-height:1.25}.weekly-recovery button:focus-visible{outline-offset:2px;outline:3px solid #7dd3fc}.weekly-goal{margin:10px 0;font-size:14px}.weekly-limit{color:#cbd5e1;margin:8px 0;font-size:12px}.weekly-record{flex-wrap:wrap}.weekly-record span{overflow-wrap:anywhere}.weekly-details{border-top:1px solid #334155;margin-top:12px}.weekly-details summary{box-sizing:border-box;cursor:pointer;min-height:44px;padding:10px 0}.weekly-details summary:focus-visible{outline-offset:2px;outline:3px solid #7dd3fc}.weekly-actions button{white-space:normal;overflow-wrap:anywhere;min-width:0;min-height:44px}.weekly-actions button.is-primary{background:#075985;border-color:#38bdf8}.weekly-dialog>header>button{flex:0 0 44px}.weekly-dialog>header>div{min-width:0}.weekly-dialog{overflow-wrap:anywhere}.weekly-dialog h2{word-break:keep-all;overflow-wrap:anywhere;line-height:1.3}.weekly-tabs button{white-space:normal;min-width:0}.puzzle-ui-overlay{z-index:60;padding:20px}.puzzle-ui-overlay[data-screen=playing]{pointer-events:none;background:0 0;align-items:stretch}.puzzle-ui-overlay[data-screen=playing][data-hint-open=true]{background:#0b13234d}.puzzle-ui-overlay[data-screen=playing] .puzzle-ui-playing,.puzzle-ui-overlay[data-screen=playing] .puzzle-ui-marker-layer{pointer-events:none}.puzzle-ui-overlay[data-screen=playing] .puzzle-ui-hud-bottom button{pointer-events:auto}.puzzle-ui-overlay[hidden]{display:none}.piece-stat-modal-card.puzzle-ui-card-shell{width:100%;max-width:980px;max-height:calc(100dvh - 40px);overflow-y:auto}.puzzle-ui-library-card,.puzzle-ui-briefing-card{height:min(960px,100dvh - 40px)}.puzzle-ui-briefing-card>.puzzle-ui-footer{border:0;margin-top:0;padding-top:0}.puzzle-ui-briefing-card>.puzzle-ui-footer button{width:100%;min-height:44px}.puzzle-ui-info .puzzle-ui-policy{color:#aebbd0;margin:0;font-size:12px}.puzzle-ui-extra{border:1px solid #34445e;border-radius:10px;padding:12px}.puzzle-ui-extra summary{cursor:pointer;color:#f5ce83;min-height:24px;font-weight:700}.puzzle-ui-extra p{color:#d5deec;font-size:14px;line-height:1.6}.puzzle-ui-header>div{min-width:0}.puzzle-ui-header button{white-space:nowrap;flex-shrink:0;min-height:44px}.puzzle-ui-header{border-bottom:1px solid #34445e;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.puzzle-ui-header h2,.puzzle-ui-header h3,.puzzle-ui-result-heading h2{color:#f8fafc;margin:0}.puzzle-ui-header h2{font-size:22px;line-height:1.25}.puzzle-ui-header p{color:#aebbd0;margin:6px 0 0;font-size:13px;line-height:1.5}.puzzle-ui-header button,.puzzle-ui-footer button,.puzzle-ui-hud button{color:#f8fafc;cursor:pointer;background:#334155;border:0;border-radius:8px;padding:10px 14px;font:700 13px/1.2 system-ui,sans-serif}.puzzle-ui-header button:hover,.puzzle-ui-footer button:hover,.puzzle-ui-hud button:hover{filter:brightness(1.12)}.puzzle-ui-chapters{gap:18px;display:grid}.puzzle-ui-chapter h3{color:#f5ce83;margin:0 0 9px;font-size:15px}.puzzle-ui-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.puzzle-ui-card{color:#e8eef8;text-align:left;cursor:pointer;background:#152238;border:1px solid #3a4d69;border-radius:12px;flex-direction:column;align-items:flex-start;gap:7px;min-height:136px;padding:14px;display:flex}.puzzle-ui-card:hover:not(:disabled),.puzzle-ui-card:focus-visible{background:#1c304d;border-color:#f5ce83;outline:none}.puzzle-ui-card:disabled{color:#77869d;cursor:not-allowed;background:#111b2b}.puzzle-ui-card-index{color:#62c4f4;letter-spacing:.08em;font:800 12px/1 system-ui,sans-serif}.puzzle-ui-card strong{color:#f8fafc;min-height:34px;font-size:14px;line-height:1.25}.puzzle-ui-card span:not(.puzzle-ui-card-index){color:#aebbd0;font-size:11px;line-height:1.35}.puzzle-ui-card span:last-child{color:#f5ce83;margin-top:auto}.puzzle-ui-detail-layout{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:24px;padding-top:4px;display:grid}.puzzle-ui-preview h3,.puzzle-ui-briefing-copy h3{color:#f5ce83;margin:0 0 7px;font-size:14px}.puzzle-ui-preview svg{aspect-ratio:1;border-radius:12px;width:100%;max-height:390px;display:block;box-shadow:0 12px 28px #0004}.puzzle-ui-board-surface{fill:#574636;stroke:#b69a71;stroke-width:1.5px}.puzzle-ui-board-piece{dominant-baseline:middle;text-anchor:middle;paint-order:stroke;stroke-width:.8px;font:800 12px/1 system-ui,sans-serif}.puzzle-ui-info{background:#132034;border-radius:10px;grid-template-columns:1fr;gap:8px;padding:16px;display:grid}.puzzle-ui-info h3{text-align:center;margin:0;font-size:13px}.puzzle-ui-info p{color:#d5deec;overflow-wrap:anywhere;margin:0 0 12px;font-size:14px;line-height:1.6}.puzzle-ui-info p:last-child{margin-bottom:0}.puzzle-ui-hints{margin-top:16px}.puzzle-ui-hints button{color:#d7e4f4;text-align:left;cursor:pointer;background:#1a2940;border:1px solid #3a4d69;border-radius:7px;width:100%;margin:5px 0 0;padding:9px 11px;font:700 12px/1.2 system-ui,sans-serif;display:block}.puzzle-ui-hints p{color:#aebbd0;background:#0f172a;margin:0;padding:9px 11px;font-size:12px;line-height:1.45}.puzzle-ui-rules{background:#102337;border-left:3px solid #38bdf8;padding:14px 18px}.puzzle-ui-rules p{color:#b9d8ea;overflow-wrap:anywhere;margin:5px 0;font-size:13px;line-height:1.6}.puzzle-ui-rules p:first-child{color:#f5ce83;font-weight:700}.puzzle-ui-action-error{color:#fecaca;background:#7f1d1d99;border-radius:7px;margin:10px 0 0;padding:8px 10px;font-size:12px;line-height:1.4}.puzzle-ui-footer{border-top:1px solid #34445e;justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.puzzle-ui-primary{min-width:150px;background:#d97706!important}.puzzle-ui-playing{pointer-events:none;color:#f8fafc;box-sizing:border-box;flex-direction:column;gap:12px;padding:14px;display:flex;position:absolute;inset:0}.puzzle-ui-hud-top,.puzzle-ui-hud-bottom{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.puzzle-ui-hud-top{flex-wrap:wrap;order:1;align-items:flex-start}.puzzle-ui-hud-top>div:first-child{box-sizing:border-box;background:#0b1323d9;border:1px solid #4c6281;border-radius:9px;gap:3px;min-width:0;max-width:min(580px,100%);padding:9px 12px;display:grid;box-shadow:0 6px 14px #0004}.puzzle-ui-hud-top strong{color:#f5ce83;font-size:14px}.puzzle-ui-hud-top [data-target]{color:#cbd7e8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;overflow:hidden}.puzzle-ui-hud-stats{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.puzzle-ui-hud-stats span{color:#f8fafc;background:#0b1323d9;border-radius:8px;padding:8px 10px;font:700 12px/1.2 system-ui,sans-serif}.puzzle-ui-hud-bottom{flex-wrap:wrap;order:0;justify-content:flex-end;align-self:flex-end;gap:6px;max-width:calc(100% - 180px);min-height:34px}.puzzle-ui-hud-bottom button{pointer-events:auto;color:#f8f2e7;box-sizing:border-box;background:#0f172ae0;border:1px solid #ffffff29;border-radius:.65rem;min-height:34px;padding:.45rem .75rem;font-size:.85rem}.puzzle-ui-playing>.puzzle-ui-action-error{order:3}.puzzle-ui-mastery-slot{pointer-events:none;order:4;justify-content:center;align-self:center;max-width:100%;display:flex}.puzzle-ui-mastery-slot[hidden]{display:none}.puzzle-ui-mastery-slot .mastery-hud-objective{max-width:min(360px,100%);position:static;top:auto}.puzzle-ui-marker-layer{pointer-events:none;position:absolute;inset:0}.puzzle-ui-marker{color:#f5ce83;text-shadow:0 1px 4px #000,0 0 8px #000;font:800 18px/1 system-ui,sans-serif;display:block;position:absolute;transform:translate(-50%,-100%)}.puzzle-ui-marker-protect{color:#67e8f9}.puzzle-ui-marker-target{color:#fca5a5}.puzzle-ui-hud-hint{color:#fff3c4;text-align:center;pointer-events:none;background:#0b1323e6;border:1px solid #f5ce83;border-radius:8px;order:2;align-self:center;max-width:min(540px,86vw);margin:0 auto;padding:9px 12px;font-size:12px;line-height:1.4;box-shadow:0 6px 14px #0005}.puzzle-ui-result-heading{text-align:center;padding:16px 0 20px}.puzzle-ui-result-heading [data-result-icon]{color:#0f172a;background:#f5ce83;border-radius:50%;width:52px;height:52px;margin:0 auto 12px;font:900 34px/52px system-ui,sans-serif;display:block}.puzzle-ui-result-heading h2{font-size:23px}.puzzle-ui-result-heading p{color:#f5ce83;margin:8px 0 0;font-size:14px}.puzzle-ui-result-conditions{background:#132034;border-radius:10px;gap:8px;padding:14px;display:grid}.puzzle-ui-result-conditions p{color:#d5deec;margin:0;font-size:13px}@media (width<=780px){.puzzle-ui-overlay{padding:8px}.piece-stat-modal-card.puzzle-ui-card-shell{max-height:calc(100dvh - 16px);padding:16px}.puzzle-ui-library-card,.puzzle-ui-briefing-card{height:calc(100dvh - 16px)}.puzzle-ui-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.puzzle-ui-detail-layout{grid-template-columns:1fr;gap:16px}.puzzle-ui-preview svg{max-height:260px}.puzzle-ui-info{grid-template-columns:1fr;gap:3px}.puzzle-ui-info p{margin-bottom:8px}.puzzle-ui-playing{padding:8px}.puzzle-ui-hud-top{display:block}.puzzle-ui-hud-stats{justify-content:flex-start;margin-top:6px}.puzzle-ui-hud-bottom{gap:6px}.puzzle-ui-hud-bottom button{padding:9px 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.puzzle-ui-overlay *,.puzzle-ui-overlay :before,.puzzle-ui-overlay :after{transition:none!important;animation:none!important}}@media (width<=1024px){.puzzle-ui-playing{padding:12px}.puzzle-ui-hud-bottom{min-height:32px}.puzzle-ui-hud-bottom button{min-height:32px;padding:6px 9px;font-size:12px}}.classic-cancel-control{bottom:calc(112px + env(safe-area-inset-bottom,0px));z-index:50;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;max-width:calc(100% - 32px);transition:transform .15s,background-color .15s,box-shadow .15s,border-color .15s;display:flex;position:absolute;right:16px}.classic-cancel-control[hidden]{display:none!important}.classic-cancel-btn{overflow-wrap:anywhere;color:#ff5252;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#1e1414e0;border:2px solid #ff5252a6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:130px;max-width:100%;padding:10px 18px;font-family:inherit;font-size:15px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 16px #00000073}.classic-cancel-btn .classic-cancel-hint{color:#ffffffbf;margin-top:3px;font-size:11px;font-weight:400}.classic-cancel-control.is-hovered .classic-cancel-btn,.classic-cancel-btn:hover,.classic-cancel-btn:active{color:#fff;background:#dc2626f2;border-color:#fff;transform:scale(1.06);box-shadow:0 6px 22px #ef444499}.classic-cancel-control.is-hovered .classic-cancel-btn .classic-cancel-hint{color:#fffffff2}@media (width<=600px){.classic-cancel-control{right:10px}.classic-cancel-btn{min-width:105px;padding:8px 14px;font-size:13px}.classic-cancel-btn .classic-cancel-hint{font-size:10px}}.piece-stat-workbench{--psw-border:#34445e;--psw-muted:#b3c0d2;color:#f4f0e6;width:100%;min-width:0;font:14px/1.5 system-ui,sans-serif}.piece-stat-workbench *,.piece-stat-modal-card{box-sizing:border-box}.piece-stat-workbench [hidden]{display:none!important}.piece-stat-workbench h3,.piece-stat-workbench h4,.piece-stat-workbench p{margin:0}.piece-stat-workbench h3{font-size:19px}.piece-stat-workbench h4{font-size:15px}.piece-stat-workbench button{border:1px solid var(--psw-border);color:#f4f0e6;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#21324a;border-radius:9px;padding:9px 13px;font-weight:650}.piece-stat-workbench button:hover:not(:disabled){background:#304561;border-color:#a9bdd7}.piece-stat-workbench button:disabled{opacity:.5;cursor:not-allowed}.piece-stat-workbench button:focus-visible,.psw-canvas:focus-visible{outline-offset:3px;outline:3px solid #f5ce83}.psw-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.psw-header p{color:var(--psw-muted);margin-top:3px;font-size:12px}.psw-resource{color:#f2d69a;white-space:nowrap;font-variant-numeric:tabular-nums;background:#352e25;border:1px solid #6d5940;border-radius:8px;padding:8px 12px}.psw-layout{grid-template-columns:100px minmax(240px,280px) minmax(280px,1fr);align-items:start;gap:18px;display:grid}.psw-pieces{flex-direction:column;gap:6px;display:flex}.psw-pieces button{background:#142137;flex-direction:column;align-items:center;gap:1px;min-height:68px;padding:6px;display:flex}.psw-pieces button[aria-current=true]{background:#364336;border-color:#dbc68b;box-shadow:inset 3px 0 #dbc68b}.psw-piece-symbol{color:#edd8b1;font-size:25px;line-height:1.1}.psw-pieces small{color:var(--psw-muted);font-size:10px}.psw-pieces [data-lock]:empty{display:none}.psw-preview-column{flex-direction:column;gap:12px;min-width:0;display:flex}.psw-preview-column>[data-action=reset]{white-space:normal;overflow-wrap:anywhere;width:100%;font-size:12px;line-height:1.5}.psw-preview{border:1px solid var(--psw-border);text-align:center;background:#101b2d;border-radius:14px;overflow:hidden}.psw-preview-title{padding:15px 12px 0;font-size:19px;font-weight:700}.psw-canvas-wrap{width:100%;height:310px;position:relative}.psw-canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.psw-canvas:active{cursor:grabbing}.psw-preview p{color:var(--psw-muted);padding:8px 12px;font-size:12px}.psw-preview button{margin:4px 10px 16px}.psw-fallback{pointer-events:none;background:#101b2d;place-content:center;display:grid;position:absolute;inset:0}.psw-float{color:#ffcf79;opacity:0;pointer-events:none;text-shadow:0 2px 12px #000;font-size:27px;font-weight:800;position:absolute;top:32%;right:24px}.psw-editor{flex-direction:column;gap:10px;min-width:0;display:flex}.psw-tiers{background:#0e192b;border-radius:10px;gap:6px;padding:4px;display:flex}.psw-tiers button{background:0 0;border-color:#0000;flex:1}.psw-tiers button[aria-selected=true]{background:#3e4b65;border-color:#8294b3}.psw-lock-reason{color:#f2d69a;font-size:12px}.psw-lock-reason:empty{display:none}.psw-stat{border:1px solid var(--psw-border);background:#142137;border-radius:12px;padding:13px}.psw-stat-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.psw-stat-heading span{color:var(--psw-muted);font-size:12px}.psw-force h4{color:#ffd28a}.psw-weight h4{color:#97d4ff}.psw-effects{justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.psw-effects span{flex-direction:column;display:flex}.psw-effects small{color:var(--psw-muted);font-size:11px}.psw-effects strong{font-variant-numeric:tabular-nums;font-size:26px;line-height:1.4}.psw-next strong{color:#bed2b0;font-size:21px}.psw-controls{justify-content:space-between;align-items:center;gap:8px;display:flex}.psw-controls span,.psw-breakdown,.psw-reason{color:var(--psw-muted);font-size:12px}.psw-breakdown:not(:empty){padding-bottom:9px}.psw-reason:not(:empty){padding-top:8px}.psw-size{background:#26213b;border:1px solid #746892;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:14px;display:flex}.psw-size p{color:#c3b9d6;font-size:12px}.psw-size strong{padding-top:6px;display:block}.psw-size button{flex-shrink:0}.psw-status{color:#bfe5b3;min-height:34px;padding:9px 0;font-size:12px}.psw-status[data-error=true]{color:#ffb6ae}.piece-stat-workbench[data-mode=research] .psw-status:empty{min-height:0;padding:0}.psw-footer{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.psw-footer .psw-primary{background:#7154b7;border-color:#a78bdd;padding-inline:24px}.psw-confirm{color:#f4f0e6;background:#182338;border:1px solid #64748b;border-radius:14px;width:min(420px,100vw - 32px);padding:24px}.psw-confirm::backdrop{background:#020617b8}.psw-confirm p{margin:14px 0 20px}.psw-confirm>div{justify-content:flex-end;gap:10px;display:flex}.piece-stat-workbench[data-effect] .psw-float{animation:.65s ease-out both psw-float}.piece-stat-workbench[data-effect=weight] .psw-float{color:#97d4ff}.piece-stat-workbench[data-effect=size] .psw-float{color:#c8a9ff}.piece-stat-workbench[data-effect=force] .psw-force,.piece-stat-workbench[data-effect=weight] .psw-weight,.piece-stat-workbench[data-effect=size] .psw-size{animation:.65s ease-out psw-success}@keyframes psw-float{0%{opacity:0;transform:translateY(12px)}20%{opacity:1}to{opacity:0;transform:translateY(-28px)}}@keyframes psw-success{20%{border-color:#eadcaf;box-shadow:0 0 14px #f0d4a22b}}.piece-stat-modal{color:#f8fafc;z-index:50;box-sizing:border-box;background:#0b1323f5;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.piece-stat-modal-card{background:#1c293e;border:1px solid #34445e;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:640px;max-height:calc(100dvh - 40px);padding:24px;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px #0006}.piece-stat-modal-card[data-workbench=true]{max-width:980px}.piece-stat-modal-card>*{flex-shrink:0}.piece-stat-modal-card #pve-tab-body{min-height:280px}.piece-stat-modal-card #pve-close-btn,.piece-stat-modal-card #tab-stages,.piece-stat-modal-card #tab-upgrades,.piece-stat-modal-card #pvp-tab-classic,.piece-stat-modal-card #pvp-tab-strategy{min-height:44px}.pve-lobby-modal .piece-stat-modal-card{max-width:980px;height:min(960px,100dvh - 40px);overflow:hidden}.pve-lobby-modal .pve-lobby-header{border-bottom:1px solid #34445e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.pve-lobby-header h2{margin:0;font-size:18px;font-weight:700}.pve-lobby-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;display:flex}.pve-lobby-header #pve-points-held{color:#38bdf8;font-size:13px;font-weight:600}.pve-lobby-header #pve-close-btn{color:#b3c0d2;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px}.pve-lobby-tabs{background:#0f172a;border-radius:10px;gap:8px;padding:4px;display:flex}.pve-lobby-tabs button{cursor:pointer;color:#b3c0d2;overflow-wrap:anywhere;background:0 0;border:0;border-radius:6px;flex:1;min-width:0;padding:8px;font:700 14px/1.4 system-ui,sans-serif}.pve-lobby-tabs button[aria-selected=true]{color:#fff;background:#3b82f6}.pve-lobby-modal .piece-stat-modal-card #pve-tab-body{scrollbar-gutter:stable;flex:1 1 0;min-height:0;overflow-y:auto}.pve-lobby-modal .psw-header .psw-resource{display:none}.pve-stage-panel{flex-direction:column;gap:18px;min-height:100%;display:flex}.pve-stage-heading h3{margin:0;font:700 19px/1.5 system-ui,sans-serif}.pve-stage-heading p{color:#b3c0d2;margin:3px 0 0;font:12px/1.5 system-ui,sans-serif}.pve-stage-grid{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(120px,1fr);gap:12px;display:grid}.pve-stage-card{color:#f4f0e6;cursor:pointer;overflow-wrap:anywhere;background:#142137;border:1px solid #34445e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;padding:18px 10px;font:14px/1.5 system-ui,sans-serif;display:flex}.pve-stage-card strong{font-size:18px}.pve-stage-card span{color:#b3c0d2;font-size:12px}.pve-stage-card[data-cleared=true]{background:#1e3a5f;border-color:#3b82f6}.pve-stage-card[data-cleared=true] span{color:#86efac}.pve-stage-card[aria-pressed=true]{background:#2458a6;border-color:#60a5fa;box-shadow:inset 0 0 0 1px #60a5fa}.pve-stage-card:hover:not(:disabled){border-color:#a9bdd7}.pve-stage-card:disabled{color:#94a3b8;cursor:not-allowed;background:#1b2739}.pve-stage-footer{border-top:1px solid #34445e;padding-top:16px}.pve-stage-footer button{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:9px;width:100%;min-height:48px;padding:12px 18px;font:700 15px/1.5 system-ui,sans-serif}.pve-lobby-modal button:focus-visible{outline-offset:2px;outline:3px solid #f5ce83}@media (width<=780px){.piece-stat-workbench[data-mode=research] .psw-pieces{order:0}.piece-stat-workbench[data-mode=research] .psw-editor{order:1}.piece-stat-workbench[data-mode=research] .psw-preview-column{order:2}.piece-stat-workbench[data-mode=research] .psw-canvas-wrap{height:140px}.psw-layout{grid-template-columns:1fr;gap:14px}.psw-pieces{flex-direction:row;padding:3px 3px 8px;overflow-x:auto}.psw-pieces button{flex:0 0 80px}.psw-pieces button[aria-current=true]{box-shadow:inset 0 -3px #dbc68b}.psw-preview{width:100%}.psw-canvas-wrap{height:240px}.psw-size{flex-direction:column;align-items:stretch;gap:10px}.psw-footer button{flex:1}.piece-stat-modal{padding:8px}.piece-stat-modal-card{max-height:calc(100dvh - 16px);padding:16px}.pve-lobby-modal .piece-stat-modal-card{height:calc(100dvh - 16px)}.pve-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(88px,1fr);gap:10px}.pve-stage-card{padding:12px 8px}.pve-stage-card strong{font-size:16px}}@media (prefers-reduced-motion:reduce){.piece-stat-workbench *,.piece-stat-workbench :before,.piece-stat-workbench :after{transition:none!important;animation:none!important}.piece-stat-workbench[data-effect] .psw-float{opacity:1}}.cosmetics-panel-container{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;display:flex}.cosmetics-preview-section{box-sizing:border-box;background:#0b0f19;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.cosmetics-preview-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.cosmetics-preview-title{color:#94a3b8;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.cosmetics-draft-chip{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf2459;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.cosmetics-dev-chip{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf859;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.cosmetics-banner-card{aspect-ratio:3;isolation:isolate;-webkit-user-select:none;user-select:none;background:#1e293b;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 14px #0006}.cosmetics-layer-bg{z-index:0;background:#273344;position:absolute;inset:0}.cosmetics-bg-img{object-fit:cover;width:100%;height:100%;display:block}.cosmetics-banner-card[data-bg=plain] .cosmetics-bg-img{display:none!important}.cosmetics-banner-card[data-bg=plain] .cosmetics-layer-bg{background:#334155}.cosmetics-layer-frame{z-index:4;pointer-events:none;border-radius:8px;position:absolute;inset:0}.cosmetics-layer-frame[hidden]{display:none!important}.cosmetics-layer-frame[data-frame=frame\:classic-gold]{outline-offset:-3px;border:2px solid #b58a41;outline:1px solid #f4d890;box-shadow:inset 0 0 10px #d4af3759}.cosmetics-layer-frame[data-frame=frame\:mastery-complete]{outline-offset:-3px;border:2px solid #ef4444;outline:1px solid #f59e0b;box-shadow:inset 0 0 12px #f59e0b80,0 0 8px #ef444466}.cosmetics-frame-img{object-fit:fill;pointer-events:none;width:102%;height:160%;position:absolute;top:-24%;left:-1%}.cosmetics-layer-badge-box{aspect-ratio:1;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:16%;display:flex;position:absolute;top:50%;left:8%;transform:translateY(-50%)}.cosmetics-layer-badge-box[hidden]{display:none!important}.cosmetics-badge-glyph{color:#ffe7a3;text-shadow:0 0 6px #ffe7a3b3;background:radial-gradient(circle,#332014 0%,#17110c 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;line-height:1;display:flex}.cosmetics-layer-badge-box[data-badge-frame=badgeFrame\:gold]{outline-offset:1.5px;border:2px solid #b58a41;outline:1.5px solid #f4d890;box-shadow:0 0 8px #d4af3766}.cosmetics-layer-badge-box[data-badge-frame=badgeFrame\:silver]{outline-offset:1.5px;border:2px solid #94a3b8;outline:1.5px solid #cbd5e1;box-shadow:0 0 8px #cbd5e166}.cosmetics-layer-badge-box[data-badge-frame=badgeFrame\:violet]{outline-offset:1.5px;border:2px solid #a855f7;outline:1.5px solid #d8b4fe;box-shadow:0 0 8px #a855f773}.cosmetics-layer-content{z-index:3;color:#f8fafc;pointer-events:none;flex-direction:column;gap:3px;min-width:0;display:flex;position:absolute;top:50%;left:28%;right:6%;transform:translateY(-50%)}.cosmetics-banner-card[data-has-badge=false] .cosmetics-layer-content{left:10%}.cosmetics-player-name{white-space:nowrap;text-overflow:ellipsis;color:#f8fafc;text-shadow:0 1px 3px #000c;font-size:15px;font-weight:800;line-height:1.2;overflow:hidden}.cosmetics-player-tier{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden}.cosmetics-title-plate{color:#ead0a1;white-space:nowrap;text-overflow:ellipsis;background:#0000004d;border-left:2px solid #b58a41;border-radius:3px;width:fit-content;padding:2px 6px;font-size:11px;font-weight:700;line-height:1.2;overflow:hidden}.cosmetics-title-plate[hidden]{display:none!important}.cosmetics-title-plate[data-title-frame=titleFrame\:gold]{--title-edge:#bc904a;--title-ink:#ffe6b2;--title-fill:#322316;color:var(--title-ink);background:var(--title-fill);border:1px solid var(--title-edge);box-shadow:inset 0 0 0 1px var(--title-fill), inset 0 0 0 2px #bc904a80}.cosmetics-title-plate[data-title-frame=titleFrame\:silver]{--title-edge:#a4b8cf;--title-ink:#eef5ff;--title-fill:#1d2c40;color:var(--title-ink);background:var(--title-fill);border:1px solid var(--title-edge);box-shadow:inset 0 0 0 1px var(--title-fill), inset 0 0 0 2px #a4b8cf80}.cosmetics-title-plate[data-title-frame=titleFrame\:violet]{--title-edge:#b986d7;--title-ink:#f1d9ff;--title-fill:#321c45;color:var(--title-ink);background:var(--title-fill);border:1px solid var(--title-edge);box-shadow:inset 0 0 0 1px var(--title-fill), inset 0 0 0 2px #b986d780}.cosmetics-action-bar{justify-content:flex-end;align-items:center;gap:8px;padding-top:4px;display:flex}.cosmetics-btn-apply{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:background .15s,opacity .15s}.cosmetics-btn-apply:hover:not(:disabled){background:#1d4ed8}.cosmetics-btn-apply:disabled{color:#94a3b8;cursor:not-allowed;opacity:.6;background:#334155}.cosmetics-btn-cancel{color:#cbd5e1;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s}.cosmetics-btn-cancel:hover:not(:disabled){color:#fff;background:#1e293b}.cosmetics-btn-cancel:disabled{opacity:.4;cursor:not-allowed}.cosmetics-slot-nav{background:#0f172a;border:1px solid #334155;border-radius:8px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.cosmetics-slot-tab-btn{cursor:pointer;color:#94a3b8;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:30%;min-width:90px;padding:8px 6px;font-size:12px;font-weight:700;transition:all .15s}.cosmetics-slot-tab-btn.active{color:#f8fafc;background:#334155;box-shadow:0 1px 4px #0000004d}.cosmetics-slot-content{flex-direction:column;gap:10px;display:flex}.cosmetics-slot-desc{color:#94a3b8;margin:0;font-size:12px;line-height:1.4}.cosmetics-options-grid{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;display:grid}.cosmetics-option-card{cursor:pointer;text-align:left;color:#f8fafc;box-sizing:border-box;background:#0f172a;border:1.5px solid #334155;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.cosmetics-option-card:hover:not(.locked){background:#1e293b;border-color:#64748b}.cosmetics-option-card.selected{background:#1e293b;border-color:#3b82f6;box-shadow:0 0 10px #3b82f640}.cosmetics-option-card.locked{cursor:not-allowed;opacity:.75;background:#0b0f19;border-style:dashed;border-color:#475569}.cosmetics-option-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.cosmetics-option-thumb{background:#070a10;border:1px solid #334155;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;overflow:hidden}.cosmetics-option-thumb img{object-fit:cover;width:100%;height:100%}[data-slot=badge] .cosmetics-option-thumb{background:0 0;border:0;border-radius:50%;width:56px;height:56px}[data-slot=badge] .cosmetics-option-thumb img{object-fit:contain}.cosmetics-option-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.cosmetics-option-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.cosmetics-option-cond{color:#94a3b8;white-space:normal;word-break:keep-all;overflow-wrap:break-word;min-width:0;font-size:11px;line-height:1.35}.cosmetics-option-badge{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.cosmetics-badge-equipped{color:#fff;background:#2563eb}.cosmetics-badge-locked{color:#f59e0b;background:#334155}.cosmetics-slot-hint{color:#38bdf8;margin:0;font-size:11px}.player-banner.cosmetics-live-card{width:100%;max-width:420px;margin:0 auto;position:relative;inset:auto}.cosmetics-title-detail{background:#0b0f19;border-radius:6px;justify-content:center;padding:12px;display:flex}.cosmetics-title-sample{color:#f8fafc;padding:4px 12px;font-size:14px}.cosmetics-title-sample:not([data-frame=none]){color:#ffe6b2;background:#322316;border:1px solid #c69a50;border-radius:3px}.cosmetics-title-sample[data-frame=silver]{color:#eef5ff;background:#1d2c40;border-color:#a4b8cf}.cosmetics-title-sample[data-frame=violet]{color:#f1d9ff;background:#321c45;border-color:#b986d7}.friends-modal-card{overflow-wrap:anywhere;min-width:0}.friends-modal-card button{min-width:0}.friends-search-form{gap:8px;display:flex}.friends-search-form input{width:0;min-width:0}#friends-retry-btn{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:10px 16px;font-weight:700}.friends-modal-card :focus-visible{outline-offset:3px;outline:2px solid #7dd3fc}@media (width<=420px){.friends-search-form{flex-direction:column}.friends-search-form input{width:100%}.friends-search-form button{width:100%;white-space:normal!important}}