:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12141a;--panel:#1b1e27;--panel-border:#2c3040;--text:#e6e8ef;--muted:#8b90a3;--accent:#4f8cff;--p1:#4f8cff;--p2:#ff5f6d;--danger:#ff5f6d;--ok:#4fd18b;--warn:#f4b740;--cap:#b98aff;--cap-in-match:gold;--golden:gold;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 4px 12px #00000040;--shadow-md:0 12px 32px #00000059;--shadow-lg:0 24px 64px #00000080;--header-height:56px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;overflow-x:hidden}#app{flex-direction:column;align-items:center;min-height:100vh;display:flex}.screen{width:100%;max-width:1240px;padding:16px}.connecting-screen{min-height:60vh;color:var(--muted);justify-content:center;align-items:center;font-size:1.1rem;display:flex}h1,h2,h3{margin:0 0 8px}button{cursor:pointer;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);border-radius:4px;padding:6px 12px;font-size:14px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}@keyframes result-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes result-card-in{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:none}}@keyframes result-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.result-popup-backdrop,#result-popup,.result-trophy,.result-title,.result-meta,.result-scoreboard,.result-buttons,.winner-banner,.confirm-popup-backdrop,.confirm-popup,.landing-header,.landing-hero-frame,.landing-description,.landing-auth{animation:none!important}}#top-bar{z-index:100;align-items:center;gap:8px;display:flex;position:fixed;top:12px;right:12px}#admin-screen{flex-direction:column;gap:4px;padding-bottom:32px;display:flex}.tabs{margin-bottom:var(--space-4);border-bottom:1px solid var(--panel-border);gap:4px;display:flex}.tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 16px;font-size:13px;font-weight:600}.tab:hover:not(:disabled){color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-section{border:1px solid var(--panel-border);border-radius:8px;margin:0 0 14px;padding:10px 14px 14px}.admin-section legend{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:0 6px;font-size:12px;font-weight:700}.admin-section-group{margin-bottom:14px}.admin-group-heading{margin:0 0 8px;font-size:14px}.admin-subheading{border-top:1px solid var(--panel-border);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 2px;padding-top:8px;font-size:10px;font-weight:700}.admin-row{justify-content:space-between;align-items:center;gap:12px;padding:5px 0;font-size:13px;display:flex}.admin-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-number-input{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);border-radius:4px}.admin-number-input:focus{border-color:var(--accent);outline:none}.admin-number-input{font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;width:90px;padding:4px 6px;font-size:13px}.admin-actions{background:linear-gradient(to top, var(--bg) 60%, transparent);justify-content:flex-end;gap:8px;padding:12px 0;display:flex;position:sticky;bottom:0}.admin-layout{align-items:flex-start;gap:16px;display:flex}@media (max-width:720px){.admin-layout{flex-direction:column}}.admin-config-list{flex-direction:column;flex:0 0 200px;gap:6px;display:flex;position:sticky;top:12px}@media (max-width:720px){.admin-config-list{flex:1;width:100%;position:static}}.admin-config-list ul{flex-direction:column;gap:2px;margin:0 0 4px;padding:0;list-style:none;display:flex}.admin-config-list-item{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:13px;display:flex}.admin-config-list-item span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-config-list-item.active{border-color:var(--accent);color:var(--accent)}.admin-editor{flex:1;min-width:0}.admin-config-header{border-color:var(--accent)}.admin-name-input{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);border-radius:4px}.admin-name-input:focus{border-color:var(--accent);outline:none}.admin-name-input{flex:1;min-width:0;padding:4px 8px;font-size:13px}.admin-config-header-actions{justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.admin-message{color:var(--ok);cursor:pointer;background:#4ade801f;border-radius:6px;width:-moz-fit-content;width:fit-content;margin-bottom:12px;padding:8px 12px;font-size:13px}.admin-message.error{color:var(--danger);background:#f871711f}.admin-users-empty{color:var(--muted);font-size:13px}.users-table{border-collapse:collapse;width:100%;font-size:13px}.users-table th,.users-table td{text-align:left;border-bottom:1px solid var(--panel-border);padding:10px 12px}.users-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.users-table tbody tr:hover{background:#ffffff05}.users-table select{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);border-radius:4px}.users-table select:focus{border-color:var(--accent);outline:none}.users-table select{padding:4px 8px;font-size:13px}.users-table select:disabled{opacity:.5}.users-table-name{align-items:center;gap:8px;display:flex}.admin-users-pager{justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.admin-users-pager-range{color:var(--muted);font-size:12px}.confirm-popup-backdrop{z-index:320;background:#06070cc7;justify-content:center;align-items:center;padding:16px;animation:.2s both result-backdrop-in;display:flex;position:fixed;inset:0}.confirm-popup{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:14px;width:100%;max-width:340px;padding:22px 22px 18px;animation:.3s cubic-bezier(.2,.9,.25,1.2) both result-card-in;box-shadow:0 24px 64px #0009}.confirm-popup-title{margin-bottom:8px;font-size:18px;font-weight:700}.confirm-popup-message{color:var(--muted);margin-bottom:18px;font-size:13px}.confirm-popup-buttons{justify-content:center;gap:10px;display:flex}.btn{white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.btn-md{padding:10px 22px;font-size:15px}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-icon{width:34px;height:34px;padding:0}.btn-primary{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 92%, white), var(--accent));border-color:var(--accent);color:var(--text);font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-danger{background:linear-gradient(180deg, color-mix(in srgb, var(--danger) 92%, white), var(--danger));border-color:var(--danger);color:var(--text);font-weight:600}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{font-weight:600}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000;font-weight:500}.btn-ghost:hover:not(:disabled){border-color:var(--muted);color:var(--text)}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:3px;flex-shrink:0;align-items:center;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.badge-ok{color:var(--ok);background:#4ade801f}.badge-accent{color:var(--accent);background:#4f8cff24}.badge-danger{color:var(--danger);background:#ff5f6d24}.badge-neutral{color:var(--muted);background:#ffffff0f}.page-header{margin-bottom:var(--space-5)}.page-header h1{margin:0}.page-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:2px;font-size:12px;font-weight:700;display:block}.page-description{max-width:760px;color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.app-header{z-index:100;background:var(--bg);border-bottom:1px solid var(--panel-border);width:100%;position:sticky;top:0}.app-header-inner{width:100%;max-width:1240px;height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;padding:0 16px;display:flex}.app-header-start{align-items:center;gap:var(--space-6);min-width:0;display:flex}.app-header-brand{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.app-header-brand-icon{filter:drop-shadow(0 0 8px #dc262673);width:24px;height:24px}.app-header-brand-text{color:var(--text);background:linear-gradient(90deg, var(--p1) 0%, var(--p1) 35%, var(--p2) 65%, var(--p2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:800}.app-header-nav{align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.app-header-nav-link{border-radius:var(--radius-sm);color:var(--muted);padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s,background-color .15s}.app-header-nav-link:hover{color:var(--text);background:#ffffff0a}.app-header-nav-link.active{color:var(--text);background:#ffffff12}.app-header-nav-link.app-header-nav-link-training{color:var(--accent);background:#4f8cff08}.app-header-nav-link.app-header-nav-link-training:hover{background:#4f8cff1a}.app-header-nav-link.app-header-nav-link-training.active{background:#4f8cff29}.app-header-nav-link.app-header-nav-link-admin{color:var(--danger);background:#ff5f6d08}.app-header-nav-link.app-header-nav-link-admin:hover{background:#ff5f6d1a}.app-header-nav-link.app-header-nav-link-admin.active{background:#ff5f6d29}.app-header-end{flex-shrink:0;align-items:center;gap:10px;display:flex}.app-header-divider{background:var(--panel-border);width:1px;height:20px}#language-switcher,.language-switcher-inline{position:relative}.language-switcher-inline .language-toggle{height:34px}.language-toggle{letter-spacing:.03em;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.language-toggle[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.language-toggle[aria-expanded=true] .language-toggle-caret{transform:rotate(180deg)}.language-toggle-caret{color:var(--muted);font-size:10px;transition:transform .15s}.language-menu{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;min-width:130px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000073}.language-option{text-align:left;background:0 0;border-color:#0000;width:100%;padding:6px 10px;font-size:13px;display:block}.language-option:hover:not(:disabled){background:#ffffff0f}.language-option.active{color:var(--accent);font-weight:600}#profile-menu{position:relative}.profile-toggle{letter-spacing:.03em;align-items:center;gap:5px;max-width:160px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.profile-toggle[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.profile-toggle-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.profile-toggle-icon{width:13px;height:13px;color:var(--muted);flex-shrink:0}.profile-toggle[aria-expanded=true] .profile-toggle-icon{color:var(--accent)}.profile-menu-list{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;min-width:160px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000073}.profile-menu-option{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 10px;font-size:13px;text-decoration:none;display:block}.profile-menu-option:hover{background:#ffffff0f}.profile-menu-option.active{color:var(--accent);font-weight:600}#landing-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;max-width:520px;min-height:100vh;display:flex}.landing-header{align-items:center;gap:14px;margin-bottom:4px;animation:.5s both result-fade-up;display:flex}.landing-header h1{color:var(--text);background:linear-gradient(90deg, var(--p1) 0%, var(--p1) 35%, var(--p2) 65%, var(--p2) 100%);-webkit-text-fill-color:transparent;letter-spacing:.01em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3rem;font-weight:800;line-height:1}.landing-favicon{filter:drop-shadow(0 0 14px #dc26268c);width:52px;height:52px}.landing-description{color:var(--muted);max-width:420px;margin:6px 0 30px;font-size:15px;line-height:1.6;animation:.5s 80ms both result-fade-up}.landing-hero-frame{margin-bottom:8px;animation:.5s 40ms both result-fade-up;position:relative}.landing-hero-frame:before{content:"";z-index:-1;filter:blur(24px);background:radial-gradient(55% 65% at 25%,#4f8cff38,#0000 70%),radial-gradient(55% 65% at 75%,#ff5f6d38,#0000 70%);position:absolute;inset:-10%}.landing-hero{border-radius:10px;width:100%;max-width:460px;display:block}.landing-auth{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;justify-content:center;padding:20px 28px;animation:.5s .12s both result-fade-up;display:flex;box-shadow:0 12px 32px #0000004d}#auth-widget{align-items:center;display:flex}.username-setup-form{flex-direction:column;align-items:center;gap:8px;width:240px;display:flex}.username-setup-heading{margin:0;font-size:1.1rem}.username-setup-input{border:1px solid var(--panel-border);background:var(--bg);width:100%;color:var(--text);text-align:center;border-radius:4px;padding:8px 10px;font-size:14px}.username-setup-input:focus{border-color:var(--accent);outline:none}.username-setup-hint{color:var(--muted);min-height:2.4em;margin:0;font-size:12px}.username-setup-error{color:var(--danger)}.username-setup-start{width:100%;padding:8px 0;font-weight:600}.username-setup-start:not(:disabled):hover{border-color:var(--accent)}#lobby-screen{flex-direction:column;flex:1;gap:20px;display:flex}.lobby-layout{flex-wrap:wrap;flex:1;gap:20px;display:flex}.lobby-main{flex-direction:column;flex:480px;gap:20px;min-width:0;display:flex}.lobby-build-fieldset{border:none;min-inline-size:auto;margin:0;padding:0}.lobby-build-fieldset:disabled{opacity:.55}.lobby-build-error{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.lobby-config-message{width:-moz-fit-content;width:fit-content;color:var(--danger);background:#f871711f;border-radius:6px;margin:0 0 16px;padding:8px 12px;font-size:13px}.pvp-free-points-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.pvp-free-points{font-variant-numeric:tabular-nums}.pvp-free-points.invalid{color:var(--danger)}.pvp-connection-lost{color:var(--danger);margin:0;font-size:13px}.lobby-mode-card{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.lobby-mode-card h2{margin:0}.lobby-mode-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.stat-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:6px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-row .stat-name{text-transform:capitalize;color:var(--text);font-size:13px;display:block}.stat-row .stat-value{text-align:right;font-variant-numeric:tabular-nums;min-width:5em}.stat-info{flex:1;min-width:0}.stat-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.stat-step-group{gap:3px;display:flex}.stat-step-button{font-variant-numeric:tabular-nums;padding:3px 6px;font-size:11px}.stat-value-delta{color:var(--muted);font-size:11px}.stat-icon{width:1.1em;height:1.1em;color:var(--muted);flex-shrink:0}.stat-value-modified{color:var(--ok)}.stat-value-capped-in-match{color:var(--cap-in-match)}.friends-card{flex-direction:column;flex:0 340px;gap:8px;display:flex}.friends-card h2{margin:0}.friends-card h3{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px;font-size:11px}.friends-online-count{color:var(--muted);font-size:.7em;font-weight:400}.friends-call-banner{border:1px solid var(--accent);background:#4f8cff1a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.friends-call-banner p{margin:0;font-size:13px}.friends-call-actions{flex-shrink:0;gap:8px;display:flex}.friends-search{gap:8px;display:flex}.friends-search input{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);border-radius:4px}.friends-search input:focus{border-color:var(--accent);outline:none}.friends-search input{flex:auto;padding:6px 10px;font-size:13px}.friends-search-result{background:#ffffff08;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.friends-search-result-name{font-weight:600}.friends-pending{border-bottom:1px solid var(--panel-border);padding-top:10px;padding-bottom:8px}.friends-requests-group:not(:last-child){margin-bottom:4px}.friends-list{flex-direction:column;gap:8px;display:flex}.friends-empty{color:var(--muted);margin:0;font-size:13px}.friends-row{align-items:center;gap:10px;padding:6px 0;display:flex}.friends-row:not(:last-child){border-bottom:1px solid var(--panel-border)}.friends-row-name{font-size:13px;font-weight:600}.friends-friend-card{border:1px solid var(--panel-border);background:#ffffff05;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.friends-status-icon{flex-shrink:0;width:1em;height:1em;display:inline-flex}.friends-status-icon svg{width:100%;height:100%}.friends-match-icon{flex-shrink:0;width:1.3em;height:1.3em;margin-bottom:1px}.friends-action-tooltip-wrap{flex-shrink:0;display:inline-flex;position:relative}.friends-action-tooltip-wrap:hover .friends-action-tooltip,.friends-action-tooltip-wrap:focus-within .friends-action-tooltip{opacity:1;visibility:visible}.friends-action-tooltip{z-index:20;background:var(--panel);border:1px solid var(--panel-border);opacity:0;visibility:hidden;pointer-events:none;width:max-content;max-width:200px;color:var(--text);text-align:center;border-radius:6px;margin-bottom:6px;padding:6px 10px;font-size:11px;font-weight:400;line-height:1.35;transition:opacity .12s,visibility .12s;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.friends-status-icon-online{color:var(--ok)}.friends-status-icon-offline{color:var(--danger)}.friends-status-icon-playing{color:var(--accent)}.friends-row-actions{gap:8px;margin-left:auto;display:flex}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:var(--space-4)}.setup-message{width:-moz-fit-content;width:fit-content;color:var(--danger);background:#f871711f;border-radius:6px;margin:0 0 16px;padding:8px 12px;font-size:13px}.setup-load-error{flex-direction:column;align-items:center;gap:12px;display:flex}.setup-players{grid-template-columns:1fr 1fr;gap:16px;display:grid}.player-setup-panel.player1 h2{color:var(--p1)}.player-setup-panel.player2 h2{color:var(--p2)}.player-name-input{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);border-radius:4px}.player-name-input:focus{border-color:var(--accent);outline:none}.player-name-input{width:100%;margin-bottom:10px;padding:6px 8px;font-size:14px}.free-points-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.free-points{font-variant-numeric:tabular-nums}.free-points.invalid{color:var(--danger)}.stat-desc{color:var(--muted);margin-top:1px;font-size:11px;line-height:1.3;display:block}.stat-value-capped{color:var(--cap)}.setup-actions{justify-content:center;width:100%;max-width:1240px;padding:16px;display:flex}#match-screen{flex-direction:column;gap:12px;width:100%;max-width:1750px;height:100dvh;max-height:100dvh;display:flex}#match-controls{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:4px;display:flex}.match-control-button{width:34px;height:34px;color:var(--muted);justify-content:center;align-items:center;padding:0;transition:border-color .15s,background .15s,color .15s;display:flex}.match-control-button:hover:not(:disabled){border-color:var(--muted);color:var(--text)}.control-icon{width:16px;height:16px}.match-controls-divider{background:var(--panel-border);width:1px;height:22px}#match-layout{flex:auto;justify-content:center;align-items:stretch;gap:16px;min-height:0;display:flex}#match-center{flex-direction:column;flex:1 1 0;gap:12px;min-width:0;max-width:1200px;min-height:0;display:flex}#battlefield-container{aspect-ratio:1200/640;border:1px solid var(--panel-border);border-radius:10px;flex:1;align-self:center;width:auto;max-width:100%;min-height:220px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 12px 32px #00000073}#battlefield-container canvas{width:100%;height:100%;display:block}#pause-overlay{color:var(--text);letter-spacing:.08em;text-transform:uppercase;background:#0b0d1299;justify-content:center;align-items:center;font-size:28px;font-weight:600;display:none;position:absolute;inset:0}#pause-overlay.visible{display:flex}.match-pvp-hud-row{align-items:stretch;gap:12px;min-height:0;display:flex}.match-pvp-hud-row #hud{flex:1 1 0;min-width:0}.side-effects-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;flex-shrink:0;width:clamp(160px,16vw,244px);padding:10px 12px;overflow-y:auto}.side-effects-panel h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:12px}.side-effects-panel.player1 h4{color:var(--p1)}.side-effects-panel.player2 h4{color:var(--p2)}.match-pvp-effects{width:clamp(260px,30vw,420px);min-height:0}.effects-group-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:8px 0 4px;font-size:10px}.effects-group-heading:first-of-type{margin-top:0}.effects-panel-list{flex-direction:column;gap:6px;display:flex}.effects-panel-columns{gap:12px;display:flex}.effects-panel-column{flex:1 1 0;min-width:0}.effect-chip{border:1px solid var(--panel-border);background:#ffffff08;border-left:3px solid #0000;border-radius:6px;padding:4px 8px}.effect-chip.risk-low{border-left-color:var(--ok)}.effect-chip.risk-medium{border-left-color:var(--accent)}.effect-chip.risk-high{border-left-color:var(--danger)}.effect-chip.risk-golden{border-left-color:var(--golden)}.effect-chip-name{color:var(--muted);margin-bottom:2px;font-size:10px}.effect-chip-risk-tag{margin-right:4px;font-weight:600}.effect-chip-risk-tag.risk-low{color:var(--ok)}.effect-chip-risk-tag.risk-medium{color:var(--accent)}.effect-chip-risk-tag.risk-high{color:var(--danger)}.effect-chip-risk-tag.risk-golden{color:var(--golden)}.effect-chip-value{font-variant-numeric:tabular-nums;font-size:12px}.effect-chip-value.positive{color:var(--ok)}.effect-chip-value.negative{color:var(--danger)}.effect-chip-value.golden{color:var(--golden)}#event-log{background:var(--panel);border:1px solid var(--panel-border);min-height:80px;color:var(--muted);border-radius:8px;flex-direction:column;flex:1 1 0;padding:8px 12px;font-size:12px;display:flex}#event-log h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin:0 0 6px;font-size:11px}#event-log .log-entry{border-bottom:1px solid #ffffff0a;padding:2px 0}.event-log-entries{flex:auto;min-height:0;overflow-y:auto}@media (max-height:800px){#event-log{display:none}}#hud{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}#hud.hud-single{grid-template-columns:1fr}.hud-player h3{margin-bottom:4px;font-size:14px}.hud-player.player1 h3{color:var(--p1)}.hud-player.player2 h3{color:var(--p2)}.stat-leader{border-bottom:1px dotted #ffffff29;flex:1;min-width:8px;margin-bottom:-12px}.stat-value-group{font-variant-numeric:tabular-nums;color:var(--text);flex-shrink:0;align-items:baseline;gap:5px;display:inline-flex}.stat-effect-sum.positive{color:var(--ok)}.stat-effect-sum.negative{color:var(--danger)}.stat-list{color:var(--muted);flex-direction:column;gap:1px;margin:6px 0 0;padding:0;font-size:16px;list-style:none;display:flex}.stat-list li{border-radius:4px;align-items:center;gap:6px;padding:2px 4px;display:flex}.stat-list li.stat-row-affected-positive .stat-icon{color:var(--ok)}.stat-list li.stat-row-affected-negative .stat-icon{color:var(--danger)}.stat-list .stat-name{white-space:nowrap;flex-shrink:0}.stat-list .stat-value{text-align:right;min-width:3.4em}.health-bar-wrap{margin-bottom:6px}.health-bar-wrap.player1{--health-bar-color:var(--p1)}.health-bar-wrap.player2{--health-bar-color:var(--p2)}.health-bar{border:1px solid var(--panel-border);background:#0e0f14;border-radius:6px;height:28px;transition:box-shadow .25s;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0009}.health-bar.tier-high .health-bar-fill{background:linear-gradient(180deg, color-mix(in srgb, var(--health-bar-color) 70%, white), var(--health-bar-color))}.health-bar.tier-medium .health-bar-fill{background:linear-gradient(180deg, color-mix(in srgb, var(--health-bar-color) 55%, black), color-mix(in srgb, var(--health-bar-color) 80%, black))}.health-bar.tier-low{box-shadow:inset 0 2px 4px #0009, 0 0 10px color-mix(in srgb, var(--danger) 55%, transparent)}.health-bar.tier-low .health-bar-fill{background:linear-gradient(180deg, color-mix(in srgb, var(--health-bar-color) 35%, black), color-mix(in srgb, var(--health-bar-color) 60%, black));animation:1.1s ease-in-out infinite health-bar-pulse}.health-bar-fill{border-radius:5px;height:100%;transition:width .25s cubic-bezier(.22,1,.36,1),background .25s;position:relative}.health-bar-fill:after{content:"";background:linear-gradient(#ffffff38,#fff0);position:absolute;inset:0 0 55%}.health-bar-percent{letter-spacing:.02em;color:#fff;text-shadow:-1px -1px 1px #000000e6,1px -1px 1px #000000e6,-1px 1px 1px #000000e6,1px 1px 1px #000000e6,0 1px 3px #000000bf;font-variant-numeric:tabular-nums;pointer-events:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}@keyframes health-bar-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}.health-text{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:12px}.risk-panel-backdrop{z-index:200;background:linear-gradient(#f4b7401a,#f4b7401a),#06070cb8;justify-content:center;align-items:safe center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}#risk-panel{background:linear-gradient(180deg, #4f8cff14, #1b1e2700 60%), var(--panel);border:1px solid var(--accent);text-align:center;border-radius:10px;width:100%;max-width:1000px;padding:20px;box-shadow:0 16px 48px #0000008c}#risk-panel h3{font-size:18px}@media (max-width:1150px){#risk-panel{padding:16px}}@media (max-height:800px){#risk-panel{padding:12px}#risk-panel h3{margin-bottom:4px;font-size:16px}}.risk-subheading{color:var(--muted);text-align:left;font-size:12px}.risk-choices{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:32px;display:flex}@media (max-width:1150px){.risk-choices{gap:20px}}.risk-player-choice{border:1px solid var(--panel-border);background:#ffffff05;border-top:3px solid #0000;border-radius:10px;flex-direction:column;flex:380px;align-items:stretch;gap:8px;max-width:440px;padding:14px;display:flex;container-type:inline-size}.risk-player-choice.player1{border-top-color:var(--p1)}.risk-player-choice.player1 .risk-player-label{color:var(--p1)}.risk-player-choice.player2{border-top-color:var(--p2)}.risk-player-choice.player2 .risk-player-label{color:var(--p2)}@media (max-height:800px){.risk-player-choice{gap:6px;padding:10px}}.risk-choices-pvp .risk-player-choice{max-width:640px}.risk-player-label{font-size:14px;font-weight:600}.risk-button-column{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (max-height:800px){.risk-button-column{gap:6px}}.risk-option-button{text-align:left;background:var(--bg);border:1px solid var(--panel-border);border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-width:130px;padding:10px 12px;transition:border-color .15s,background .15s,transform .1s;display:flex;position:relative}@media (max-height:800px){.risk-option-button{padding:7px 10px}}.risk-option-button:hover:not(:disabled){z-index:5;transform:translateY(-1px)}.risk-option-button:hover:not(:disabled) .risk-option-tooltip{opacity:1;visibility:visible}.risk-option-button.risk-low{border-color:#4fd18b66}.risk-option-button.risk-low:hover:not(:disabled){border-color:var(--ok);background:#4fd18b14}.risk-option-button.risk-low .risk-option-title{color:var(--ok)}.risk-option-button.risk-medium{border-color:#4f8cff66}.risk-option-button.risk-medium:hover:not(:disabled){border-color:var(--accent);background:#4f8cff14}.risk-option-button.risk-medium .risk-option-title{color:var(--accent)}.risk-option-button.risk-high{border-color:#ff5f6d66}.risk-option-button.risk-high:hover:not(:disabled){border-color:var(--danger);background:#ff5f6d14}.risk-option-button.risk-high .risk-option-title{color:var(--danger)}.risk-option-button.risk-golden{border-color:#ffd70066}.risk-option-button.risk-golden:hover:not(:disabled){border-color:var(--golden);background:#ffd70014}.risk-option-button.risk-golden .risk-option-title{color:var(--golden)}@keyframes risk-golden-pulse{0%,to{box-shadow:0 0 6px 0 color-mix(in srgb, var(--golden) 55%, transparent)}50%{box-shadow:0 0 16px 3px color-mix(in srgb, var(--golden) 75%, transparent)}}.risk-golden-ready{animation:1.8s ease-in-out infinite risk-golden-pulse}.risk-option-title{justify-content:space-between;align-items:baseline;gap:8px;width:100%;font-size:13px;font-weight:600;display:flex}.risk-golden-cost{color:var(--muted);text-align:right;max-width:55%;font-size:11px;font-weight:500}.risk-option-desc{color:var(--muted);white-space:normal;margin:0;padding:0;font-size:14px;line-height:1.35;list-style:none}.risk-option-desc li+li{margin-top:6px}@media (max-height:800px){.risk-option-desc li:nth-child(n+2){display:none}}.risk-option-tooltip{z-index:20;background:var(--panel);border:1px solid var(--panel-border);opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;width:max-content;margin-bottom:10px;padding:8px 10px;transition:opacity .12s,visibility .12s;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.risk-tooltip-column+.risk-tooltip-column{border-left:1px solid var(--panel-border);margin-left:12px;padding-left:12px}.risk-tooltip-column{white-space:nowrap;flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.risk-tooltip-column li{align-items:center;gap:6px;display:flex}.risk-tooltip-skill+.risk-tooltip-skill{margin-top:6px}.risk-tooltip-icon{width:13px;height:13px;color:var(--muted);flex-shrink:0}.risk-tooltip-icon-skill{width:20px;height:20px}.risk-tooltip-icon-spacer{flex-shrink:0;width:13px}.risk-tooltip-info{flex-direction:column;flex:1;min-width:0;display:flex}.risk-tooltip-stat-name{color:var(--muted);display:block}.risk-tooltip-stat-name.golden{color:var(--golden);font-weight:600}.risk-tooltip-desc{color:var(--muted);white-space:normal;max-width:150px;font-size:11px;line-height:1.3;display:block}.risk-tooltip-delta{font-variant-numeric:tabular-nums;border-radius:4px;padding:1px 6px;font-weight:600}.risk-tooltip-delta.positive{color:var(--ok);background:color-mix(in srgb, var(--ok) 16%, transparent)}.risk-tooltip-delta.negative{color:var(--danger);background:color-mix(in srgb, var(--danger) 16%, transparent)}.risk-tooltip-delta.golden{color:var(--golden);background:color-mix(in srgb, var(--golden) 16%, transparent)}.risk-outcome-percent{font-weight:600}.risk-outcome-percent.positive{color:var(--ok)}.risk-outcome-percent.negative{color:var(--danger)}.risk-outcome-percent.golden{color:var(--golden)}.risk-tooltip-heading{border-top:1px solid var(--panel-border);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:6px;padding-top:6px;font-size:10px;font-weight:700;display:block}.risk-health-section{align-items:flex-start;gap:10px;display:flex}.risk-health-section .health-bar-wrap{flex:1;margin-bottom:0}.risk-points-hint{color:var(--muted);text-align:left;font-size:12px;line-height:1.4}@media (max-height:800px){.risk-points-hint{display:none}}.risk-option-pending{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.risk-ready-button{background:linear-gradient(180deg, color-mix(in srgb, var(--ok) 92%, white), var(--ok));border-color:var(--ok);color:var(--text);font-weight:600}.risk-ready-button:hover:not(:disabled){filter:brightness(1.08)}.risk-ready-button{border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.risk-give-up-button{color:var(--muted);background:0 0;border:none;align-self:center;margin-top:6px;padding:2px 4px;font-size:12px;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}@media (max-height:800px){.risk-give-up-button{margin-top:2px}}.risk-give-up-button:hover:not(:disabled){color:var(--danger);-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger);border-color:#0000}.pvp-ready-status{grid-template-columns:1fr auto 1fr;align-items:center;column-gap:10px;margin-bottom:16px;font-size:13px;display:grid}@media (max-height:800px){.pvp-ready-status{margin-bottom:8px}}.pvp-ready-countdown{border:1px solid var(--panel-border);color:var(--warn);font-variant-numeric:tabular-nums;border-radius:6px;grid-column:2;justify-self:center;padding:2px 8px;font-weight:700}.pvp-ready-opponent{min-width:0;color:var(--ok);grid-column:3;justify-self:start;font-weight:600}.health-potion-wrap{flex-shrink:0;display:inline-flex;position:relative}.health-potion-wrap:hover .health-potion-tooltip,.health-potion-wrap:focus-within .health-potion-tooltip{opacity:1;visibility:visible}.health-potion-button{color:#9c141f;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.health-potion-button:disabled{opacity:1;color:color-mix(in srgb, #9c141f 35%, var(--muted))}.health-potion-icon{width:22px;height:22px}.health-potion-button:not(:disabled) .health-potion-icon{animation:1.8s ease-in-out infinite health-potion-icon-glow}@keyframes health-potion-icon-glow{0%,to{filter:brightness(.8) drop-shadow(0 0 2px color-mix(in srgb, var(--danger) 55%, transparent))}50%{filter:brightness(1) drop-shadow(0 0 6px color-mix(in srgb, var(--danger) 90%, transparent))}}.health-potion-tooltip{z-index:20;background:var(--panel);border:1px solid var(--panel-border);opacity:0;visibility:hidden;pointer-events:none;width:max-content;max-width:200px;color:var(--text);text-align:center;white-space:pre-line;border-radius:6px;margin-bottom:6px;padding:6px 10px;font-size:11px;font-weight:400;line-height:1.35;transition:opacity .12s,visibility .12s;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.in-match-stats-panel{border-top:1px solid var(--panel-border);text-align:left;margin-top:2px;padding-top:10px}.in-match-stats-panel .stat-name{display:inline}@media (max-height:800px){.in-match-stats-panel .stat-row{padding:3px 0}}@container (width>=480px){.in-match-stats-panel{grid-template-columns:1fr 1fr;column-gap:14px;display:grid}.in-match-stats-heading{grid-column:1/-1}}.in-match-stats-heading{color:var(--text);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:12px;font-weight:600}.in-match-stats-earned{color:var(--muted)}.in-match-stats-earned.positive{color:var(--ok)}.stat-effect-arrow{vertical-align:middle;cursor:help;outline:none;align-items:center;margin-left:6px;display:inline-flex;position:relative}.stat-effect-arrow:hover .stat-effect-arrow-tooltip,.stat-effect-arrow:focus-visible .stat-effect-arrow-tooltip{opacity:1;visibility:visible}.stat-effect-arrow.positive{color:var(--ok)}.stat-effect-arrow.negative{color:var(--danger)}.stat-effect-arrow.positive .stat-effect-arrow-icon{transform:rotate(180deg)}.stat-effect-arrow-icon{width:.8em;height:.8em}.stat-effect-arrow-tooltip{z-index:20;background:var(--panel);border:1px solid var(--panel-border);opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;border-radius:6px;margin-bottom:6px;padding:4px 8px;font-size:11px;font-weight:700;transition:opacity .12s,visibility .12s;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.stat-value-delta-wasted{color:color-mix(in srgb, var(--danger) 60%, var(--muted));cursor:help;outline:none;position:relative}.stat-value-delta-wasted:hover .stat-value-delta-tooltip,.stat-value-delta-wasted:focus-visible .stat-value-delta-tooltip{opacity:1;visibility:visible}.stat-value-delta-tooltip{z-index:20;background:var(--panel);border:1px solid var(--panel-border);opacity:0;visibility:hidden;pointer-events:none;width:max-content;max-width:200px;color:var(--text);text-align:left;white-space:normal;border-radius:6px;margin-bottom:6px;padding:6px 10px;font-size:11px;font-weight:400;line-height:1.35;transition:opacity .12s,visibility .12s;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.result-popup-backdrop{z-index:300;background:#06070cc7;justify-content:center;align-items:center;padding:16px;animation:.2s both result-backdrop-in;display:flex;position:fixed;inset:0}#result-popup{background:linear-gradient(180deg, color-mix(in srgb, var(--result-color,var(--warn)) 10%, transparent), transparent 40%), var(--panel);border:1px solid var(--panel-border);text-align:center;width:100%;max-width:640px;box-shadow:0 0 0 1px color-mix(in srgb, var(--result-color,var(--warn)) 35%, transparent), 0 24px 64px #0009;border-radius:14px;padding:28px 28px 24px;animation:.45s cubic-bezier(.2,.9,.25,1.2) both result-card-in;position:relative}#result-popup.player1{--result-color:var(--p1)}#result-popup.player2{--result-color:var(--p2)}#result-popup.draw{--result-color:var(--warn)}.result-trophy{background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--result-color,var(--warn)) 35%, transparent), transparent 70%), var(--bg);border:2px solid var(--result-color,var(--warn));width:60px;height:60px;box-shadow:0 0 24px color-mix(in srgb, var(--result-color,var(--warn)) 50%, transparent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;animation:.5s cubic-bezier(.2,.9,.25,1.3) .12s both result-trophy-in;display:flex}@keyframes result-trophy-in{0%{opacity:0;transform:scale(.4)rotate(-18deg)}to{opacity:1;transform:none}}.result-trophy-icon{width:30px;height:30px;color:var(--result-color,var(--warn))}.result-title{letter-spacing:.01em;color:var(--result-color,var(--text));margin-bottom:4px;font-size:32px;font-weight:800;animation:.4s 50ms both result-fade-up}.result-meta{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:22px;font-size:12px;animation:.4s .1s both result-fade-up}.result-scoreboard{text-align:left;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;animation:.4s .12s both result-fade-up;display:grid;position:relative}.result-player{border:1px solid var(--panel-border);background:#ffffff05;border-top:3px solid #0000;border-radius:10px;padding:14px}.result-player h3{margin-bottom:8px;font-size:14px}.result-player.player1{border-top-color:var(--p1)}.result-player.player1 h3{color:var(--p1)}.result-player.player2{border-top-color:var(--p2)}.result-player.player2 h3{color:var(--p2)}.result-vs{background:var(--panel);border:1px solid var(--panel-border);letter-spacing:.05em;width:32px;height:32px;color:var(--muted);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-buttons{justify-content:center;gap:12px;animation:.4s .16s both result-fade-up;display:flex}.result-button-restart,.result-button-exit{justify-content:center;align-items:center;gap:8px;min-width:100px;padding:6px 14px 6px 10px;display:flex}.result-button-icon{width:16px;height:16px}.result-button-restart{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 92%, white), var(--accent));border-color:var(--accent);color:var(--text);font-weight:600}.result-button-restart:hover:not(:disabled){filter:brightness(1.08)}.result-button-exit{background:linear-gradient(180deg, color-mix(in srgb, var(--danger) 92%, white), var(--danger));border-color:var(--danger);color:var(--text);font-weight:600}.result-button-exit:hover:not(:disabled){filter:brightness(1.08)}.round-indicator{z-index:2;text-align:center;pointer-events:none;background:#0b0d128c;border-radius:8px;padding:5px 16px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.round-indicator-round{letter-spacing:.03em;color:var(--text);font-size:15px;font-weight:700}.round-indicator-timer{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px}.winner-banner{color:var(--text);letter-spacing:.04em;text-align:center;background:#0b0d1299;justify-content:center;align-items:center;padding:16px;font-size:32px;font-weight:700;animation:.3s both winner-banner-in;display:flex;position:absolute;inset:0}.winner-banner.player1{color:var(--p1)}.winner-banner.player2{color:var(--p2)}@keyframes winner-banner-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}#profile-screen{flex-direction:column;gap:20px;display:flex}.profile-player-info{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 24px;margin:0;display:grid}.profile-player-info div{flex-direction:column;gap:2px;display:flex}.profile-player-info dt{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:11px}.profile-player-info dd{color:var(--text);margin:0;font-size:14px}