.appearance-picker{min-width:0}.appearance-portrait{vertical-align:middle;flex:0 0 42px;width:42px;height:42px;display:inline-block}.appearance-preview{background:radial-gradient(at 50% 64%,#58776a 0,#284940 38%,#16362f 78%);border:1px solid #45625a;border-radius:18px;margin:14px 0 20px;position:relative;overflow:hidden}.appearance-preview-caption{color:#cfdbc7;font-size:var(--fs-xs);letter-spacing:.04em;font-weight:700;display:block;position:absolute;top:12px;left:16px}.appearance-preview canvas{z-index:1;pointer-events:none;width:100%;height:222px;display:block;position:relative}.appearance-rotation{z-index:2;color:#d4dfd5;font-size:var(--fs-2xs);justify-content:space-between;align-items:center;padding:0 12px 8px;display:flex;position:relative}.appearance-rotation button{min-width:44px;min-height:44px;padding:4px;font-size:24px}.appearance-fieldset{border:0;min-width:0;margin:0 0 20px;padding:0}.appearance-fieldset legend{font-size:var(--fs-md);color:#f4ecd5;padding:0 0 10px;font-weight:700}.appearance-fieldset legend small{font-size:var(--fs-xs);letter-spacing:.04em;color:#c1d7b3;margin-left:8px}.appearance-outfits{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.appearance-outfit{border-radius:var(--r-lg);text-align:center;cursor:pointer;background:#233f37;border:2px solid #4e6558;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 5px;display:flex;position:relative}.appearance-outfit.selected{background:#354b3b;border-color:#edcb81}.appearance-outfit input,.appearance-tones input{opacity:0;width:1px;height:1px;position:absolute}.appearance-outfit:has(input:focus-visible){outline-offset:3px;outline:3px solid #f1cf8c}.appearance-tones label:has(input:focus-visible){outline-offset:3px;outline:3px solid #f1cf8c}.appearance-outfit .appearance-portrait{flex-basis:58px;width:58px;height:58px}.appearance-outfit strong{font-size:var(--fs-xs);color:#f7efd9}.appearance-outfit small{font-size:var(--fs-2xs);color:#d0dacd;overflow-wrap:anywhere;line-height:1.35}.appearance-tones{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.appearance-tones label{border-radius:var(--r-lg);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;min-height:44px;display:flex;position:relative}.appearance-tones label.selected{border-color:#edcb81}.appearance-tones span{color:#fff;width:30px;height:30px;font-size:var(--fs-lg);text-shadow:1px 1px 1px #172b25,-1px -1px 1px #172b25;border:2px solid #e0dac7;border-radius:50%;place-items:center;font-weight:900;display:grid}.appearance-palettes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.appearance-palette{border-radius:var(--r-lg);background:#233f37;border:2px solid #4e6558;min-width:0;padding:3px}.appearance-palette.selected{border-color:#edcb81}.appearance-palette-select{text-align:left;color:#f4ecd5;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:50px;padding:5px;display:flex}.appearance-palette-select>span:first-child{border-radius:var(--r-sm);border:1px solid #e1dac5;flex:0 0 19px;width:19px;height:30px}.appearance-palette-select strong{font-size:var(--fs-xs);display:block}.appearance-palette-select small{color:#cfddc8;font-size:var(--fs-2xs);margin-top:3px;display:block}.appearance-palette>.secondary{font-size:var(--fs-2xs);white-space:normal;width:100%;min-height:44px;padding:5px}.appearance-message{border-radius:var(--r-md);color:#f4e5bd;font-size:var(--fs-xs);background:#384b3c;border:1px solid #758261;padding:10px 12px}.appearance-apply{z-index:3;background:#172f28;border-top:1px solid #4e6558;padding:10px 0;position:sticky;bottom:-1px}.appearance-apply .primary{width:100%;min-height:44px}.appearance-save{font-size:var(--fs-xs);color:#e4d8b6;margin:0 0 8px}.appearance-fieldset:disabled{opacity:.6}@media (max-width:359px){.appearance-outfit .appearance-portrait{flex-basis:46px;width:46px;height:46px}.appearance-outfit small{font-size:var(--fs-2xs)}.appearance-preview canvas{height:190px}}.feedback-pill{z-index:4;right:max(16px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + var(--feedback-lift,0px));border-radius:var(--r-pill);color:#f3e6bd;min-width:44px;min-height:44px;font-size:var(--fs-xs);background:#15312cf2;border:1px solid #ecd39b66;align-items:center;gap:6px;padding:0 16px;font-weight:650;display:flex;position:fixed;box-shadow:0 6px 18px #081e1b55}.feedback-pill>span{font-size:var(--fs-md);line-height:1}.game-menus .lobby-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom))}@media (max-width:700px){.game-menus .lobby-shell{bottom:calc(76px + env(safe-area-inset-bottom));padding-bottom:18px;-webkit-mask-image:linear-gradient(#000 calc(100% - 14px),#0000);mask-image:linear-gradient(#000 calc(100% - 14px),#0000)}}.lobby-bar-row{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.lobby-bar-row>.field,.lobby-bar-row>p{margin:0}.waiting-bottom .lobby-feedback{width:auto;min-width:44px;min-height:44px;font-size:var(--fs-xs);justify-content:center;gap:6px;margin:0;padding:8px 14px}.feedback-form .intro{margin-bottom:4px}.feedback-categories,.rating-choices{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 0;padding:0;display:grid}.feedback-categories legend{font-size:var(--fs-2xs);color:#dce2cd;margin-bottom:9px;padding:0;font-weight:600}.feedback-categories button,.rating-choices button,.feedback-tabs button{justify-content:center;gap:8px;min-width:0;min-height:44px;padding:10px 12px}.feedback-categories .chosen,.rating-choices .chosen,.feedback-tabs .chosen{border-color:var(--gold);color:#fff6dc;background:#ecd39b26}.feedback-categories .chosen:after,.rating-choices .chosen:after{content:"✓";color:var(--gold)}.feedback-field textarea,.feedback-field input{color:#f6f0de;border-radius:var(--r-sm);width:100%;min-width:0;font:400 16px/1.5 var(--font-ui);background:#112a2594;border:1px solid #c9d6b83a;outline:none;padding:11px 13px}.feedback-field input{height:46px}.feedback-field textarea{resize:vertical;min-height:104px;max-height:40vh}.feedback-field textarea:focus,.feedback-field input:focus{border-color:#e7ce91}.feedback-field textarea:focus-visible{outline-offset:3px;outline:2px solid #ffe4a6}.feedback-field{margin:18px 0 8px}.feedback-counter{font-size:var(--fs-2xs);color:var(--text-muted);align-self:flex-end;margin-top:-3px;font-weight:400}.feedback-sent{font-size:var(--fs-md);color:var(--ally);margin:18px 0}.match-rating{border-top:1px solid var(--line);max-width:480px;margin:30px auto 0;padding-top:22px}.match-rating h2{font-size:var(--fs-display-sm);margin-bottom:0}.rating-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.rating-choices button{font-size:var(--fs-xs);gap:6px;padding:10px 8px}.rating-choices button>span{font-size:var(--fs-lg);line-height:1}.rating-choices .chosen:after{display:none}.rating-note{text-align:left;margin-top:14px}.rating-note .secondary{justify-content:center;width:100%}.match-rating .feedback-sent,.match-rating .error{text-align:center}.feedback-admin{background:var(--surface-sunken);padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-user-select:text;user-select:text;position:fixed;inset:0;overflow:hidden auto}.feedback-admin>*{max-width:760px;margin-left:auto;margin-right:auto}.feedback-admin-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.feedback-admin-header h1{font-size:var(--fs-display-md);margin:4px 0 0}.feedback-admin-header .text-button{font-size:var(--fs-xs);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.feedback-refusal{background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--r-md);font-size:var(--fs-sm);padding:16px}.feedback-refusal .account-controls{border-top:0;margin-top:0;padding-top:0}.feedback-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.feedback-tabs b{font-weight:750}.feedback-list{margin-top:0;padding:0;list-style:none}.feedback-item{background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--r-md);min-width:0;margin-bottom:12px;padding:14px 16px}.feedback-meta{font-size:var(--fs-xs);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.feedback-meta time{color:var(--text-muted);margin-left:auto}.feedback-chip{border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--gold);align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.feedback-text{font-size:var(--fs-md);white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 6px;line-height:1.55}.feedback-email{color:var(--text);overflow-wrap:anywhere}.feedback-item details{font-size:var(--fs-xs);color:var(--text-muted)}.feedback-item summary{cursor:pointer;min-height:44px;color:var(--gold);align-items:center;display:flex}.feedback-item dl{grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0 0 8px;display:grid}.feedback-item dd{overflow-wrap:anywhere;margin:0}.feedback-actions{flex-wrap:wrap;gap:8px;display:flex}.feedback-actions .secondary{justify-content:center;min-height:44px;padding:10px 16px}.feedback-more{justify-content:center;width:100%}:root{--font-ui:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:Georgia, "Times New Roman", serif;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:18px;--fs-display-sm:22px;--fs-display-md:28px;--fs-display-lg:38px;--r-sm:6px;--r-md:10px;--r-lg:12px;--r-pill:999px;--panel:#19332fed;--surface-panel:#1b372f;--surface-raised:#224739;--surface-sunken:#112a25;--line:#d8e1bf25;--line-strong:#d8e1bf4d;--text:#f1edd9;--text-muted:#b5c4b2;--text-disabled:#9fb3a2;--gold:#ecd39b;--danger:#ffbea1;--ally:#b9e799;--rival:#ed997b;font-family:var(--font-ui);color:var(--text);font-synthesis:none;background:#172d27;font-weight:400}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;transition:background .15s,transform .15s}button:disabled{cursor:not-allowed;color:var(--text-disabled);outline:1px dashed var(--line-strong);outline-offset:-1px}.primary:disabled,.secondary:disabled{box-shadow:none;background:0 0;border-color:#0000}.primary:disabled{color:var(--text-muted);outline-color:#ecd39b80}button:not(:disabled):hover{filter:brightness(1.12)}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:2px solid #ffe4a6}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);font-weight:400}h1 em{color:var(--gold);font-weight:400}.muted{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.7}.game-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;position:relative}.game-shell input,.game-shell textarea,.game-shell [contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.brand-mark{object-fit:contain;flex-shrink:0}.panel-heading{min-width:0;padding-left:47px;position:relative}.panel-heading .brand-mark{position:absolute;top:5px;left:0}.eyebrow{font-size:var(--fs-xs);letter-spacing:.5px;color:var(--gold);text-transform:uppercase;font-weight:650;display:block}.fineprint{font-size:var(--fs-2xs);color:#a7bdad;line-height:1.7}.error{font-size:var(--fs-xs);color:#ffbea1;margin:12px 0 0;line-height:1.7}.capture-prepared .capture-cancel{min-height:44px;font-size:var(--fs-xs);text-underline-offset:3px;margin-top:2px;text-decoration:underline;display:block}.lobby-notice{font-size:var(--fs-xs);color:#e5dbaa;margin:12px 0 0;line-height:1.7}.warning{color:#e7c58d!important}.text-button{color:var(--gold);font-size:var(--fs-2xs);background:0 0;min-height:44px;padding:5px 0}.icon-button{background:#15312cb3;border:1px solid #d8e1bd3d;border-radius:50%;place-items:center;width:44px;height:44px;font-size:23px;display:grid}.primary,.secondary{border-radius:var(--r-sm);min-height:48px;font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:20px;padding:13px 20px;font-weight:650;display:flex}.primary{background:var(--gold);color:#233b30;width:100%;margin:21px 0 14px;box-shadow:0 5px 20px #081e1b33}.primary>span{font-size:21px;font-weight:400}.secondary{color:#e3e9d0;background:#c8d5ae0e;border:1px solid #cbd9b53a}.field{font-size:var(--fs-2xs);color:#dce2cd;flex-direction:column;gap:9px;margin:21px 0;font-weight:600;display:flex}.field input,.field select{color:#f6f0de;border-radius:var(--r-sm);width:100%;height:46px;font-size:var(--fs-sm);background:#112a2594;border:1px solid #c9d6b83a;outline:none;min-width:0;padding:0 13px}.field input::placeholder{color:#869f8e}.field select option{background:#20382f}.field input:focus,.field select:focus{border-color:#e7ce91}.field input[type=range]{accent-color:var(--gold);background:0 0;border:0;padding:0}.compact-field{margin:17px 0}.field.inline-field{flex-direction:row;align-items:center;gap:15px;margin:0 0 8px}.inline-field select{width:75px}.back{margin:-8px 0 20px;display:block}.card-topline{justify-content:space-between;align-items:center;display:flex}.portrait-art{color:var(--creature,#e4cc91);flex-shrink:0;display:block;position:relative}.portrait-art svg{width:100%;height:100%;display:block}#world{touch-action:none;outline:none;width:100%;height:100%;position:absolute;inset:0}.world-labels{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.world-shade{pointer-events:none;background:linear-gradient(#102d358f,#0000 32% 57%,#0b251f9c);position:absolute;inset:0}.world-shade-lobby{background:linear-gradient(90deg,#10271ecc,#1732254d 55%,#09272277),linear-gradient(#112e3055,#0000 50%,#0d271bd9)}#root:has(#world[data-quality=low]) :is(.lobby-card,.waiting-card,.scrim){-webkit-backdrop-filter:none;backdrop-filter:none}.topbar{z-index:3;pointer-events:none;padding:22px 36px;padding-left:max(36px, env(safe-area-inset-left));padding-right:max(36px, env(safe-area-inset-right));align-items:center;gap:28px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{color:var(--gold);align-items:center;gap:11px;text-decoration:none;display:flex}.brand>span{font-size:var(--fs-xs);letter-spacing:2.4px;line-height:1.6}.brand strong{color:#f5edcf;font-size:var(--fs-xs);letter-spacing:2.4px;font-weight:750;display:block}.edition{font-size:var(--fs-xs);letter-spacing:.5px;color:var(--text-muted);border-left:1px solid #d6dfb935;padding-left:28px}.top-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.connection{font-size:var(--fs-xs);letter-spacing:.5px;color:#d1dcc3;align-items:center;gap:7px;display:flex}.connection i{background:#d4cd9c;border-radius:50%;width:5px;height:5px}.connection.online i{background:#b4e79c;box-shadow:0 0 8px #b4e79c88}.connection.reconnecting{color:#ffc797}.lobby-shell{scrollbar-width:thin;grid-template-rows:1fr auto;grid-template-columns:1fr 450px;gap:20px 70px;width:min(1100px,100% - 96px);margin:auto;padding-bottom:20px;display:grid;position:absolute;inset:102px 0 0;overflow:auto}.lobby-intro{align-self:center;padding:10px 0 20px}.lobby-intro h1{letter-spacing:-2px;margin:23px 0 20px;font-size:72px;line-height:.98}.lobby-intro h1 em{white-space:nowrap;font-size:.74em}.lobby-intro>p{color:#d1ddc1;font-size:var(--fs-sm);line-height:1.9}.hero-creatures{filter:drop-shadow(0 10px 15px #0e271755);align-items:flex-end;height:117px;margin:15px 0 17px;display:flex}.hero-creatures .portrait-art{width:104px;height:104px;margin-left:-8px}.hero-creatures .portrait-art:nth-child(2){width:125px;height:125px;transform:translateY(3px)}.feature-notes{font-size:var(--fs-xs);color:#e8cea0;letter-spacing:.5px;border-top:1px solid #dde4be30;gap:25px;padding-top:20px;display:flex}.feature-notes b{font-size:var(--fs-xs);letter-spacing:.5px;color:#c5d1b9;margin-left:6px;font-weight:500}.lobby-card{border-radius:var(--r-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:thin;background:linear-gradient(145deg,#1e3d34f0,#153329f5);border:1px solid #c8d9a732;align-self:center;max-height:calc(100vh - 175px);padding:33px 35px 25px;overflow:auto;box-shadow:0 30px 90px #081d2050}.lobby-card h2{letter-spacing:-.7px;margin:20px 0 15px;font-size:38px;line-height:1.08}.lobby-card .fineprint{text-align:center;margin:12px 0 0}.lobby-footer{color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.5px;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.mode-description{border-radius:var(--r-sm);background:#c4d1a610;border:1px solid #d7dfb348;align-items:center;gap:13px;padding:14px 13px;display:flex}.mode-symbol{color:var(--gold);font-size:33px;line-height:1}.mode-description strong{font-size:var(--fs-xs);font-weight:550}.mode-description p{font-size:var(--fs-2xs);color:#b0c3b0;margin:5px 0 0;line-height:1.5}.mode-tag{font-size:var(--fs-xs);letter-spacing:.5px;color:var(--gold);border-radius:var(--r-sm);border:1px solid #dfdaa839;margin-left:auto;padding:5px}.room-list-heading{justify-content:space-between;align-items:center;margin:22px 0 7px;display:flex}.room-list-heading>span{font-size:var(--fs-xs);letter-spacing:.5px;color:#aabda7}.room-list{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#687a56 transparent;min-height:135px;max-height:200px;overflow:auto}.room-card{border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:14px 9px;display:flex}.room-card>span:nth-child(2){flex:1;min-width:0}.room-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:var(--fs-xs);font-weight:500;display:block;overflow:hidden}.room-card small{color:#a6bba6;font-size:var(--fs-2xs);margin-top:5px;line-height:1.5;display:block}.room-emblem{color:#d9c793;font-size:25px}.room-occupancy{font-size:var(--fs-lg);font-family:var(--font-display);text-align:center}.room-occupancy small{font:var(--fs-2xs) var(--font-ui);margin-left:2px;display:inline}.empty-state{text-align:center;color:#adbfaa;flex-direction:column;align-items:center;padding:15px 10px 11px;display:flex}.empty-state>span{color:#c4c998;margin-bottom:11px;font-size:27px}.empty-state strong{font-family:var(--font-display);font-weight:400;font-size:var(--fs-md)}.empty-state p{font-size:var(--fs-2xs);margin:7px 0;line-height:1.7}.waiting-shell{scrollbar-width:thin;width:min(930px,100% - 60px);margin:auto;padding-bottom:28px;position:absolute;inset:105px 0 0;overflow:auto}.waiting-heading{text-align:center;margin:18px 0 27px}.waiting-heading h1{overflow-wrap:anywhere;margin:10px 0 9px;font-size:44px}.waiting-heading p{font-size:var(--fs-2xs);color:#c7d3b7}.waiting-heading p span{color:#b9ba82;padding:0 11px}.waiting-card{background:var(--panel);border-radius:var(--r-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #dae1b534;padding:29px 33px}.waiting-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.waiting-toolbar h2{color:#f1e7c7;margin:7px 0 0;font-size:32px}.waiting-toolbar h2 small{font-family:system-ui,sans-serif;font-size:var(--fs-2xs);color:#aabda8;margin-left:8px}.invite-controls{align-items:center;gap:14px;display:flex}.competitor-grid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.competitor{border-radius:var(--r-sm);background:#34513a28;border:1px solid #c9d6af28;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:116px;padding:13px 8px;display:flex}.competitor-avatar{color:#e7d99b;width:32px;height:32px;font-family:var(--font-display);font-size:var(--fs-lg);background:#82966b29;border:1px solid #bccc9947;border-radius:50%;place-items:center;display:grid}.competitor strong{font-size:var(--fs-2xs);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;overflow:hidden}.competitor-you{background:#bcca9a12;border-color:#e6cd9366}.competitor small{font-size:var(--fs-2xs);color:var(--text-muted)}.competitor-empty{border-style:dashed;border-color:var(--line-strong);color:var(--text-muted);background:0 0}.competitor-empty>span{color:var(--text-muted);font-size:24px;font-weight:200}.waiting-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;margin-top:25px;padding-top:23px;display:flex}.waiting-bottom .primary{width:210px;margin:0}.waiting-bottom small{font-size:var(--fs-2xs);color:#a9bda9;line-height:1.6}.waiting-footer{justify-content:space-between;margin:15px 0;display:flex}.room-notice{color:#e5dbaa;font-size:var(--fs-2xs);margin:16px 0 0;line-height:1.6}.results-shell{text-align:center;scrollbar-width:thin;width:min(760px,100% - 48px);margin:auto;padding-bottom:35px;position:absolute;inset:100px 0 0;overflow:auto}.results-trophy{width:74px;height:74px;color:var(--gold);background:#60765338;border:1px solid #d5d79938;border-radius:50%;place-items:center;margin:18px auto;display:grid}.results-trophy svg{width:45px;height:50px}.results-shell h1{margin:12px 0 16px;font-size:47px;line-height:1.1}.results-shell>p{font-size:var(--fs-xs);color:#c6d7bc}.results-card{border:1px solid var(--line);border-radius:var(--r-md);background:#19382eea;margin:25px 0 20px;padding:15px 24px}.result-actions{justify-content:center;align-items:center;gap:14px;display:flex}.result-actions .primary{width:220px;margin:0}.score-table{text-align:left;width:100%}.score-row{border-bottom:1px solid var(--line);font-size:var(--fs-xs);grid-template-columns:minmax(0,1fr) 50px 66px 58px;align-items:center;gap:8px;padding:13px 8px;display:grid}.score-row>span:first-child{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.score-row b{font-family:var(--font-display);color:#d7cf9d;font-weight:400;font-size:var(--fs-md);min-width:13px}.score-row small{font-size:var(--fs-2xs);color:#e3d59d;border:1px solid #cbd1a334;margin-left:4px;padding:2px 4px}.score-row>strong,.score-row>span:not(:first-child){text-align:right}.score-head{font-size:var(--fs-2xs);color:var(--text-muted)}.score-row.is-you{color:#f1ddaa;background:#cfda9d0a}.final-minute,.battle-hud time.final-minute{color:#ffb185}.shrine-strip{flex-wrap:wrap;gap:7px;display:flex}.shrine-strip>span{border-radius:var(--r-sm);font-size:var(--fs-2xs);letter-spacing:.4px;color:#d0dabb;background:#183b2cc7;border:1px solid #dce0b13d;padding:9px 12px}.shrine-strip b{font-size:var(--fs-xs);color:#e4d49b;margin-right:7px;font-weight:500}.shrine-strip .shrine-owned{background:#576b32c9;border-color:#d4e19b70}.shrine-strip .shrine-contested{color:#ffc5a6;border-color:#efa17c}.minimap svg{filter:drop-shadow(0 8px 20px #13321f66);border-radius:20px;width:100%}.minimap button{border-radius:var(--r-pill);background:#19362fcf;border:1px solid #cad7aa30;justify-content:center;align-items:center;gap:5px;min-width:105px;min-height:44px;margin:5px auto 0;font-size:22px;display:flex}.minimap button span{font-size:var(--fs-2xs);color:#d2dbbe}.health-track{background:#0a251d99;border:1px solid #ebf7bb16;border-radius:2px;width:100%;height:5px;display:block;overflow:hidden}.health-track>span{background:linear-gradient(90deg,#7fba68,#c7df96);height:100%;transition:width .15s;display:block}.small-action{color:#274432;border-radius:var(--r-sm);min-width:55px;min-height:44px;font-size:var(--fs-2xs);background:#e4c791;padding:10px}.capture-action{background:#bedfb1}.capture-channel{border-radius:var(--r-sm);text-align:center;background:#203e31ed;border:1px solid #d7db9a50;width:270px;padding:14px 20px;position:absolute;top:285px;left:50%;transform:translate(-50%)}.capture-channel strong{font-size:var(--fs-2xs);font-weight:500}.capture-channel>div{background:#132c24;height:4px;margin:13px 0 4px}.capture-channel>div>span{background:var(--gold);height:100%;transition:width .1s;display:block}.respawn-message{text-align:center;border:1px solid var(--line);border-radius:var(--r-md);pointer-events:none;background:#14352cd9;width:min(390px,90vw);padding:26px 35px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.respawn-message h2{margin:14px 0;font-size:30px}.respawn-message p{font-size:var(--fs-sm);color:var(--gold)}.squad-slots{gap:6px;display:flex}.slot,.commander-slot{border-radius:var(--r-sm);background:#16342fdb;border:1px solid #c9d7aa45;flex:1;min-width:0;height:82px;padding:3px;position:relative}.slot .portrait-art{height:57px;margin-top:-1px}.slot .health-track{width:calc(100% - 6px);height:4px;margin:1px 3px 0}.slot small{font-size:var(--fs-2xs);color:var(--text-muted);white-space:nowrap;margin-top:5px;display:block}.slot-number{font-size:var(--fs-2xs);color:#e0e6cd;position:absolute;top:4px;left:5px}.slot-level{font-size:var(--fs-2xs);color:var(--gold);position:absolute;top:4px;right:4px}.slot.selected,.commander-slot.selected{background:#435838e8;border-color:#ffe0a1;transform:translateY(-4px);box-shadow:0 0 0 1px #edd39340}.slot.fallen .portrait-art{filter:grayscale(.85);opacity:.55}.commander-slot{color:var(--gold);flex-direction:column;flex:.77;justify-content:center;align-items:center;gap:7px;display:flex}.commander-slot svg{width:29px;height:33px}.commander-slot small{font-size:var(--fs-2xs)}.empty-slot{text-align:center;color:var(--text-muted);background:#1b382750;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-slot>span{font-size:28px;font-weight:200;line-height:1}.empty-slot small{font-size:var(--fs-2xs);color:var(--text-muted);margin-top:11px}.command-dock{border-radius:var(--r-sm);background:#18392fe5;border:1px solid #ccd7ae30;padding:11px 13px 9px}.command-heading{font-size:var(--fs-2xs);color:#f0dfb4;justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin-bottom:7px;display:flex}.command-heading>span{font-size:var(--fs-xs);font-family:var(--font-display)}.command-heading small{font:var(--fs-2xs) var(--font-ui);color:#adbd9c;margin-top:3px;display:block}.assist-toggle{font-size:var(--fs-2xs);border-radius:var(--r-sm);color:#dddbab;background:#bbd99612;border:1px solid #c6d49e30;min-height:44px;padding:8px}.order-buttons{gap:5px;display:flex}.order-buttons button{min-height:44px;font-size:var(--fs-2xs);border-radius:var(--r-sm);background:#c3d8a310;border:1px solid #c6d49e23;flex:1}.order-buttons .ready-attack{color:#f4d49c;background:#d8ae7240;border-color:#e4bd7761}.skill-buttons{gap:5px;margin-top:8px;display:flex}.skill-buttons button{border-radius:var(--r-sm);background:#45553a80;border:1px solid #d4dcb83d;flex:1;min-width:0;min-height:64px;padding:7px 4px;position:relative}.skill-buttons button>span{color:var(--gold);font-size:22px;line-height:26px;display:block}.skill-buttons strong{font-size:var(--fs-2xs);white-space:nowrap;text-overflow:ellipsis;max-width:76px;font-weight:500;display:block;overflow:hidden}.command-dock>p{font-size:var(--fs-2xs);color:#adc1a6;margin:9px 0 0;line-height:1.5}.notice{font-size:var(--fs-2xs);color:#dce5cb;text-align:center;border-radius:var(--r-pill);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#16362f99;border:1px solid #c6d4a720;max-width:calc(100% - 30px);padding:7px 12px;position:absolute;bottom:17px;left:50%;overflow:hidden;transform:translate(-50%)}.keyboard-hint{font-size:var(--fs-2xs);color:#c0d0b6;pointer-events:none;align-items:center;gap:7px;display:flex;position:absolute;bottom:19px;left:36px}.keyboard-hint kbd{font:var(--fs-2xs) var(--font-ui);border-radius:var(--r-sm);border:1px solid #c9d5a733;padding:3px}.keyboard-hint i{background:#b6c59e;border-radius:50%;width:3px;height:3px;margin:0 5px}.network-banner{color:#fff1c8;border-radius:var(--r-sm);font-size:var(--fs-xs);z-index:5;background:#7d4b27ed;padding:13px 22px;position:absolute;top:78px;left:50%;transform:translate(-50%)}.loading-world{border:1px solid var(--line);border-radius:var(--r-md);background:#173c2bc9;padding:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stick{display:none}.modal-layer{z-index:10;position:absolute;inset:0}.scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102b2575;position:absolute;inset:0}.drawer{width:min(440px,100%);height:100%;padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);background:#1b372f;border-left:1px solid #d4dfb539;flex-direction:column;display:flex;position:absolute;top:0;right:0;box-shadow:-20px 0 60px #08281c66}.drawer>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:29px 25px 21px;display:flex}.drawer h2{margin:9px 0 0;font-size:31px}.drawer-scroll{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#647854 transparent;flex:1;min-height:0;padding:0 25px 28px;overflow:auto}.drawer>footer{font-size:var(--fs-xs);letter-spacing:.5px;color:#829e88;border-top:1px solid var(--line);padding:17px 25px}.intro{font-size:var(--fs-sm);color:#c4d3ba;margin:25px 0;line-height:1.8}.guide-card{border-radius:var(--r-sm);background:linear-gradient(140deg,#7a8c5159,#254e3940);border:1px solid #c6dca249;margin:25px 0;padding:25px}.guide-card h3{margin:14px 0 15px;font-size:30px;line-height:1.1}.guide-card p{font-size:var(--fs-xs);color:#cfddbc;margin:0;line-height:1.8}.controls dt{font-family:var(--font-display);margin:25px 0 9px;font-size:21px}.controls dd{font-size:var(--fs-xs);color:#bfd1b6;margin:0;line-height:1.8}.field-entry{border-bottom:1px solid var(--line);align-items:flex-start;gap:16px;padding:21px 0;display:flex}.field-entry .portrait-art{width:65px;height:70px}.field-entry>div{flex:1;min-width:0}.field-entry h3{margin:7px 0 9px;font-size:22px}.field-entry small{font-size:var(--fs-xs);letter-spacing:.5px;text-transform:uppercase;color:#aabd9d}.field-entry p{font-size:var(--fs-xs);color:#b9cdb0;margin:8px 0;line-height:1.7}.section-title{margin:29px 0 0;font-size:26px}.setting-row{border-bottom:1px solid var(--line);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.setting-row input{accent-color:#dcca92;width:20px;height:20px}.diagnostics{border:1px solid var(--line);font-size:var(--fs-2xs);color:#a9bf9e;border-radius:var(--r-sm);background:#112b2577;gap:10px;padding:19px;display:grid}.diagnostics summary{color:var(--gold);font-size:var(--fs-xs);cursor:pointer;align-items:center;min-height:44px;display:flex}.diagnostics:not([open]){gap:0}.loadout-heading{font-size:var(--fs-xs);color:var(--gold);letter-spacing:.5px;margin:20px 0 0}.relic-description{font-size:var(--fs-2xs);color:#adc09f;min-height:39px;font-weight:400;line-height:1.6}.mastery-button{border-radius:var(--r-pill);min-height:44px;font-size:var(--fs-2xs);color:#eee0b0;background:#bdd39812;border:1px solid #c7d5ac37;align-items:center;gap:6px;padding:6px 11px;display:flex}.mastery-button>span{font-size:var(--fs-lg);line-height:1}.mastery-summary{align-items:center;gap:15px;margin:26px 0 20px;display:flex}.mastery-badge{border-radius:var(--r-md);width:64px;height:70px;font:34px var(--font-display);color:var(--gold);background:linear-gradient(140deg,#839d494f,#314c3022);border:1px solid #d9d1a64f;flex-shrink:0;place-items:center;display:grid}.mastery-summary h3{margin:9px 0;font-size:28px}.mastery-summary p{font-size:var(--fs-2xs);color:#aabd9d;margin:0}.guest-warning{border-radius:var(--r-sm);color:#e5cba0;font-size:var(--fs-2xs);background:#8b704e20;border:1px solid #dfbb7943;padding:13px 15px;line-height:1.8}.account-header{align-items:center;gap:7px;display:flex}.account-indicator,.account-signout{border-radius:var(--r-pill);min-height:44px;font-size:var(--fs-2xs);background:#15352ed9;border:1px solid #cad7aa30;padding:6px 11px}.account-signout{font-size:var(--fs-2xs);color:var(--gold)}.account-controls{border-top:1px solid var(--line);margin-top:20px;padding-top:19px}.account-controls .eyebrow{font-size:var(--fs-xs);letter-spacing:.5px}.account-controls .fineprint{margin:9px 0}.google-button{color:#1f1f1f;border-radius:var(--r-sm);background:#fff;border:1px solid #747775;justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;margin-top:12px;padding:9px 12px;font-size:14px;font-weight:500;display:flex}.google-button>img{flex:0 0 20px}.account-conflict,.account-redirect{border-radius:var(--r-sm);background:#b8965210;border:1px solid #ecc48540;margin-top:13px;padding:12px}.account-conflict .secondary,.account-redirect .secondary{width:100%;font-size:var(--fs-2xs)}.account-confirm{font-size:var(--fs-2xs);color:#f2d8a6;align-items:flex-start;gap:8px;padding:10px 0 16px;line-height:1.6;display:flex}.account-confirm input{flex:none;width:17px;height:17px;margin:1px 0 0}@media (max-width:700px){.top-actions:has(.account-header){gap:6px}.top-actions:has(.account-header) .connection{display:none}.account-header{gap:4px}.account-indicator,.account-signout{min-height:44px;font-size:var(--fs-2xs);padding:4px 6px}}.mastery-entry{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:17px 0;display:flex}.mastery-entry>.portrait-art{width:55px;height:58px}.mastery-entry>div{flex:1}.mastery-entry strong{font-size:var(--fs-xs);margin-bottom:6px;font-weight:500;display:block}.mastery-entry small{font-size:var(--fs-2xs);color:#aebe9c;line-height:1.7;display:block}.mastery-track{background:#0c291e;height:4px;margin:6px 0;display:block}.mastery-track>span{background:#c9d99d;height:100%;display:block}.cosmetic-heading{justify-content:space-between;align-items:center;margin:27px 0 10px;display:flex}.cosmetic-heading h3{margin:0;font-size:25px}.cosmetic-heading>span{font-family:var(--font-display);color:var(--gold);font-size:25px}.cosmetic-heading small{font:var(--fs-xs) var(--font-ui)}.save-message{font-size:var(--fs-2xs);color:#bfcca8;border-radius:var(--r-sm);border:1px solid #cbd6aa26;padding:10px 12px;line-height:1.8}.save-message.error{color:#ffc39d;border-color:#f0b38248}.save-message.pending{color:#edd6a1}.save-message.saved{color:#c3e5b1}.ally-target{font-size:var(--fs-2xs);color:#b9caab;align-items:center;gap:7px;margin-top:8px;display:flex}.ally-target select{border-radius:var(--r-sm);color:#e3e9cc;min-width:0;min-height:44px;font-size:var(--fs-2xs);background:#183c2d;border:1px solid #d6dfac38;flex:1;padding:5px}.ally-target select option{background:#16392b}@media (max-width:1120px){.lobby-shell{grid-template-columns:1fr 410px;gap:20px 38px;width:calc(100% - 70px)}.lobby-intro h1{font-size:61px}.lobby-card{padding:30px}.slot{height:77px}.slot .portrait-art{height:51px}}@media (max-width:900px){.topbar{gap:16px;padding:18px 23px}.edition{display:none}.lobby-shell{grid-template-columns:1fr 380px;gap:20px;width:calc(100% - 48px)}.lobby-intro h1{font-size:48px}.hero-creatures{height:85px}.hero-creatures .portrait-art{width:75px;height:75px}.hero-creatures .portrait-art:nth-child(2){width:90px;height:90px}.feature-notes{font-size:var(--fs-xs);gap:12px}.feature-notes b{font-size:var(--fs-xs);letter-spacing:.5px}.lobby-card{padding:26px}.keyboard-hint{left:23px}}@media (max-width:700px){.mastery-button{min-height:44px;font-size:var(--fs-2xs);gap:4px;padding:5px 7px}.mastery-button>span{font-size:var(--fs-md)}.top-actions .connection{max-width:95px;line-height:1.5}.relic-description{font-size:var(--fs-2xs);min-height:48px;line-height:1.5}.mastery-summary .eyebrow{font-size:var(--fs-xs);letter-spacing:.5px}.ally-target select{min-height:44px}.topbar{padding:15px 17px}.brand{gap:8px}.brand svg{width:28px;height:31px}.brand>span{font-size:var(--fs-xs);letter-spacing:2.4px}.brand strong{font-size:var(--fs-xs);letter-spacing:1.7px}.top-actions{gap:12px}.connection{font-size:var(--fs-xs);letter-spacing:.5px}.lobby-shell{flex-direction:column;gap:0;width:calc(100% - 32px);padding-bottom:18px;display:flex;inset:85px 0 0;overflow-y:auto}.lobby-intro{align-self:auto;padding:5px 8px 17px}.lobby-intro>.eyebrow{font-size:var(--fs-xs);letter-spacing:.5px}.lobby-intro h1{letter-spacing:-1px;margin:12px 0;font-size:37px;line-height:1}.lobby-intro h1 br:first-of-type{display:none}.lobby-intro h1 em{font-size:.8em}.lobby-intro>p{font-size:var(--fs-2xs);max-width:calc(100% - 132px);margin:0;line-height:1.7}.hero-creatures{justify-content:center;width:130px;height:100px;position:absolute;top:48px;right:5px}.hero-creatures .portrait-art{width:52px;height:52px;margin-left:-7px}.hero-creatures .portrait-art:nth-child(2){width:63px;height:63px}.feature-notes{display:none}.lobby-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);align-self:auto;width:100%;max-height:none;padding:25px 25px 23px;overflow:visible}.lobby-card h2{margin:15px 0 13px;font-size:34px}.lobby-card .field{margin:18px 0}.lobby-card .muted{font-size:var(--fs-xs)}.lobby-footer{flex-shrink:0;gap:15px;padding:17px 4px 0}.lobby-footer>span{font-size:var(--fs-xs);letter-spacing:.5px}.room-list{max-height:250px}.waiting-shell{width:calc(100% - 30px);inset:82px 0 0}.waiting-heading{margin:10px 0 20px}.waiting-heading h1{font-size:32px;line-height:1.1}.waiting-heading p{font-size:var(--fs-2xs)}.waiting-heading p span{padding:0 5px}.waiting-card{padding:20px 17px}.waiting-toolbar{align-items:flex-start;gap:10px}.waiting-toolbar .eyebrow{font-size:var(--fs-xs);letter-spacing:.5px}.waiting-toolbar h2{font-size:28px}.waiting-toolbar h2 small{font-size:var(--fs-2xs);margin-left:5px}.invite-controls{flex-direction:column;gap:2px}.invite-controls .secondary{min-height:44px;font-size:var(--fs-2xs);padding:10px 12px}.competitor-grid{grid-template-columns:repeat(3,1fr);gap:8px}.competitor{min-height:95px;padding:10px 5px}.competitor strong{font-size:var(--fs-2xs)}.competitor-avatar{width:28px;height:28px;font-size:var(--fs-md)}.waiting-bottom{align-items:flex-start;gap:10px;margin-top:19px;padding-top:18px}.waiting-bottom .primary{width:138px;min-height:48px;font-size:var(--fs-2xs);gap:5px;padding:10px 14px}.waiting-bottom small{font-size:var(--fs-2xs)}.inline-field select{width:60px;height:44px}.room-notice{font-size:var(--fs-2xs)}.results-shell{width:calc(100% - 30px);inset:85px 0 0}.results-shell h1{font-size:36px}.results-trophy{margin-top:7px}.results-card{padding:9px 12px}.score-row{font-size:var(--fs-2xs);grid-template-columns:minmax(0,1fr) 46px 62px 54px;gap:6px;padding:12px 5px}.score-row>span:first-child{gap:7px}.result-actions .primary{width:190px;font-size:var(--fs-2xs)}.result-actions .secondary{font-size:var(--fs-2xs)}.squad-slots{gap:5px}.slot,.commander-slot{height:75px}.slot .portrait-art{height:49px}.slot-number,.slot-level{font-size:var(--fs-2xs)}.commander-slot svg{width:25px;height:30px}.command-heading{font-size:var(--fs-2xs);gap:6px;margin-bottom:6px}.command-heading>span{font-size:var(--fs-xs)}.assist-toggle{min-height:44px;font-size:var(--fs-2xs);padding:7px 5px}.order-buttons{gap:5px}.order-buttons button{min-height:44px;font-size:var(--fs-2xs)}.skill-buttons{gap:5px;margin-top:7px}.skill-buttons button{min-height:59px}.skill-buttons strong{font-size:var(--fs-2xs);max-width:56px}.capture-channel{width:235px;top:40%}.capture-channel strong{font-size:var(--fs-2xs)}.notice{bottom:calc(7px + env(safe-area-inset-bottom));max-width:calc(100% - 22px);font-size:var(--fs-2xs);padding:6px 10px}.keyboard-hint{display:none}.network-banner{text-align:center;width:calc(100% - 25px);font-size:var(--fs-2xs);padding:10px;top:67px}.respawn-message{max-width:300px;padding:21px 26px;top:39%}.respawn-message h2{font-size:25px}.drawer>header{padding:24px 22px 19px}.drawer-scroll{padding:0 22px 27px}.drawer h2{font-size:29px}}@media (pointer:coarse){.stick{left:22px;bottom:calc(45px + env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;background:#12302a59;border:1px solid #d6e0b048;border-radius:50%;place-items:center;width:108px;height:108px;display:grid;position:absolute;box-shadow:inset 0 0 0 13px #e7e9b305}.stick>span{pointer-events:none;background:radial-gradient(circle at 35% 30%,#d9e4b577,#93b59d43);border:1px solid #d7e4b168;border-radius:50%;width:46px;height:46px;display:block;box-shadow:0 5px 15px #102e2580}.stick>small{font-size:var(--fs-xs);letter-spacing:.5px;color:#cfdfbb;pointer-events:none;position:absolute;bottom:6px}}@media (pointer:coarse) and (min-width:701px){.keyboard-hint{display:none}}@media (max-height:650px) and (min-width:701px){.lobby-shell{align-items:start;inset:87px 0 0}.lobby-intro h1{font-size:49px}.hero-creatures{height:78px;margin:9px 0}.hero-creatures .portrait-art{width:72px;height:72px}.hero-creatures .portrait-art:nth-child(2){width:86px;height:86px}.lobby-card{max-height:none}.lobby-footer{padding:0}.waiting-shell{inset:83px 0 0}}@media (max-height:520px) and (pointer:coarse){.notice{bottom:7px}.skill-buttons button{min-height:51px}.stick{width:98px;height:98px;bottom:44px;left:22px}.topbar{padding-top:10px}.lobby-shell{inset:70px 0 0}.lobby-intro{display:none}.lobby-card{max-width:500px;margin:auto}.lobby-footer{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.slot.selected,.commander-slot.selected{transform:none}:root .game-playing .notice{animation:none}}.battle-hud{top:max(10px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));border:1px solid var(--line);border-radius:var(--r-lg);pointer-events:none;background:#143129df;align-items:center;gap:14px;width:min(310px,100% - 76px);height:48px;padding:7px 12px;display:flex;position:absolute}.battle-hud time{font-variant-numeric:tabular-nums;color:var(--gold);font-size:22px}.battle-hud .brand-mark{width:21px;height:26px}.lobby-footer>span{line-height:1.6}.lobby-footer b{color:var(--gold);font-size:var(--fs-2xs);letter-spacing:.4px;font-weight:500;display:block}.drawer>footer{font-size:var(--fs-xs);letter-spacing:.5px}.hud-score{white-space:nowrap;align-items:baseline;gap:3px;display:flex}.hud-score b{font-size:var(--fs-md)}.hud-score small,.hud-health small{font-size:var(--fs-2xs);color:#c3d1b5}.hud-health{flex:1;min-width:40px}.hud-health .health-track{width:100%;height:5px;margin:0 0 4px}.hud-health small{text-align:center;white-space:nowrap;display:block}.battle-tools button{border:1px solid var(--line);border-radius:var(--r-lg);background:#19362fee}.battle-menu-button{right:max(12px, env(safe-area-inset-right));top:max(10px, env(safe-area-inset-top));place-content:center;width:48px;height:48px;display:grid;position:absolute}.battle-menu-button>span{font-size:24px;line-height:23px}.battle-menu-button small{font-size:var(--fs-2xs)}.warband-toggle{right:calc(max(12px, env(safe-area-inset-right)) + 76px);bottom:calc(14px + env(safe-area-inset-bottom));width:112px;min-height:46px;font-size:var(--fs-2xs);color:var(--gold);justify-content:center;align-items:center;gap:6px;padding:8px;display:flex;position:absolute}.warband-toggle>span{font-size:21px}.warband-toggle small{color:#bdcfae;font-size:var(--fs-2xs)}.selected-context{right:12px;bottom:calc(68px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:var(--r-md);background:#17372eef;width:min(240px,100% - 124px);padding:7px;position:absolute}.selected-context .skill-buttons{gap:4px;margin-top:4px}.selected-context .skill-buttons button{min-height:45px;padding:3px}.selected-context .skill-buttons button>span{font-size:var(--fs-sm)}.selected-context .skill-buttons strong{font-size:var(--fs-2xs);white-space:normal;overflow-wrap:anywhere;max-width:none;line-height:1.15}.game-playing .notice{top:calc(max(10px, env(safe-area-inset-top)) + 58px);font-size:var(--fs-xs);max-width:min(440px, calc(100% - max(12px, env(safe-area-inset-left)) - max(12px, env(safe-area-inset-right))));white-space:normal;text-wrap:balance;border-radius:var(--r-lg);pointer-events:none;background:#143129e8;border-color:#d8e1bf40;width:max-content;padding:8px 14px;line-height:1.45;animation:.18s ease-out notice-in;bottom:auto}.game-playing .notice-error{color:#ffe2d4;border-color:#ffbea180}.game-playing:has(.armed-command) .notice{top:calc(max(10px, env(safe-area-inset-top)) + 118px)}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.game-playing .keyboard-hint{font-size:var(--fs-2xs);bottom:15px;left:14px}.game-playing .network-banner{max-width:calc(100% - max(12px, env(safe-area-inset-left)) - max(12px, env(safe-area-inset-right)));top:67px}.game-playing .capture-channel{max-width:calc(100% - max(12px, env(safe-area-inset-left)) - max(12px, env(safe-area-inset-right)));top:150px}.game-playing .stick{left:max(14px, env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));width:96px;height:96px}.drawer .squad-dock,.drawer .command-dock{margin:18px 0}.drawer .squad-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.drawer .slot,.drawer .commander-slot{min-width:0;height:84px}.drawer .slot .portrait-art{height:40px;margin-top:14px}.drawer .slot small{font-size:var(--fs-2xs);margin-top:3px}.drawer .commander-slot .brand-mark{width:30px;height:33px}.drawer .command-dock{padding:12px}.drawer .command-heading>span{font-size:var(--fs-md)}.drawer .command-heading small{font-size:var(--fs-2xs)}.drawer .assist-toggle{font-size:var(--fs-2xs);min-height:44px}.drawer .order-buttons button{min-height:44px}.drawer .skill-buttons button{min-height:60px}.drawer .skill-buttons strong{font-size:var(--fs-2xs);overflow-wrap:anywhere;max-width:none}.drawer .command-dock>p{font-size:var(--fs-2xs)}.minion-detail{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.65}.minion-detail h3{color:var(--gold);font-size:21px}.drawer{container-type:inline-size}.drawer-compact>header{padding-top:max(14px, env(safe-area-inset-top));min-height:68px;padding-bottom:12px}.drawer-compact .panel-heading{padding-left:0}.drawer-compact h2{font-size:var(--fs-display-sm);margin:0}.match-status{--status-bg:var(--surface-panel);z-index:2;background:var(--status-bg);box-shadow:0 0 0 100vmax var(--status-bg);clip-path:inset(0 -100vmax);border-bottom:1px solid var(--line);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-muted);margin:0 0 14px;padding:9px 0;position:sticky;top:0}.match-status.took-damage{--status-bg:#4a2f27;color:#ffe2d4;border-bottom-color:#ffbea180;animation:.9s ease-out status-hit}@property --status-bg{syntax:"<color>";inherits:false;initial-value:#1b372f}@keyframes status-hit{0%{--status-bg:#8a3f2d}}@media (prefers-reduced-motion:reduce){.match-status.took-damage{animation:none}}.drawer .roster-help{margin:0}.drawer .squad-dock{margin-top:10px}@container (width>=400px){.drawer .squad-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}}.stance-help{font-size:var(--fs-2xs);color:var(--text-muted);margin:6px 0 0;line-height:1.5}.key-hint{border:1px solid var(--line-strong);border-radius:var(--r-sm);font:600 var(--fs-2xs) / 1.45 var(--font-ui);color:var(--text-muted);margin-left:6px;padding:0 4px;display:none}@media (hover:hover) and (pointer:fine){.key-hint{display:inline-block}}.skill-buttons .key-hint{margin:0;position:absolute;top:3px;right:4px}.commander-slot .key-hint.slot-number{border:0;margin:0;padding:0;font-weight:400}.shortcut-list{font-size:var(--fs-xs);grid-template-columns:max-content minmax(0,1fr);gap:8px 14px;margin:12px 0 0;display:grid}.shortcut-list dt{color:var(--text)}.shortcut-list dd{color:var(--text-muted);margin:0}.shortcut-list kbd{border:1px solid var(--line-strong);border-radius:var(--r-sm);text-align:center;min-width:22px;font:600 var(--fs-2xs) / 1.6 var(--font-ui);padding:1px 5px;display:inline-block}.context-actions>.small-action[aria-pressed=true]{box-shadow:inset 0 0 0 2px #274432, 0 0 0 2px var(--gold);background:#f6e2b1;font-weight:700}.context-actions>.small-action[aria-pressed=true]:before{content:"✓ " / ""}.context-actions>.small-action:disabled{color:var(--text-disabled);background:0 0}.context-actions>.capture-action:enabled{box-shadow:0 0 0 2px #bedfb1}.context-identity strong{overflow-wrap:anywhere;display:block}.loadout-status{min-height:44px;font-size:var(--fs-xs);color:var(--text-muted);align-items:center;gap:12px;margin:0;display:flex}.loadout-status.saved{color:var(--ally)}.loadout-status.stale,.start-reason{color:#e7c58d}@media (max-width:700px){.waiting-bottom{z-index:2;padding:12px 17px calc(12px + env(safe-area-inset-bottom));background:var(--surface-panel);border-top:1px solid var(--line-strong);margin:19px -17px 0;position:sticky;bottom:0;box-shadow:0 -10px 24px #0b221d66}}@media (max-height:520px) and (min-width:701px){.waiting-bottom{z-index:2;padding:10px 33px calc(10px + env(safe-area-inset-bottom));background:var(--surface-panel);border-top:1px solid var(--line-strong);margin:18px -33px 0;position:sticky;bottom:0;box-shadow:0 -10px 24px #0b221d66}}@media (max-width:540px){.top-actions .connection:not(.reconnecting){display:none}.waiting-bottom{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}.game-playing .scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:#102b2540}@media (max-width:700px){.game-playing .scrim{background:#102b2575}}@media (max-width:440px){.drawer{padding-left:env(safe-area-inset-left)}}.menu-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.menu-navigation button{min-width:0;font-size:var(--fs-xs);justify-content:center;padding:12px}.menu-objectives{margin:28px 0}.menu-objectives h3{font-size:22px}.menu-objectives .shrine-strip>span{font-size:var(--fs-2xs);padding:8px}.menu-objectives .minimap{width:170px;margin:15px auto}.menu-objectives .minimap button{width:100%;min-height:44px}.menu-objectives .minimap button span{font-size:var(--fs-xs)}.loading-world{place-items:center;gap:15px;display:grid}.loading-world .brand-mark{width:58px;height:64px}.lobby-shell,.waiting-shell,.results-shell{overflow-x:hidden}.waiting-card,.lobby-card,.waiting-heading,.waiting-toolbar>*,.waiting-bottom>*,.room-card>*{min-width:0}.waiting-heading h1{overflow-wrap:anywhere}.room-card{width:100%;min-width:0;max-width:100%}.room-card strong,.competitor strong{overflow-wrap:anywhere}.waiting-toolbar,.waiting-bottom,.invite-controls{flex-wrap:wrap}.competitor-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.competitor{min-width:0;min-height:73px;padding:8px 5px}.competitor-avatar{width:24px;height:24px;font-size:var(--fs-sm)}.competitor strong{font-size:var(--fs-2xs)}.starter-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;margin:15px 0;display:grid}.starter-card{border:1px solid var(--line);border-radius:var(--r-md);background:#13312790;min-width:0;overflow:hidden}.starter-card.expanded{border-color:#e5ce9766}.starter-summary{text-align:left;background:0 0;align-items:center;gap:9px;width:100%;min-height:100px;padding:12px;display:flex}.starter-summary>span:not(.portrait-art):not(.starter-chevron){flex:1;min-width:0}.starter-summary .portrait-art{width:42px;height:48px}.starter-summary strong{font-size:var(--fs-sm);color:#f1e7c6;display:block}.starter-summary small{font-size:var(--fs-2xs);color:#c5d4b8;margin-top:5px;display:block}.starter-damage{font-size:var(--fs-2xs);color:var(--text-muted);margin-top:4px;line-height:1.5;display:block}.starter-chevron{color:var(--gold);font-size:22px}.relic-chip{font-size:var(--fs-2xs);color:var(--gold);padding-top:6px;display:inline-block}.starter-details{font-size:var(--fs-2xs);padding:0 12px 12px;line-height:1.6}.starter-details>p{color:var(--text-muted)}.starter-skills{gap:10px;margin:10px 0;padding:0;list-style:none;display:grid}.starter-skills li{border-radius:var(--r-sm);background:#b7cd8110;padding:9px}.starter-skills strong,.starter-skills span,.starter-skills small{display:block}.starter-skills strong{color:#ead5a3;font-size:var(--fs-2xs)}.starter-skills small{color:#afc3a4;font-size:var(--fs-2xs)}.relic-choices{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0;margin:16px 0 7px;padding:0;display:grid}.relic-choices legend{font-size:var(--fs-2xs);color:var(--gold);margin-bottom:8px}.relic-choices label{border:1px solid var(--line);border-radius:var(--r-sm);text-align:center;cursor:pointer;place-items:center;gap:5px;min-height:58px;padding:7px 4px;display:grid;position:relative}.relic-choices input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.relic-choices label>span{font-size:20px}.relic-choices strong{font-size:var(--fs-2xs);overflow-wrap:anywhere;line-height:1.35}.relic-choices label.chosen{border-color:var(--gold);background:#dec5841b}.relic-choices label:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.starter-details .relic-description{min-height:0;font-size:var(--fs-2xs)}.starter-choices{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;margin:12px 0 18px;padding:0;display:grid}.starter-choices legend{color:var(--gold);padding-bottom:8px}.starter-choices label{border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px;min-height:62px;padding:8px 6px;display:grid;position:relative}.starter-choices input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.starter-choices .portrait-art{width:34px;height:40px}.starter-choices strong{font-size:var(--fs-2xs);line-height:1.2;display:block}.starter-choices small{font-size:var(--fs-2xs);color:var(--text-muted);display:block}.starter-choices .choice-note{font-size:var(--fs-2xs);color:var(--text-muted);grid-column:1/-1}.starter-choices .chosen{border-color:var(--gold);background:#dec5841b}.starter-choices .already-chosen{color:var(--text-disabled);cursor:not-allowed;border-style:dashed}.starter-choices label:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.relic-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.game-playing .context-card{top:auto;left:max(12px, env(safe-area-inset-left));right:auto;bottom:calc(120px + env(safe-area-inset-bottom));width:min(320px, calc(100% - max(12px, env(safe-area-inset-left)) - max(12px, env(safe-area-inset-right))));border-radius:var(--r-lg);background:#14372cf5;border:1px solid #b8d69445;max-width:none;max-height:min(50dvh,100dvh - 195px);padding:0;display:block;position:absolute;overflow:hidden;transform:none;box-shadow:0 8px 28px #061e2155}.game-playing .context-card .context-scroll{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(50dvh,100dvh - 195px);padding:8px;overflow:auto}.context-close{z-index:2;border-radius:var(--r-md);color:#f3e6c2;background:#224739;width:44px;min-width:44px;height:44px;min-height:44px;font-size:26px;position:absolute;top:4px;right:4px}.context-expand{z-index:2;border-radius:var(--r-md);color:#f3e6c2;background:#224739;width:44px;height:44px;padding:2px;position:absolute;top:4px;right:50px}.context-expand>span{font-size:20px;line-height:19px;display:block}.game-playing .context-expand>small{font-size:var(--fs-2xs)}.game-playing .context-card:not(.expanded) .context-scroll>:not(.context-heading):not(.context-actions):not(.health-track):not(.context-primary):not(.capture-hint):not(.capture-prepared):not(.taunt-status){display:none}.game-playing .context-card:not(.expanded) .context-heading{gap:6px;margin-bottom:4px}.game-playing .context-card:not(.expanded) .context-heading .portrait-art{width:28px;height:34px}.game-playing .context-card:not(.expanded) .context-heading .health-track{margin:3px 0}.game-playing .context-card:not(.expanded) .context-identity>small{display:none}.game-playing .context-card:not(.expanded) .context-identity>span:not(.health-track){font-size:var(--fs-2xs)}.game-playing .context-card:not(.expanded) .context-actions{margin-top:4px}.game-playing .selected-context:not(.expanded) .context-actions{grid-template-columns:repeat(4,minmax(44px,1fr));display:grid}.game-playing .selected-context:not(.expanded) .context-actions>button{min-width:44px}.context-heading{align-items:center;gap:9px;min-height:40px;margin-bottom:8px;padding-right:88px;display:flex}.context-heading>div{flex:1;min-width:0}.context-heading>button{text-align:left;background:0 0;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.game-playing .context-card .context-heading .portrait-art{flex-shrink:0;width:38px;height:42px}.game-playing .context-card strong{font-size:var(--fs-xs)}.game-playing .context-card small{font-size:var(--fs-2xs);letter-spacing:0;line-height:1.45;display:block}.context-hint,.context-card p{font-size:var(--fs-2xs);color:#c5d6b7;margin:8px 0;line-height:1.5}.context-card .health-track{margin:8px 0}.context-actions,.stance-controls{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.context-actions>button,.stance-controls>button{min-width:66px;min-height:44px;font-size:var(--fs-2xs);border-radius:var(--r-sm);background:#b7cd8110;flex:1;padding:6px}.context-actions>.small-action{color:#274432;background:#e4c791}.context-actions>.capture-action{background:#bedfb1}.stance-controls>button{text-transform:capitalize}.stance-controls>button[aria-pressed=true]{color:var(--gold);background:#b8cd8127;outline:1px solid #d5c79175}.tactical-status{font-size:var(--fs-2xs);text-transform:capitalize;color:#d6d0a5;margin:8px 0;line-height:1.5}.context-card details{font-size:var(--fs-2xs);margin-top:10px}.context-card summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.context-card .context-details-link{font-size:var(--fs-2xs);color:var(--gold);background:0 0;min-height:44px;padding:7px 0}.game-playing .context-card .skill-buttons button{min-height:55px}.game-playing .context-card .skill-buttons strong{font-size:var(--fs-2xs)}.jump-button{left:auto;right:max(12px, env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));touch-action:none;width:64px;min-width:64px;min-height:64px;padding:5px 8px;position:absolute}.jump-button>span{font-size:24px;line-height:25px;display:block}.jump-button small{font-size:var(--fs-2xs);display:block}.vital-stats{font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;color:#f1ebce;line-height:1.35;display:block}.shield-stat{color:#bceafa;font-weight:600}.context-primary .vital-stats{margin:2px 0}.game-playing .context-card p.order-recipient{font-size:var(--fs-2xs);margin:3px 0 0}.stop-commander{left:max(12px, env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));border-radius:var(--r-lg);color:#efe4c8;touch-action:manipulation;background:#183c31ed;border:1px solid #d4ddad;min-width:76px;min-height:56px;position:absolute}.stop-commander span,.stop-commander small{display:block}.stop-commander small{font-size:var(--fs-2xs)}.armed-command{top:calc(72px + env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));width:min(370px, calc(100% - max(12px, env(safe-area-inset-left)) - max(12px, env(safe-area-inset-right))));border-radius:var(--r-md);z-index:5;color:#f6e7ba;font-size:var(--fs-xs);background:#183b2ff5;border:1px solid #edd58c;align-items:center;gap:10px;padding:4px 4px 4px 10px;display:flex;position:absolute}.armed-command span{flex:1;min-width:0}.armed-command button{border-radius:var(--r-md);background:#3d5842;min-height:44px;padding:8px}.crowd-chooser{left:max(12px, env(safe-area-inset-left));bottom:calc(120px + env(safe-area-inset-bottom));border-radius:var(--r-lg);z-index:6;background:#14372cf9;border:1px solid #b8d69475;flex-direction:column;width:min(320px,100% - 24px);max-height:min(50dvh,100dvh - 195px);padding:10px;display:flex;position:absolute}.crowd-chooser h3{font-size:var(--fs-md);margin:2px 46px 4px 0}.crowd-chooser>p{color:#d0d8bd;font-size:var(--fs-2xs);margin:0 46px 10px 0}.crowd-candidates{overscroll-behavior:contain;touch-action:pan-y;min-height:0;overflow:auto}.crowd-candidates>button{text-align:left;border-radius:var(--r-md);background:#214839;border:1px solid #9ba87a44;align-items:center;gap:8px;width:100%;min-height:60px;margin-bottom:4px;padding:7px;display:flex}.crowd-candidates>button>span:last-child{min-width:0}.crowd-candidates strong,.crowd-candidates small{display:block}.crowd-candidates strong{font-size:var(--fs-xs)}.crowd-candidates small{font-size:var(--fs-2xs);color:#d0d8bd}.crowd-candidates .portrait-art,.crowd-candidates .brand-mark{flex-shrink:0;width:32px;height:36px}.control-presets{border:0;min-width:0;margin:12px 0 22px;padding:0}.control-presets legend{margin-bottom:8px;font-weight:700}.control-presets label{border-radius:var(--r-md);cursor:pointer;border:1px solid #768b634f;align-items:center;gap:12px;min-height:64px;margin-bottom:6px;padding:10px;display:flex}.control-presets label:has(input:checked){background:#dcc18712;border-color:#dcc187}.control-presets input{flex:none;width:20px;height:20px}.control-presets span{min-width:0}.control-presets strong,.control-presets small{display:block}.control-presets small{color:var(--text-muted);font-size:var(--fs-xs);margin-top:4px}.nickname-appearance{align-items:center;gap:8px;margin-bottom:12px;display:flex}.nickname-appearance svg{width:36px;height:36px}.competitor-avatar>svg{width:100%;height:100%}.game-playing .keyboard-hint{bottom:75px}.drawer>header{padding-right:70px;position:relative}.drawer>header>.icon-button{right:12px;top:max(12px, env(safe-area-inset-top));width:44px;min-width:44px;height:44px;min-height:44px;position:absolute}@media (max-width:540px){.drawer>header{padding-right:70px}.context-card .context-scroll{padding:8px}.context-actions>button,.stance-controls>button{font-size:var(--fs-2xs)}}@media (max-width:900px){.starter-grid{grid-template-columns:1fr}.competitor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:540px){.topbar{gap:7px;padding-left:12px;padding-right:12px}.top-actions{gap:5px;min-width:0}.topbar .brand{gap:6px}.topbar .brand-mark{width:28px;height:32px}.topbar .brand>span{font-size:var(--fs-xs);letter-spacing:2px}.topbar .brand strong{font-size:var(--fs-xs);letter-spacing:1px}.topbar .mastery-button{min-height:44px;font-size:var(--fs-2xs);padding:5px 8px}.topbar .account-indicator,.topbar .account-signout{font-size:var(--fs-2xs);padding:5px 8px}.topbar .account-signout{display:none}.waiting-shell{width:calc(100% - 20px)}.waiting-card{padding:16px 12px}.waiting-toolbar h2{flex-wrap:wrap;align-items:baseline;display:flex}.waiting-toolbar h2 small{margin-left:4px}.invite-controls .secondary{font-size:var(--fs-2xs);gap:5px;padding:8px}.competitor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.competitor{min-height:62px}.competitor-avatar{width:20px;height:20px;font-size:var(--fs-xs)}.competitor strong{font-size:var(--fs-2xs)}.waiting-bottom{align-items:center}.waiting-bottom>div{flex:120px}.waiting-bottom .primary{flex:120px;width:auto}.drawer>header{padding:18px 70px 18px 14px}.drawer-scroll{padding:0 14px 24px}.drawer h2{font-size:26px}.battle-hud{gap:9px;padding:7px 9px}.hud-score small,.hud-health small,.selected-context .skill-buttons strong{font-size:var(--fs-2xs)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.battle-hud{width:min(350px,100% - 76px)}.hud-score{position:relative}.hud-score.is-gaining b{color:#fff3c4;animation:.6s ease-out score-pulse}.hud-score small{min-width:34px}.hud-score small.score-gain{font-size:var(--fs-xs);color:#c9f0a4;font-weight:700;animation:1.4s ease-out forwards score-gain-rise}@keyframes score-pulse{0%{transform:scale(1.45)}to{transform:scale(1)}}@keyframes score-gain-rise{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:.4;transform:translateY(-3px)}}.hud-score b{display:inline-block}.hud-rank{border-radius:var(--r-sm);color:var(--gold);white-space:nowrap;border:1px solid #ecd39b55;align-items:baseline;gap:3px;padding:2px 6px;font-size:14px;font-weight:700;display:flex}.hud-rank small{font-size:var(--fs-2xs);color:#c3d1b5;font-weight:400}.hud-health .health-track{height:8px;margin-bottom:3px}.hud-health[data-level=low] .health-track>span{background:linear-gradient(90deg,#d68a2e,#f2c065)}.hud-health[data-level=critical] .health-track>span{background:linear-gradient(90deg,#b8321f,#ee6a4e)}.hud-health[data-level=low] small{color:#f2cf8a}.hud-health[data-level=critical] small{color:#ffb3a0;font-weight:700}.hp-warning{margin-right:3px;font-weight:700}.objective-strip{top:max(10px, env(safe-area-inset-top));left:calc(max(12px, env(safe-area-inset-left)) + 360px);right:calc(max(12px, env(safe-area-inset-right)) + 58px);pointer-events:none;justify-content:flex-start;gap:6px;display:flex;position:absolute}.shrine-chip{border-radius:var(--r-md);color:#e7ecd6;text-align:left;pointer-events:auto;background:#143129df;border:1px solid #d8e1bf40;flex:0 152px;align-items:center;gap:6px;min-width:0;min-height:48px;padding:4px 8px;display:flex;position:relative;overflow:hidden}.shrine-chip-text{min-width:0;line-height:1.15;display:grid}.shrine-chip strong{font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.shrine-chip small{font-size:var(--fs-2xs);white-space:nowrap;align-items:center;gap:3px;display:flex}.shrine-chip small i{font-style:normal}.shrine-name-short{display:none}.shrine-arrow{background:#0b221b99;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.shrine-arrow svg{fill:currentColor;width:11px;height:11px}.shrine-arrow[data-here=true] svg{display:none}.shrine-arrow[data-here=true]:after{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.shrine-chip.is-yours{color:#cdf0b4;border-color:#b9e79988}.shrine-chip.is-rival{color:#ffc2aa;border-color:#ed997b99}.shrine-chip.is-unclaimed{color:#e6e3bd}.shrine-chip.is-contested{color:#ffdf9a;border-style:dashed;border-color:#ffcf6bcc}.shrine-chip.is-mine-claiming{border-color:var(--gold);box-shadow:0 0 0 1px #ecd39b66}.shrine-claim{background:#0b221bcc;border-radius:2px;height:3px;position:absolute;bottom:3px;left:6px;right:6px}.shrine-claim>span{background:var(--gold);border-radius:2px;height:100%;transition:width .2s linear;display:block}.shrine-claim-channel small{font-size:var(--fs-2xs);color:#cad9bc;display:block}.respawn-message p.respawn-cause{font-size:var(--fs-sm);color:#e3eacf;margin:0 0 10px;line-height:1.5}.respawn-message p.respawn-timer{margin:0}.damage-vignette,.low-health-edge{pointer-events:none;z-index:4;position:absolute;inset:0}.damage-vignette{opacity:0;animation:.24s ease-out damage-flash;box-shadow:inset 0 0 70px 14px #d42d1ab3}@keyframes damage-flash{0%{opacity:1}to{opacity:0}}.low-health-edge{display:none;box-shadow:inset 0 0 60px 8px #c2301c80}.final-countdown{pointer-events:none;z-index:3;justify-content:center;display:flex;position:absolute;top:26%;left:0;right:0}.final-countdown span{font-family:var(--font-display);color:#ffd2a8;opacity:.8;text-shadow:0 2px 18px #0a201899,0 0 3px #3b1d0c;font-size:clamp(64px,16vmin,150px);line-height:1;animation:1s ease-out countdown-tick}@keyframes countdown-tick{0%{opacity:1;transform:scale(1.35)}to{opacity:.8;transform:scale(1)}}.results-shell>p.results-finish{font-size:var(--fs-md);color:var(--gold)}.results-card .score-row.is-you{box-shadow:inset 3px 0 0 var(--gold);background:#ecd39b24;font-weight:600}@media (max-width:700px){.objective-strip{top:calc(max(10px, env(safe-area-inset-top)) + 54px);left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right))}.shrine-chip{flex:1 1 0}.game-playing .notice,.game-playing .network-banner,.armed-command{top:calc(max(10px, env(safe-area-inset-top)) + 112px)}.game-playing:has(.armed-command) .notice{top:calc(max(10px, env(safe-area-inset-top)) + 172px)}.game-playing .capture-channel{top:calc(max(10px, env(safe-area-inset-top)) + 176px)}}@media (max-height:520px) and (min-width:701px){.game-playing .capture-channel{top:auto;bottom:calc(10px + env(safe-area-inset-bottom));width:min(300px,100% - 300px);padding:8px 14px}.game-playing .capture-channel>div{margin:6px 0 3px}}@media (max-height:520px){.final-countdown{top:18%}.respawn-message{width:min(360px,100% - 300px);padding:12px 18px;top:55%}.respawn-message h2{margin:6px 0;font-size:20px}.respawn-message p.respawn-cause{font-size:var(--fs-xs);margin-bottom:6px}}.hud-health[data-level=critical] .hp-unit{display:none}@media (min-width:701px) and (max-width:900px){.shrine-chip{gap:4px;padding:4px 6px}.shrine-arrow{width:16px;height:16px}}@media (max-width:359px){.shrine-name-long{display:none}.shrine-name-short{display:inline}}@media (max-width:400px){.battle-hud .brand-mark{display:none}.hud-rank{padding:2px 4px}.hp-unit{display:none}.shrine-chip{gap:4px;padding:4px 6px}}@media (prefers-reduced-motion:reduce){.hud-score.is-gaining b,.score-gain,.final-countdown span{animation:none}.score-gain{opacity:1}.damage-vignette{display:none}.low-health-edge{display:block}}@media (max-height:520px) and (min-width:701px){.game-playing .context-card,.game-playing .context-card .context-scroll,.crowd-chooser{max-height:calc(100dvh - 120px - env(safe-area-inset-bottom) - max(10px, env(safe-area-inset-top)) - 104px)}}