@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Fira+Sans:wght@400;500;600;700&display=swap";/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{inset-block:0}.right-0{right:0}.left-0{left:0}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.h-dvh{height:100dvh}.min-h-dvh{min-height:100dvh}.w-1\/2{width:50%}.w-full{width:100%}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.overflow-hidden{overflow:hidden}.bg-black{background-color:var(--color-black)}.bg-cover{background-size:cover}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color-scheme:dark;color:#f2f5f2;font-synthesis:none;--bg:#0d0f0d;--sidebar:#111411;--surface:#171a17;--surface-raised:#1d211d;--surface-hover:#222722;--border:#343a34;--border-soft:#272c27;--text:#f2f5f2;--muted:#a3aca3;--faint:#747d74;--green:#58d68d;--green-strong:#20b968;--cyan:#4cc9d9;--amber:#efbd56;--red:#ef6a6a;--focus:#7ee2a8;background:#0d0f0d;font-family:Fira Sans,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}code{font-family:Fira Code,monospace;font-size:.82rem}svg{stroke-width:1.8px;width:18px;height:18px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip-link{z-index:1000;background:var(--green);color:#07110a;padding:10px 14px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}.app-shell{min-height:100dvh}.sidebar{z-index:30;border-right:1px solid var(--border-soft);background:var(--sidebar);flex-direction:column;width:248px;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;min-height:48px;padding:0 8px;display:flex}.brand-mark{width:38px;height:38px;color:var(--green);background:#16301f;border:1px solid #417454;border-radius:6px;place-items:center;font-family:Fira Code;font-weight:700;display:grid}.brand div{flex-direction:column;min-width:0;display:flex}.brand strong{letter-spacing:0;font-size:.92rem}.brand small{color:var(--faint);font-size:.7rem}.sidebar nav{gap:4px;margin-top:36px;display:grid}.sidebar nav a{min-height:46px;color:var(--muted);border-radius:6px;align-items:center;gap:12px;padding:0 12px;font-size:.9rem;font-weight:500;transition:background .18s,color .18s;display:flex}.sidebar nav a:hover{background:var(--surface-raised);color:var(--text)}.sidebar nav a.active{color:#8ce6b0;background:#1b2c20}.sidebar nav a.active svg{color:var(--green)}.sidebar-footer{border-top:1px solid var(--border-soft);align-items:center;gap:10px;margin-top:auto;padding:14px 10px;display:flex}.sidebar-footer div{flex-direction:column;display:flex}.sidebar-footer strong{font-size:.8rem}.sidebar-footer small{color:var(--faint);font-size:.72rem}.live-dot,.socket-state>span{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #58d68d88}.mobile-header,.nav-backdrop{display:none}.main-content{width:calc(100% - 248px);min-height:100dvh;margin-left:248px;padding:34px clamp(24px,4vw,58px) 64px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-header h1{letter-spacing:0;margin:0;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.15}.page-header p{color:var(--muted);margin:8px 0 0}.page-actions,.command-bar,.table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button,.icon-button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:600;transition:background .18s,border-color .18s,transform .12s;display:inline-flex}.button{padding:0 16px}.button:active,.icon-button:active{transform:translateY(1px)}.button.primary{background:var(--green-strong);color:#06150b}.button.primary:hover{background:#40cf82}.button.secondary{border-color:var(--border);background:var(--surface-raised);color:var(--text)}.button.secondary:hover,.button.ghost:hover,.icon-button:hover{background:var(--surface-hover);border-color:#4a534a}.button.ghost{color:var(--muted);background:0 0;border-color:#0000}.button.danger{color:#ff9b9b;background:#2d1a1a;border-color:#673939}.button.large{min-height:50px;padding-inline:22px}.button.tiny{min-height:34px;padding:0 9px;font-size:.72rem}.icon-button{border-color:var(--border);background:var(--surface-raised);width:44px;color:var(--muted);padding:0}.icon-button.small{width:36px;min-height:36px}.icon-button.small svg{width:16px}.icon-button.danger-icon{color:#ff9b9b}.icon-button.success-icon{color:#9be6b8}.surface{border:1px solid var(--border-soft);background:var(--surface);border-radius:6px}.surface-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:14px 18px;display:flex}.surface-header h2{margin:0;font-size:1rem}.surface-header p{color:var(--faint);margin:3px 0 0;font-size:.78rem}.surface-header>svg{color:var(--green)}.surface-header a{color:var(--green);font-size:.78rem;font-weight:600}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--border-soft);background:var(--surface);border-radius:6px;align-items:center;gap:16px;min-height:126px;padding:18px;display:flex}.metric-icon{background:var(--surface-raised);border-radius:6px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.metric.green .metric-icon{color:var(--green)}.metric.cyan .metric-icon{color:var(--cyan)}.metric.amber .metric-icon{color:var(--amber)}.metric.red .metric-icon{color:var(--red)}.metric>div:last-child{display:grid}.metric span{color:var(--muted);font-size:.78rem}.metric strong{font-family:Fira Code;font-size:1.9rem;line-height:1.15}.metric small{color:var(--faint)}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:16px;display:grid}.compact-list{display:grid}.compact-row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr) auto 132px;align-items:center;gap:14px;min-height:66px;padding:10px 18px;transition:background .18s;display:grid}.compact-row:last-child{border:0}.compact-row:hover{background:var(--surface-hover)}.compact-row>div{flex-direction:column;display:flex}.compact-row span,.compact-row time{color:var(--faint);font-size:.74rem}.health-list{padding:6px 18px}.health-row{border-bottom:1px solid var(--border-soft);grid-template-columns:1fr auto 70px;align-items:center;gap:10px;min-height:58px;display:grid}.health-row:last-child{border:0}.health-row>div{align-items:center;gap:10px;display:flex}.health-row code{color:var(--faint);text-align:right}.health-light{background:var(--red);border-radius:50%;width:8px;height:8px}.health-light.ok{background:var(--green)}.mode-label{color:var(--green);text-transform:uppercase;border:1px solid #3e694c;border-radius:4px;padding:4px 8px;font-family:Fira Code;font-size:.72rem}.status-badge{border:1px solid var(--border);width:fit-content;min-height:26px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:3px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.status-badge>span{background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge.positive{color:#79dda0;background:#16281b;border-color:#315d40}.status-badge.warning{color:#efc96f;background:#292316;border-color:#68572e}.status-badge.negative{color:#f58c8c;background:#2b1919;border-color:#633838}.two-column{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.form-surface{gap:8px;padding-bottom:18px;display:grid;overflow:hidden}.form-surface>label,.form-surface>input,.form-surface>button{margin-inline:18px}label{color:var(--muted);font-size:.78rem;font-weight:600}input,select{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:#111411;border-radius:5px;padding:0 12px}input::placeholder{color:#616961}input:focus,select:focus{border-color:var(--green);outline:2px solid #58d68d22}.form-surface button{margin-top:10px}.data-list{display:grid}.data-row{border-bottom:1px solid var(--border-soft);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:10px 18px;display:grid}.data-row:last-child{border:0}.avatar,.entity-icon{border:1px solid var(--border);background:var(--surface-raised);width:38px;height:38px;color:var(--green);border-radius:5px;place-items:center;font-family:Fira Code;font-size:.76rem;display:grid}.data-main,.entity-cell>div{flex-direction:column;min-width:0;display:flex}.data-main code,.entity-cell code{color:var(--faint)}.data-row time{color:var(--faint);font-size:.76rem}.table-surface{overflow:hidden}.responsive-table{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{border-bottom:1px solid var(--border);height:44px;color:var(--faint);text-transform:uppercase;white-space:nowrap;padding:0 16px;font-size:.7rem;font-weight:600}td{border-bottom:1px solid var(--border-soft);min-height:62px;color:var(--muted);padding:12px 16px;font-size:.82rem}tr:last-child td{border-bottom:0}tbody tr{transition:background .16s}tbody tr:hover{background:var(--surface-hover)}.entity-error{color:#ff9b9b;max-width:360px;margin-top:4px;font-size:.72rem;line-height:1.35;display:block}.dialog-backdrop{z-index:1000;background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto}.dialog{border:1px solid var(--border);background:var(--surface-raised);border-radius:6px;width:min(100%,520px);box-shadow:0 24px 70px #00000073}.dialog>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px 18px;display:flex}.dialog>header h2{margin:0;font-size:1.05rem}.dialog-form{gap:8px;padding:18px;display:grid}.dialog-form label{color:var(--muted);margin-top:6px;font-size:.76rem;font-weight:600}.dialog-form input{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:#111411;border-radius:5px;padding:0 12px}.dialog-form input:focus{border-color:var(--green);outline-offset:1px;outline:2px solid #39c27740}.dialog-form footer{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.dialog-copy{color:var(--muted);margin:0 0 4px;line-height:1.5}.field-help{color:var(--faint);margin:2px 0 0;font-size:.74rem;line-height:1.4}.secret-input{grid-template-columns:minmax(0,1fr) 44px;display:grid}.secret-input input{border-radius:5px 0 0 5px}.secret-input button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-left:0;border-radius:0 5px 5px 0;place-items:center;display:grid}.secret-input svg{width:18px}.auth-method{border:1px solid var(--border);border-radius:5px;grid-template-columns:1fr 1fr;margin:8px 0 0;padding:0;display:grid;overflow:hidden}.auth-method legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.auth-method button{min-height:40px;color:var(--muted);background:0 0;border:0}.auth-method button+button{border-left:1px solid var(--border)}.auth-method button.active{background:var(--surface-hover);color:var(--green)}.guard-code{text-align:center;text-transform:uppercase;font-family:Fira Code,monospace;font-size:1.15rem}td strong,td a{color:var(--text)}td small{color:var(--faint);display:block}.entity-cell{align-items:center;gap:10px;min-width:190px;display:flex}.clickable-row{cursor:pointer}.settings-bar{grid-template-columns:1fr 1fr minmax(250px,1.2fr);gap:18px;padding:18px;display:grid}.settings-bar>div{gap:6px;display:grid}.toggle{cursor:pointer;align-items:center;gap:10px;display:flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle>span{border:1px solid var(--border);background:#111411;border-radius:999px;flex:0 0 42px;width:42px;height:24px;position:relative}.toggle>span:after{background:var(--faint);content:"";border-radius:50%;width:16px;height:16px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.toggle input:checked+span{background:#173420;border-color:#34784d}.toggle input:checked+span:after{background:var(--green);transform:translate(18px)}.toggle div{flex-direction:column;display:flex}.toggle small{color:var(--faint);font-weight:400}.teams-grid{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);align-items:center;gap:12px;margin-top:16px;display:grid}.team-panel{border:1px solid var(--border);background:var(--surface);border-radius:6px;min-width:0;margin:0;padding:14px}.team-panel legend,.team-panel h2{color:var(--text);text-transform:uppercase;align-items:center;gap:9px;padding:0 7px;font-size:.82rem;font-weight:700;display:flex}.team-panel legend>span,.team-panel h2>span{border-radius:4px;place-items:center;width:26px;height:26px;font-family:Fira Code;display:grid}.team-panel.radiant legend>span,.team-panel.radiant h2>span{color:#79dda0;background:#183820}.team-panel.dire legend>span,.team-panel.dire h2>span{color:#ff9b9b;background:#422020}.player-slot{border-bottom:1px solid var(--border-soft);grid-template-columns:30px minmax(0,1fr);align-items:center;min-height:58px;display:grid}.player-slot:last-child{border:0}.player-slot>span,.slot-number{color:var(--faint);text-align:center;font-family:Fira Code}.player-slot select{min-width:0}.versus{color:var(--faint);flex-direction:column;align-items:center;gap:5px;font-family:Fira Code;font-weight:700;display:flex}.versus svg{color:var(--amber)}.form-footer{justify-content:flex-end;align-items:center;gap:22px;margin-top:16px;padding:16px 0;display:flex}.form-footer>div{text-align:right;flex-direction:column;display:flex}.form-footer span{color:var(--faint);font-size:.76rem}.inline-alert{color:#f0cb76;background:#282214;border:1px solid #6b5728;border-radius:5px;margin-top:16px;padding:12px 14px}.room-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px;display:grid}.room-settings>div{gap:6px;display:grid}.visibility-control{border:0;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;display:grid}.visibility-control legend{color:var(--muted);margin-bottom:7px;font-size:.78rem;font-weight:600}.visibility-control label{border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:10px;min-height:64px;padding:10px 12px;display:flex}.visibility-control label.active{color:var(--text);background:#173420;border-color:#34784d}.visibility-control input{opacity:0;width:1px;height:1px;position:absolute}.visibility-control label>span{flex-direction:column;display:flex}.visibility-control small{color:var(--faint);font-weight:400}.player-picker{margin-top:16px;position:relative}.player-picker>.surface-header>strong{color:var(--green);font-family:Fira Code}.search-box{margin:16px;position:relative}.search-box>svg{color:var(--faint);position:absolute;top:13px;left:13px}.search-box input{padding-left:42px}.search-results{z-index:12;border:1px solid var(--border);background:var(--surface-raised);border-radius:6px;position:absolute;top:136px;left:16px;right:16px;overflow:hidden;box-shadow:0 14px 36px #0009}.search-results button{border:0;border-bottom:1px solid var(--border-soft);width:100%;min-height:62px;color:var(--text);text-align:left;background:0 0;grid-template-columns:84px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:8px 12px;display:grid}.search-results button:hover{background:var(--surface-hover)}.search-results button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.search-results code{color:var(--faint)}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.participant-card{border:1px solid var(--border-soft);background:var(--surface);border-radius:6px;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:12px;display:grid}.participant-card.ready{background:linear-gradient(90deg,#1d3326,var(--surface));border-color:#4f8b5b;box-shadow:inset 0 0 0 1px #75b77d55}.slot-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.participant-card>div{flex-direction:column;min-width:0;display:flex}.participant-card code{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.participant-card small{color:var(--faint)}.participant-card.empty{color:var(--faint);background:0 0;border-style:dashed;grid-template-columns:32px 1fr}.participant-card.empty>span{text-align:center;font-family:Fira Code}.invite-player-avatar{align-items:center;gap:6px;width:84px;display:flex}.invite-player-avatar .avatar{flex:0 0 38px;overflow:hidden}.invite-player-avatar .avatar img,.avatar img{object-fit:cover;width:100%;height:100%}.invite-player-medal{flex:0 0 38px;width:38px;height:38px}.room-invite-stack{z-index:120;pointer-events:none;gap:10px;width:min(440px,100% - 32px);display:grid;position:fixed;bottom:18px;right:18px}.room-invite-toast,.room-response-toast{pointer-events:auto;color:#eceef2;background:#20232a;border:4px solid #090a0d;box-shadow:inset 0 0 0 1px #555a63,inset 0 0 22px #111319,0 12px 30px #000a}.room-invite-toast{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:12px;display:grid}.room-invite-toast>svg{color:#dfba42}.room-invite-toast small,.room-invite-toast span{color:var(--faint)}.room-invite-toast strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.room-invite-actions{align-items:center;gap:6px;display:flex}.room-response-toast{z-index:121;justify-content:space-between;align-items:center;gap:12px;max-width:min(420px,100% - 32px);padding:12px 14px;display:flex;position:fixed;bottom:18px;right:18px}.room-response-toast button{color:#dfba42;background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid}.room-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.room-card{border:1px solid var(--border-soft);background:var(--surface);border-radius:6px;min-height:230px;padding:16px;display:grid}.room-card header,.room-card footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-card header>span{width:38px;height:38px;color:var(--green);background:#173420;border-radius:6px;place-items:center;display:grid}.room-card h2{margin:4px 0;font-size:1.15rem}.room-card p,.room-card small{color:var(--faint);margin:0}.room-card footer{border-top:1px solid var(--border-soft);align-self:end;padding-top:14px}.room-card-password{align-items:center;gap:8px;min-width:min(100%,250px);display:flex}.room-card-password input{min-width:0;height:38px}.room-card-error{color:#ffb4a8;margin-top:10px;font-size:.82rem}.room-card footer>span{color:var(--muted);align-items:center;gap:7px;font-size:.78rem;display:flex}.room-roster{margin-bottom:16px;overflow:hidden}.room-roster>.surface-header>strong{color:var(--green);align-items:center;gap:7px;font-family:Fira Code;display:flex}.participant-grid.detail{margin:0;padding:14px}.public-join{border-top:1px solid var(--border-soft);gap:6px;margin:0 14px 14px;padding:14px;display:grid;position:relative}.public-join>div{position:relative}.public-join>div>svg{color:var(--faint);position:absolute;top:13px;left:12px}.public-join input{padding-left:40px}.join-results{border:1px solid var(--border);border-radius:6px;display:grid;overflow:hidden}.join-results button{border:0;border-bottom:1px solid var(--border-soft);background:var(--surface-raised);min-height:52px;color:var(--text);text-align:left;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:10px;padding:8px 12px;display:grid}.join-results button:last-child{border:0}.join-results code{color:var(--faint)}.match-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px;display:grid}.match-summary>div{border-right:1px solid var(--border-soft);flex-direction:column;justify-content:center;gap:6px;min-height:76px;padding:12px 16px;display:flex}.match-summary>div:last-child{border:0}.match-summary span{color:var(--faint);font-size:.72rem}.copy-value{width:fit-content;color:var(--text);background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.copy-value svg{width:14px;color:var(--muted)}.command-bar{min-height:60px;margin-bottom:14px}.socket-state{color:var(--faint);align-items:center;gap:7px;padding:5px 8px;font-size:.72rem;display:inline-flex}.socket-state>span{background:var(--red);box-shadow:none}.socket-state.online{color:var(--green)}.socket-state.online>span{background:var(--green);box-shadow:0 0 8px #58d68d88}.teams-grid.detail{align-items:start;margin-bottom:16px}.team-panel.roster{padding:0;overflow:hidden}.team-panel.roster h2{border-bottom:1px solid var(--border-soft);min-height:54px;margin:0;padding:10px 14px}.team-panel.roster h2 small{color:var(--faint);margin-left:auto}.roster-row{border-bottom:1px solid var(--border-soft);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:8px 14px;display:grid}.roster-row:last-child{border:0}.roster-row>div{flex-direction:column;min-width:0;display:flex}.roster-row code{text-overflow:ellipsis;overflow:hidden}.roster-row small{color:var(--faint)}.joined-icon{color:var(--green)}.events-panel{overflow:hidden}.event-empty{color:var(--faint);padding:18px}.timeline{margin:0;padding:8px 18px 18px 38px;list-style:none}.timeline li{border-left:1px solid var(--border);min-height:72px;padding:12px 0 12px 18px;position:relative}.timeline-mark{border:2px solid var(--surface);background:var(--green);border-radius:50%;width:9px;height:9px;position:absolute;top:19px;left:-5px}.timeline li>div{grid-template-columns:minmax(180px,.6fr) 140px minmax(0,1fr);align-items:center;gap:12px;display:grid}.timeline time{color:var(--faint);font-size:.74rem}.timeline code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:30px;display:flex}.empty-state strong{font-size:1rem}.empty-state p{max-width:380px;color:var(--faint);margin:6px 0 16px}.toast{z-index:100;border:1px solid var(--border);background:#202420;border-radius:6px;grid-template-columns:22px minmax(0,1fr) 34px;align-items:center;gap:10px;width:min(420px,100% - 32px);min-height:54px;padding:8px 8px 8px 14px;display:grid;position:fixed;top:18px;right:20px;box-shadow:0 12px 30px #0008}.toast.success{color:#9be6b8;border-color:#376b48}.toast.error{color:#ff9f9f;border-color:#713f3f}.toast button{color:currentColor;background:0 0;border:0;place-items:center;width:34px;height:34px;display:grid}.route-loading{min-height:240px;color:var(--muted);place-items:center;display:grid}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.match-summary{grid-template-columns:repeat(2,1fr)}.match-summary>div:nth-child(2){border-right:0}.match-summary>div:nth-child(-n+2){border-bottom:1px solid var(--border-soft)}.room-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.mobile-header{z-index:25;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111411ee;justify-content:space-between;align-items:center;height:64px;padding:8px 14px;display:flex;position:sticky;top:0}.mobile-header .brand{padding:0}.mobile-header .brand small{display:none}.sidebar{transition:transform .22s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.nav-backdrop{z-index:28;background:#0009;border:0;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.main-content{width:100%;margin:0;padding:24px 16px 48px}.page-header{flex-direction:column;align-items:flex-start;gap:14px}.page-actions{width:100%}.two-column{grid-template-columns:1fr}.settings-bar{grid-template-columns:1fr 1fr}.toggle{grid-column:1/-1}.teams-grid{grid-template-columns:1fr}.room-settings{grid-template-columns:1fr 1fr}.room-settings>div:first-child{grid-column:1/-1}.versus{flex-direction:row;justify-content:center;min-height:34px}.versus svg{display:none}.timeline li>div{grid-template-columns:1fr;gap:3px}}@media(max-width:520px){.dialog-backdrop{align-items:end;padding:0}.dialog{border-width:1px 0 0;border-radius:6px 6px 0 0;width:100%}.dialog-form footer .button{flex:1}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.metric{flex-direction:column;align-items:flex-start;gap:8px;min-height:112px;padding:14px}.metric-icon{flex-basis:32px;width:32px;height:32px}.metric strong{font-size:1.55rem}.compact-row{grid-template-columns:1fr auto}.compact-row time{display:none}.settings-bar,.room-settings,.visibility-control,.participant-grid,.room-card-grid{grid-template-columns:1fr}.room-settings>div:first-child,.toggle{grid-column:auto}.form-footer{flex-direction:column;align-items:stretch}.form-footer>div{text-align:left}.match-summary{grid-template-columns:1fr 1fr}.match-summary>div{min-width:0}.command-bar .button{flex:calc(50% - 8px);padding-inline:10px}.data-row{grid-template-columns:40px 1fr}.data-row time{display:none}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.login-screen{color:#f4e9d2;font-family:Georgia,Times New Roman,serif}.login-backdrop{background:radial-gradient(circle,#26170c 0,#080503 48%,#000)}.login-doors{transform:translateZ(0)}.login-door{will-change:transform;background-repeat:no-repeat}.login-door-left{background-image:url(/images/login/door-left.png);background-position:0;box-shadow:inset -14px 0 34px #000000c7}.login-door-right{background-image:url(/images/login/door-right.png);background-position:100%;box-shadow:inset 14px 0 34px #000000a6}.login-door-left:after{content:"";pointer-events:none;background:linear-gradient(270deg,#000000b8,#0000);width:28px;position:absolute;inset:0 0 0 auto}.login-form{z-index:2;flex-direction:column;justify-content:center;gap:18px;width:min(440px,70%);height:100%;margin-left:clamp(28px,9vw,150px);padding:32px 0;transition:opacity .3s,transform .3s;display:flex;position:relative}.login-hidden{opacity:0;pointer-events:none;transform:translateY(10px)}.login-success{opacity:0;pointer-events:none;transform:translateY(-12px)scale(.98)}.login-reveal{animation:.5s ease-out both login-reveal}.login-heading{text-shadow:0 2px 4px #000;margin-bottom:6px}.login-heading h1{color:#f8ead0;letter-spacing:0;margin:6px 0 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.login-heading p{color:#c9ad78;margin:8px 0 0;font-size:1rem}.login-kicker{color:#e4bf61;text-transform:uppercase;align-items:center;gap:8px;font-family:Fira Sans,sans-serif;font-size:.76rem;font-weight:700;display:inline-flex}.login-kicker svg{width:15px;height:15px}.login-field{gap:6px;display:grid}.login-field label,.login-realm span{color:#f4e9d2;text-shadow:0 1px 2px #000;font-size:1rem;font-weight:700}.login-field input{color:#fff4db;background:#000000c7;border:1px solid #090705;border-radius:5px;width:100%;min-height:48px;padding:0 14px;font-family:Fira Sans,sans-serif;font-size:1rem;box-shadow:inset 0 2px 7px #000000f2,0 1px #a577384d}.login-field input:focus{outline-offset:1px;border-color:#d1a947;outline:2px solid #5c9eff8c}.login-field-disabled{opacity:.58}.login-field-disabled input{cursor:not-allowed;color:#0000;-webkit-user-select:none;user-select:none}.login-field-disabled input:disabled{background:#0009;border-color:#17110a;box-shadow:inset 0 2px 8px #000000fa}.login-realm{background:#000000ad;border:1px solid #0a0805;border-radius:5px;gap:4px;padding:12px 14px;display:grid;box-shadow:inset 0 2px 7px #000}.login-realm span{text-transform:uppercase;font-size:.74rem}.login-realm strong{color:#e6c34a;font-family:Fira Sans,sans-serif;font-size:.95rem}.login-error{color:#ffd1d1;background:#430e0ee0;border:1px solid #944949;border-radius:5px;margin:-6px 0;padding:9px 12px;font-family:Fira Sans,sans-serif;font-size:.86rem}.login-knocker-wrap{z-index:4;pointer-events:none;width:min(52%,520px);position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.login-knocker{filter:drop-shadow(0 12px 24px #000000f2);width:100%;max-width:none;display:block}.login-eye{aspect-ratio:1;opacity:0;background:#dcf5fffa;border-radius:50%;width:2.2%;position:absolute;top:36.5%;transform:translate(-50%,-50%)scale(.5);box-shadow:0 0 3px 1px #87d7fff2,0 0 7px 2px #2391ffad,0 0 13px 4px #005cff47}.login-eye-left{left:42.5%}.login-eye-right{left:57.5%}.login-knocker-awake .login-eye{animation:1.45s ease-in-out both login-eye-awaken}.login-knocker-awake .login-knocker{animation:1.45s ease-in-out both login-knocker-glow}.login-textured-button{all:unset;cursor:pointer;color:#fff4d2;text-shadow:0 2px 2px #000;width:min(220px,100%);height:52px;font-family:Georgia,serif;font-size:1.05rem;font-weight:700;display:inline-block;position:relative}.login-textured-button>img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.login-button-overlay{opacity:0;transition:opacity .14s}.login-textured-button span{z-index:3;place-items:center;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.login-textured-button:hover .login-button-hover,.login-textured-button:focus-visible .login-button-hover,.login-textured-button:active .login-button-pressed{opacity:1}.login-textured-button:focus-visible{outline-offset:3px;outline:3px solid #8fcaff}.sidebar-footer{flex-direction:column;align-items:stretch;padding-inline:8px}.sidebar-session{align-items:center;gap:10px;min-width:0;padding:0 2px;display:flex!important}.sidebar-session>div{min-width:0}.sidebar-logout{border:1px solid var(--border);background:var(--surface-raised);width:100%;min-height:42px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;gap:9px;font-size:.82rem;font-weight:600;display:flex}.sidebar-logout:hover{color:#ff9b9b;border-color:#6e4343}.sidebar-logout svg{width:17px;height:17px}@keyframes login-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes login-eye-awaken{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}30%,72%{opacity:.78;transform:translate(-50%,-50%)scale(1)}to{opacity:.25;transform:translate(-50%,-50%)scale(.7)}}@keyframes login-knocker-glow{0%,to{filter:drop-shadow(0 12px 24px #000000f2)}40%,75%{filter:drop-shadow(0 12px 24px #000000f2)drop-shadow(0 0 8px #1f84ff47)}}@keyframes login-impact{20%{transform:translate(-5px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px)}}.login-impact{animation:.4s ease-out both login-impact}@media(max-width:760px){.login-door-left{background-position:42%;background-size:cover;width:100%}.login-door-right{display:none}.login-form{width:min(420px,100% - 40px);margin:0 auto;padding-block:24px}.login-heading h1{font-size:2.35rem}.login-textured-button{width:100%}}@media(max-height:690px)and (min-width:761px){.login-form{gap:10px;padding-block:16px}.login-heading{margin-bottom:0}.login-heading h1{font-size:2rem}.login-textured-button{height:46px}}@media(prefers-reduced-motion:reduce){.login-door,.login-form,.login-textured-button img,.login-eye,.login-knocker{transition:none!important;animation:none!important}}.battle-shell{color:#e7e4dc;background:radial-gradient(circle at 50% 16%,#7884a047,#0000 34%),linear-gradient(135deg,#555b70,#252a39 48%,#42495f);min-height:100dvh;overflow-x:hidden}.battle-header{z-index:80;background:#111318;border:10px solid #090a0d;border-bottom-width:8px;grid-template-rows:112px 62px;grid-template-columns:minmax(250px,1.2fr) minmax(520px,2.2fr) minmax(220px,.8fr);min-height:174px;display:grid;position:sticky;top:0;box-shadow:inset 0 0 0 3px #454a55,inset 0 0 0 6px #181a20,0 8px 18px #000c}.battle-title{text-shadow:0 3px 3px #000;background:linear-gradient(#090a0d2e,#090a0dbf),url(/images/login/door-left.png) 0 45%/cover;border:4px solid #07080a;grid-column:1/3;align-items:baseline;gap:14px;min-width:0;margin:8px;padding:14px 24px;display:flex;box-shadow:inset 0 0 0 2px #3f4143,inset 0 0 24px #000,0 0 0 2px #24272d}.battle-title strong{color:#45a7ff;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.7rem);font-style:italic;line-height:1}.battle-title>span:last-child{color:#dfba42;align-self:flex-end;margin-left:auto;font-family:Georgia,serif;font-size:.82rem}.battle-title-small{color:#e5e3df;text-transform:uppercase;font-family:Georgia,serif;font-size:clamp(1rem,2vw,1.65rem)}.battle-account{background:#202329;border:4px solid #090a0d;grid-area:1/3;justify-content:space-between;align-items:center;gap:12px;margin:8px;padding:12px 14px;display:flex;box-shadow:inset 0 0 0 2px #4b4f58,inset 0 0 20px #08090c,0 0 0 2px #24272d}.battle-account>div{flex-direction:column;min-width:0;display:flex}.battle-account small{color:#dfba42;font-family:Georgia,serif}.battle-account strong{text-overflow:ellipsis;overflow:hidden}.battle-account>div>span{color:#a6aab2;align-items:center;gap:7px;font-size:.72rem;display:flex}.battle-account i{background:#57ce83;border-radius:50%;width:7px;height:7px;box-shadow:0 0 7px #57ce83}.battle-account button{color:#d4b94d;background:#17191f;border:3px solid #0b0c0f;place-items:center;min-width:52px;min-height:44px;display:grid;box-shadow:inset 0 0 0 1px #4d5159}.battle-account button span{font-size:.65rem}.battle-nav{background:#16181d;border-top:4px solid #050608;grid-area:2/1/auto/-1;justify-content:center;align-items:stretch;gap:9px;padding:5px 20px 7px;display:flex;box-shadow:inset 0 2px #51555d,inset 0 -2px #353941}.battle-nav a{color:#c5aa42;background:#17191e;border:3px solid #08090c;justify-content:center;align-items:center;gap:8px;min-width:112px;padding:3px 10px;font-family:Georgia,serif;transition:color .16s,box-shadow .16s,transform .12s;display:flex;box-shadow:inset 0 0 0 2px #383c45,0 0 0 1px #5d6065}.battle-nav a:hover,.battle-nav a.active{color:#f5dd68;box-shadow:inset 0 0 0 2px #172b69,inset 0 0 14px #071957,0 0 0 1px #6f7379,0 0 9px #153fb0}.battle-nav a:active{transform:translateY(1px)}.battle-nav-icon{color:#dad8cb;background:#282c34;border:2px solid #08090c;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 1px #5a5f69}.battle-nav a.active .battle-nav-icon{color:#68bfff}.battle-menu-button,.battle-nav-backdrop{display:none}.battle-main{background:0 0;width:100%;min-height:calc(100dvh - 174px);margin:0;padding:0 clamp(10px,1.4vw,22px) 18px}.chain-stage{perspective:1100px;min-height:calc(100dvh - 192px);padding-top:24px;position:relative}.chain-page{transform-origin:50% 0;position:relative}.chain-content{background:#17191ff5;border:7px solid #090a0d;min-height:calc(100dvh - 222px);padding:clamp(18px,2.5vw,34px);position:relative;box-shadow:inset 0 0 0 2px #555a63,inset 0 0 0 5px #20232a,inset 0 0 40px #08090dcc,0 7px 20px #000a}.hanging-chain{z-index:4;background:repeating-linear-gradient(0deg,#08090b 0,#08090b 5px,#777b83 6px,#777b83 9px,#15171b 10px,#15171b 15px);border:2px solid #07080a;width:18px;height:58px;position:absolute;top:-42px;box-shadow:inset 2px 0 #858a93,inset -2px 0 #111318,0 3px 5px #000}.hanging-chain-left{left:9%}.hanging-chain-right{right:9%}.chain-entering{animation:.7s cubic-bezier(.18,.82,.25,1) both chain-descend}.chain-leaving{pointer-events:none;animation:.7s cubic-bezier(.65,0,.86,.35) both chain-rise}@keyframes chain-rise{to{opacity:.7;transform:translateY(-115vh)rotateX(-4deg)}}@keyframes chain-descend{0%{opacity:.72;transform:translateY(-115vh)rotateX(-4deg)}76%{opacity:1;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.battle-main .page-header{background:#24272e;border:3px solid #090a0d;min-height:68px;margin:-4px -4px 18px;padding:12px 18px;box-shadow:inset 0 0 0 1px #555a63,inset 0 -12px 22px #14161c}.battle-main .page-header h1,.battle-main .surface-header h2,.battle-main label,.battle-main legend{color:#e3c74f;font-family:Georgia,serif}.battle-main .page-header h1{font-size:1.5rem}.battle-main .page-header p{color:#c4c6cb}.battle-main .surface,.battle-main .metric,.battle-main .room-card,.battle-main .participant-card,.battle-main .team-panel{background:#20232a;border:4px solid #090a0d;border-radius:0;box-shadow:inset 0 0 0 1px #555a63,inset 0 0 24px #111319,0 3px #050608}.battle-main .surface-header{background:#1b1e24;border-bottom:3px solid #090a0d;box-shadow:inset 0 -1px #4a4e56}.battle-main .metric{min-height:118px}.battle-main .metric-icon,.battle-main .avatar,.battle-main .entity-icon{background:#13151a;border:3px solid #090a0d;border-radius:0;box-shadow:inset 0 0 0 1px #545862}.battle-main .button,.battle-main .icon-button{color:#e4c94e;background:#15171c;border:3px solid #08090c;border-radius:0;box-shadow:inset 0 0 0 2px #313640,inset 0 0 10px #050610,0 0 0 1px #5f636a}.battle-main .button.primary{color:#f0d85b;background:#07144c;box-shadow:inset 0 0 0 2px #183ba1,inset 0 0 13px #02071f,0 0 0 1px #6a6d73}.battle-main input,.battle-main select{color:#eee;background:#090b10;border:3px solid #090a0d;border-radius:0;box-shadow:inset 0 0 0 1px #303540,inset 0 0 8px #000}.battle-main input:focus,.battle-main select:focus{border-color:#162b81;outline:2px solid #244dc1}.battle-main .status-badge{border-radius:0}.chain-content:has(.match-form){background:#0d0f14bd}.chain-content:has(.match-form)>.page-header{display:none}.match-form{z-index:3;background:#08090cf7;border:8px solid #08090b;width:min(940px,100% - 24px);max-height:calc(100dvh - 250px);margin:12px auto;padding:18px;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 2px #5b6069,inset 0 0 0 6px #1f2229,0 18px 45px #000d}.match-form:before,.match-form:after{content:"";background:repeating-linear-gradient(0deg,#08090b 0,#08090b 4px,#777b83 5px,#777b83 8px,#121419 9px,#121419 13px);border:2px solid #050608;width:16px;height:32px;position:absolute;top:-30px}.match-form:before{left:12%}.match-form:after{right:12%}.match-form .room-settings{margin:0}.match-form .participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-form .form-footer{background:#17191f;border-top:4px solid #08090b;margin:16px -18px -18px;padding:14px 18px;position:sticky;bottom:-18px}.match-form .form-footer>div{margin-right:auto}@media(max-width:980px){.battle-header{grid-template-rows:78px 58px;grid-template-columns:1fr auto;min-height:136px}.battle-title{grid-area:1/1}.battle-title strong{font-size:1.8rem}.battle-title-small,.battle-title>span:last-child{display:none}.battle-account{grid-area:1/2;min-width:210px}.battle-nav{grid-row:2;justify-content:flex-start;overflow-x:auto}.battle-nav a{min-width:104px}}@media(max-width:700px){.battle-header{border-width:5px;align-items:center;min-height:72px;padding:6px;display:flex}.battle-title{flex:1;min-height:52px;margin:0;padding:10px 12px}.battle-title strong{font-size:1.35rem}.battle-account{display:none}.battle-menu-button{color:#e3c74f;background:#191b21;border:3px solid #090a0d;place-items:center;width:48px;height:48px;display:grid}.battle-nav{z-index:95;border:5px solid #08090b;grid-template-columns:1fr 1fr;padding:10px;display:none;position:fixed;top:66px;left:8px;right:8px;overflow:visible}.battle-nav.is-open{display:grid}.battle-nav a{min-height:54px}.battle-nav-backdrop{z-index:90;background:#000a;border:0;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.battle-main{min-height:calc(100dvh - 72px);padding-inline:6px}.chain-stage{min-height:calc(100dvh - 84px);padding-top:18px}.chain-content{border-width:5px;min-height:calc(100dvh - 102px);padding:12px}.metrics-grid{grid-template-columns:1fr 1fr}.match-form{border-width:5px;width:100%;max-height:calc(100dvh - 118px);margin:0;padding:12px}.match-form .room-settings,.match-form .participant-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.chain-entering,.chain-leaving{animation-duration:.01ms!important}}.battle-main .button{color:#f5e8bd;text-shadow:0 2px 2px #000;min-height:48px;box-shadow:none;background-color:#0000;background-image:url(/images/login/normal-button.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;padding:0 28px;font-family:Georgia,Times New Roman,serif;font-size:.94rem;font-weight:700;transition:filter .14s,transform 90ms}.battle-main .button:hover{color:#fff3bd;filter:brightness(1.08);background-color:#0000;background-image:url(/images/login/hover-button.png)}.battle-main .button:active{filter:brightness(.94);background-image:url(/images/login/pressed-button.png);transform:translateY(1px)}.battle-main .button:focus-visible{outline-offset:2px;outline:3px solid #69b9ff}.battle-main .button:disabled{filter:grayscale(.7)brightness(.65)}.battle-main .button svg{color:#d9c464;filter:drop-shadow(0 1px 1px #000)}.battle-main .button.large:not(.danger){min-height:54px;padding-inline:34px}.battle-main .button.tiny:not(.danger){min-height:38px;padding-inline:18px;font-size:.74rem}.battle-nav a{color:#f2df9a;text-shadow:0 2px 2px #000;min-height:50px;box-shadow:none;background-color:#0000;background-image:url(/images/login/normal-button.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;padding:4px 18px}.battle-nav a:hover,.battle-nav a.active{color:#fff0a8;filter:brightness(1.08);box-shadow:none;background-image:url(/images/login/hover-button.png)}.battle-nav a:active{filter:brightness(.95);background-image:url(/images/login/pressed-button.png)}.battle-nav a:focus-visible{outline-offset:1px;outline:3px solid #69b9ff}.battle-nav-icon{background:#060a1894;border:0;box-shadow:inset 0 0 0 1px #6286dc6b}.battle-nav a{white-space:nowrap;gap:12px;min-width:132px;min-height:52px;padding:7px 30px}.battle-nav-icon{width:auto;height:auto;box-shadow:none;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:flex}.battle-nav-icon svg{filter:drop-shadow(0 1px 1px #000);width:19px;height:19px}@media(max-width:980px){.battle-nav a{min-width:124px;padding-inline:24px}}@media(max-width:700px){.battle-nav a{width:100%;min-width:0;padding-inline:24px}}.battle-logo{object-fit:contain;filter:drop-shadow(0 3px 4px #000);flex:0 0 92px;width:92px;height:92px;display:block}@media(max-width:980px){.battle-logo{flex-basis:62px;width:62px;height:62px}}@media(max-width:700px){.battle-logo{flex-basis:46px;width:46px;height:46px}}.battle-title{padding-right:330px;position:relative;overflow:hidden}.battle-title strong{z-index:2;white-space:nowrap;position:relative}.battle-subtitle{z-index:3;color:#dfba42;white-space:nowrap;margin:0;font-family:Georgia,serif;font-size:.82rem;position:absolute;bottom:10px;right:18px}.battle-title .battle-logo{z-index:2;object-fit:contain;filter:drop-shadow(0 3px 4px #000);pointer-events:none;flex:none;width:240px;max-width:none;height:240px;position:absolute;top:50%;right:82px;transform:translateY(-50%)}@media(max-width:1200px){.battle-title{padding-right:210px}.battle-title .battle-logo{width:185px;height:185px;right:24px}.battle-subtitle{display:none}}@media(max-width:700px){.battle-title{padding-right:68px}.battle-title .battle-logo{width:82px;height:82px;right:4px}}.battle-main .button{white-space:nowrap;gap:10px;min-height:50px;padding-inline:34px}.battle-main .button.large{padding-inline:40px}.battle-main .button.tiny{padding-inline:20px}.battle-main .command-bar .button,.battle-main .page-actions .button,.battle-main .form-footer .button{padding-inline:34px}.battle-main .button.danger{color:#ffd0c6}.battle-main .button.danger svg{color:#ff9b8e}@media(max-width:520px){.battle-main .command-bar .button,.battle-main .page-actions .button,.battle-main .form-footer .button{min-width:0;padding-inline:24px}}.battle-main .button,.battle-main a.button,.battle-main button.button{gap:10px;min-height:50px;padding-inline:34px;box-shadow:none!important;background-color:#0000!important;background-image:url(/images/login/normal-button.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important;border:0!important}.battle-main .button:hover,.battle-main a.button:hover,.battle-main button.button:hover{background-color:#0000!important;background-image:url(/images/login/hover-button.png)!important}.battle-main .button:active,.battle-main a.button:active,.battle-main button.button:active{transform:translateY(1px);background-color:#0000!important;background-image:url(/images/login/pressed-button.png)!important}.battle-main .button.large{min-height:54px;padding-inline:40px}.battle-main .button.tiny{min-height:38px;padding-inline:20px}@media(max-width:520px){.battle-main .button,.battle-main a.button,.battle-main button.button{padding-inline:24px}}:root{--command-normal:url(/images/login/normal-button.png);--command-hover:url(/images/login/hover-button.png);--command-pressed:url(/images/login/pressed-button.png)}:is(.battle-main a.button,.battle-main button.button,.battle-nav a,.battle-textured-command){background-color:#0000!important;background-image:var(--command-normal)!important;box-shadow:none!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important;border:0!important;transition:filter .12s,transform 80ms!important}:is(.battle-main a.button,.battle-main button.button,.battle-nav a,.battle-textured-command):hover{filter:brightness(1.08);background-color:#0000!important;background-image:var(--command-hover)!important}:is(.battle-main a.button,.battle-main button.button,.battle-nav a,.battle-textured-command):active{filter:brightness(.94);transform:translateY(1px);background-color:#0000!important;background-image:var(--command-pressed)!important}:is(.battle-main a.button,.battle-main button.button,.battle-nav a,.battle-textured-command):focus-visible{outline-offset:2px;outline:3px solid #69b9ff;background-image:var(--command-hover)!important}.battle-nav a.active:not(:active){background-image:var(--command-hover)!important}.battle-textured-command{text-shadow:0 2px 2px #000;justify-content:center;align-items:center;gap:7px;font-family:Georgia,serif;color:#f2df9a!important;min-width:86px!important;min-height:48px!important;padding:5px 20px!important;display:flex!important}.login-steam-button{align-self:center;width:236px;height:56px;margin-top:4px}.login-steam-button .login-button-overlay{display:none}.login-steam-button span{padding:8px 28px 10px}.login-steam-logo{pointer-events:none;display:block;object-fit:contain!important;width:180px!important;height:35px!important;position:relative!important;inset:auto!important}.login-divider{color:#a8a39a;text-transform:uppercase;align-items:center;gap:10px;font-size:.72rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:linear-gradient(90deg,#0000,#8c7950,#0000);flex:1;height:1px}.login-divider span{white-space:nowrap}.login-submit-button{align-self:flex-end}.battle-account-avatar{object-fit:cover;border:2px solid #927a35;flex:0 0 42px;width:42px;height:42px;box-shadow:0 0 0 2px #08090b,0 2px 5px #000}.battle-account-initials{color:#e6c95c;background:#10172c;place-items:center;font-family:Georgia,serif;font-weight:700;display:grid}.rank-medal{object-fit:contain;filter:drop-shadow(0 2px 3px #000);display:block}.battle-account-medal{flex:0 0 42px;width:42px;height:42px}.player-directory-medal-slot{place-items:center;width:42px;height:42px;display:grid}.player-directory-medal{width:42px;height:42px}.chat-message-identity{align-items:center;gap:6px;display:flex}.chat-message-medal{flex:0 0 36px;width:36px;height:36px}.chat-user-medal-slot{place-items:center;width:34px;height:34px;display:grid}.chat-user-medal{width:34px;height:34px}.data-row .avatar img{object-fit:cover;width:100%;height:100%}.data-main small{color:var(--muted);font-size:.72rem}.steam-directory{max-width:1040px;margin-inline:auto;overflow:hidden}.player-directory-row{color:inherit;grid-template-columns:42px 40px minmax(0,1fr) auto;transition:background .14s,color .14s}.player-directory-row:hover{background:#31446557}.player-directory-row:focus-visible{z-index:1;outline-offset:-3px;position:relative}.player-directory-meta{color:var(--faint);justify-content:flex-end;align-items:center;gap:12px;display:flex}.player-directory-meta svg{color:#dfba42}.steam-profile-hero{background:linear-gradient(90deg,#15181f,#20242c);border:4px solid #090a0d;grid-template-columns:132px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:184px;padding:24px;display:grid;box-shadow:inset 0 0 0 2px #4b4f58,inset 0 0 30px #08090c}.steam-profile-avatar{background:#11141a;border:4px solid #090a0d;place-items:center;width:132px;height:132px;display:grid;box-shadow:0 0 0 2px #71643e,0 8px 20px #0008}.steam-profile-avatar img{object-fit:cover;width:100%;height:100%}.steam-profile-avatar svg{color:#d8c56a;width:54px;height:54px}.steam-profile-identity{min-width:0}.steam-profile-identity h2{color:#f3e9cb;letter-spacing:0;margin:6px 0 2px;font-family:Georgia,serif;font-size:2rem}.steam-profile-identity p{color:#b7bbc4;margin:0 0 8px}.steam-profile-identity code{color:#8fcaff}.steam-presence{color:#a6aab2;align-items:center;gap:7px;font-size:.78rem;font-weight:700;display:inline-flex}.steam-presence i{background:#777b82;border-radius:50%;width:8px;height:8px}.steam-presence.online{color:#76c8ff}.steam-presence.online i{background:#53b7ff;box-shadow:0 0 8px #53b7ff}.steam-profile-trust{color:#dfc557;text-align:center;border-left:1px solid #4a4e57;justify-items:center;gap:5px;min-width:180px;padding:16px;display:grid}.steam-profile-trust svg{width:28px;height:28px}.steam-profile-trust span{font-family:Georgia,serif;font-weight:700}.steam-profile-trust small{color:#9da2ac;max-width:180px}.steam-profile-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.profile-section{background:#1b1e25;border:4px solid #090a0d;box-shadow:inset 0 0 0 1px #4a4e57,inset 0 0 20px #0a0b0e}.profile-section header{color:#dfc557;border-bottom:2px solid #090a0d;align-items:center;gap:10px;min-height:56px;padding:10px 16px;display:flex}.profile-section header h3{color:#f0e4bd;letter-spacing:0;margin:0;font-family:Georgia,serif;font-size:1rem}.dota-profile-section{grid-column:1/-1}.dota-profile-section header{justify-content:space-between}.dota-profile-section header h3{margin-right:auto}.profile-sync-warning{color:#f0d98b;background:#2a2415;border-bottom:1px solid #31353d;margin:0;padding:10px 16px;font-size:.82rem}.dota-profile-empty{color:#e7e9ed;gap:6px;padding:16px;display:grid}.dota-profile-empty span{color:#aeb4bf;font-size:.84rem;line-height:1.45}.profile-field{border-bottom:1px solid #31353d;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);align-items:center;gap:16px;min-height:48px;padding:9px 16px;display:grid}.profile-field:last-child{border-bottom:0}.profile-field span{color:#9298a3;font-size:.76rem}.profile-field strong,.profile-field code{overflow-wrap:anywhere;color:#e7e9ed;text-align:right;min-width:0;font-size:.8rem}.steam-raw-profile{background:#15171c;border:4px solid #090a0d;margin-top:16px;box-shadow:inset 0 0 0 1px #42464e}.steam-raw-profile summary{color:#dfc557;cursor:pointer;padding:15px 18px;font-family:Georgia,serif;font-weight:700}.steam-raw-profile pre{color:#b9d9ff;white-space:pre-wrap;overflow-wrap:anywhere;border-top:2px solid #090a0d;max-height:420px;margin:0;padding:18px;font:.75rem/1.6 Fira Code,monospace;overflow:auto}.profile-loading{background:linear-gradient(100deg,#17191f 30%,#252932,#17191f 70%) 0 0/200% 100%;border:4px solid #090a0d;width:100%;min-height:420px;animation:1.2s linear infinite profile-loading}@keyframes profile-loading{to{background-position:-200% 0}}@media(max-width:820px){.steam-profile-hero{grid-template-columns:96px minmax(0,1fr)}.steam-profile-avatar{width:96px;height:96px}.steam-profile-trust{text-align:left;border-top:1px solid #4a4e57;border-left:0;grid-column:1/-1;justify-content:flex-start;min-width:0;display:flex}.steam-profile-grid{grid-template-columns:1fr}}@media(max-width:560px){.player-directory-row{grid-template-columns:42px 40px minmax(0,1fr) 22px}.player-directory-meta time{display:none}.steam-profile-hero{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px}.steam-profile-avatar{width:72px;height:72px}.steam-profile-identity h2{font-size:1.4rem}.dota-profile-section{grid-column:1/-1}.dota-profile-section header{justify-content:space-between}.dota-profile-section header h3{margin-right:auto}.profile-sync-warning{color:#f0d98b;background:#2a2415;border-bottom:1px solid #31353d;margin:0;padding:10px 16px;font-size:.82rem}.dota-profile-empty{color:#e7e9ed;gap:6px;padding:16px;display:grid}.dota-profile-empty span{color:#aeb4bf;font-size:.84rem;line-height:1.45}.profile-field{grid-template-columns:1fr;gap:3px}.profile-field strong,.profile-field code{text-align:left}}@media(prefers-reduced-motion:reduce){.profile-loading{animation:none}}.spin{animation:.8s linear infinite profile-spin}@keyframes profile-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}.global-chat{background:#17191f;border:5px solid #08090b;grid-template-rows:66px minmax(0,1fr);min-height:620px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #4a4e57,0 0 0 2px #252830}.chat-channel-bar{background:linear-gradient(#272a31,#15171c);border-bottom:5px solid #08090b;align-items:center;gap:12px;min-width:0;padding:7px 14px;display:flex;box-shadow:inset 0 0 0 1px #555a64}.chat-channel-label{color:#eee3c5;align-items:center;gap:9px;font-family:Georgia,serif;font-weight:700;display:flex}.chat-channel-label svg{color:#dfc557}.chat-channel{background:var(--command-normal) center / 100% 100% no-repeat;color:#f2df9a;text-shadow:0 2px 2px #000;border:0;justify-content:center;align-items:center;gap:8px;min-width:154px;min-height:46px;padding:4px 26px;font-family:Georgia,serif;font-weight:700;display:inline-flex}.chat-channel:hover,.chat-channel.active{background-image:var(--command-hover)}.chat-channel:active{background-image:var(--command-pressed);transform:translateY(1px)}.chat-channel small{color:#fff0a8;background:#080b13;border:1px solid #806d2c;place-items:center;min-width:20px;height:20px;font:.66rem Fira Code,monospace;display:grid}.chat-connection{color:#969ca7;align-items:center;gap:7px;margin-left:auto;font-size:.75rem;display:inline-flex}.chat-connection i{background:#777;border-radius:50%;width:7px;height:7px}.chat-connection.online{color:#79dda0}.chat-connection.online i{background:#57ce83;box-shadow:0 0 7px #57ce83}.chat-workspace{grid-template-columns:minmax(0,1fr) 330px;min-width:0;min-height:0;display:grid}.chat-conversation{background:radial-gradient(circle at 30% 20%,#262a33,#171920 58%,#101116);border-right:5px solid #08090b;grid-template-rows:58px minmax(0,1fr) 62px;min-width:0;min-height:0;display:grid;position:relative}.chat-conversation>header{background:#1f2229;border-bottom:3px solid #090a0d;justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;display:flex;box-shadow:inset 0 -1px #484c55}.chat-conversation>header>div{color:#f1e7c9;align-items:center;gap:8px;font-family:Georgia,serif;display:flex}.chat-conversation>header svg{color:#dfc557}.chat-conversation>header span{color:#9298a3;font-size:.75rem}.chat-messages{scrollbar-color:#555a64 #101116;min-height:0;padding:16px 20px 20px;overflow-y:auto}.chat-system-line{color:#75c9ec;margin-bottom:5px;font-size:.78rem}.chat-message{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin-top:14px;display:grid}.chat-message-avatar,.chat-user-avatar{color:#dfc557;background:#202630;border:2px solid #090a0d;place-items:center;font:.65rem Fira Code,monospace;display:grid;overflow:hidden;box-shadow:0 0 0 1px #585d67}.chat-message-avatar{width:36px;height:36px}.chat-message-avatar img,.chat-user-avatar img{object-fit:cover;width:100%;height:100%}.chat-message>div{min-width:0}.chat-message p{align-items:baseline;gap:9px;margin:0 0 2px;display:flex}.chat-message p a{color:#65c8f2;font-size:.8rem;font-weight:700}.chat-message.own p a{color:#e5c95d}.chat-message time{color:#6f7681;font:.66rem Fira Code,monospace}.chat-message>div>span{color:#e1e4e9;overflow-wrap:anywhere;white-space:pre-wrap;font-size:.88rem;line-height:1.45}.chat-composer{background:#20232a;border-top:5px solid #08090b;grid-template-columns:minmax(0,1fr) 48px;gap:8px;padding:8px 12px;display:grid;position:relative;box-shadow:inset 0 1px #50545e}.chat-composer input{color:#f3e9d2;background:#090b0f;border:3px solid #090a0d;border-radius:0;min-width:0;height:42px;padding:0 68px 0 12px;box-shadow:inset 0 0 0 1px #454a54,inset 0 2px 7px #000}.chat-composer>span{color:#656b76;font:.62rem Fira Code,monospace;position:absolute;top:22px;right:72px}.chat-send{background:var(--command-normal) center / 100% 100% no-repeat;color:#e7cf66;border:0;place-items:center;width:48px;height:42px;display:grid}.chat-send:hover{background-image:var(--command-hover)}.chat-send:active{background-image:var(--command-pressed)}.chat-send:disabled{filter:grayscale()brightness(.6)}.chat-error{color:#ff9b9b;background:#321a1aea;border:1px solid #783f3f;margin:0;padding:8px 12px;font-size:.74rem;position:absolute;bottom:66px;left:16px;right:16px}.chat-members{background:linear-gradient(#22252c,#181a20);grid-template-rows:44px 52px minmax(0,1fr);min-width:0;min-height:0;display:grid}.chat-member-tabs{border-bottom:4px solid #08090b;grid-template-columns:repeat(3,1fr);display:grid}.chat-member-tabs button{color:#e2cf82;text-shadow:0 1px 2px #000;background:linear-gradient(#292c33,#17191e);border:0;border-right:2px solid #090a0d;font-family:Georgia,serif}.chat-member-tabs button:last-child{border-right:0}.chat-member-tabs button.active{color:#ffdf68;background:linear-gradient(#37342a,#1b1b1a);box-shadow:inset 0 -2px #b17c22}.chat-member-tabs button:disabled{opacity:.5;cursor:default}.chat-members>header{color:#f0e4bd;border-bottom:2px solid #090a0d;align-items:center;gap:9px;padding:10px 14px;display:flex}.chat-members>header svg{color:#dfc557}.chat-members>header strong{font-family:Georgia,serif;font-size:.88rem}.chat-members>header span{color:#8fd4ef;margin-left:auto;font:.72rem Fira Code,monospace}.chat-user-list{min-height:0;padding:9px;overflow-y:auto}.chat-user{background:#111318;border:3px solid #090a0d;grid-template-columns:34px 34px minmax(0,1fr) 8px;align-items:center;gap:10px;min-height:52px;margin-bottom:6px;padding:6px 10px;display:grid;box-shadow:inset 0 0 0 1px #444851,0 2px 3px #000}.chat-user:hover{background:#1d2430;box-shadow:inset 0 0 0 1px #9a7926,0 2px 3px #000}.chat-user-avatar{width:34px;height:34px}.chat-user strong{color:#eceef2;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8rem;overflow:hidden}.chat-user>i{background:#57ce83;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #57ce83}.chat-user-list>p{color:#858b96;text-align:center;padding:20px 10px;font-size:.78rem}@media(max-width:1450px)and (min-width:981px){.battle-nav a{min-width:112px;padding-inline:18px}}@media(max-width:900px){.global-chat{min-height:760px}.chat-workspace{grid-template-rows:minmax(480px,1fr) 250px;grid-template-columns:1fr}.chat-conversation{border-bottom:5px solid #08090b;border-right:0}.chat-members{grid-template-rows:44px 52px 154px}.chat-user-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.chat-user{margin:0}}@media(max-width:560px){.global-chat{grid-template-rows:58px minmax(0,1fr);min-height:720px}.chat-channel-label{display:none}.chat-channel{min-width:130px}.chat-connection{font-size:0}.chat-conversation>header span{display:none}.chat-messages{padding-inline:12px}.chat-user-list{grid-template-columns:1fr}}.battle-account-profile{min-width:0;color:inherit;flex:1;align-items:center;gap:11px;padding:4px;text-decoration:none;display:flex}a.battle-account-profile:hover{background:#2b3038;box-shadow:inset 0 0 0 1px #777052}.battle-account-profile>div{flex-direction:column;min-width:0;display:flex}.battle-account-profile>div>span{color:#a6aab2;align-items:center;gap:7px;font-size:.72rem;display:flex}.battle-account-profile strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-admin-badge{color:#f4d86c;text-transform:uppercase;background:#28220f;border:1px solid #b28c2f;width:fit-content;margin-top:7px;padding:3px 9px;font:700 .66rem Fira Code,monospace;display:inline-flex}.admin-profile-panel{background:#17191f;border:5px solid #08090b;margin-top:16px;box-shadow:inset 0 0 0 2px #4b4f58,0 0 0 2px #252830}.admin-profile-panel>header{background:linear-gradient(#292c33,#17191e);border-bottom:4px solid #08090b;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 18px;display:flex}.admin-profile-panel>header>div,.admin-profile-panel>header>div>span{align-items:center;gap:12px;display:flex}.admin-profile-panel>header>div>span{flex-direction:column;align-items:flex-start;gap:1px}.admin-profile-panel h2{color:#f1e7c9;letter-spacing:0;margin:0;font-family:Georgia,serif;font-size:1.15rem}.admin-profile-panel header small{color:#dfc557;text-transform:uppercase;font:700 .66rem Fira Code,monospace}.admin-profile-panel header svg{color:#dfc557}.admin-seal{color:#e7cf66;align-items:center;gap:7px;font:700 .7rem Fira Code,monospace;display:inline-flex}.admin-preferences{background:#20232a;border-bottom:2px solid #090a0d;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.admin-preferences>div{align-items:center;gap:12px;display:flex}.admin-preferences>div svg{color:#78c8ff}.admin-preferences>div span{flex-direction:column;display:flex}.admin-preferences strong{color:#ece5cf}.admin-preferences small{color:#9298a3;font-size:.72rem}.switch-control{cursor:pointer;align-items:center;gap:9px;display:flex}.switch-control input{opacity:0;pointer-events:none;position:absolute}.switch-control>span{background:#34373d;border:2px solid #090a0d;width:46px;height:24px;position:relative;box-shadow:inset 0 0 0 1px #61656d}.switch-control>span:after{content:"";background:#a3a8b1;width:14px;height:14px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.switch-control input:checked+span{background:#152f46;box-shadow:inset 0 0 0 1px #428ac1}.switch-control input:checked+span:after{background:#70c8ff;transform:translate(22px)}.switch-control input:focus-visible+span{outline-offset:2px;outline:3px solid #69b9ff}.switch-control b{color:#d8dadd;min-width:70px;font-size:.72rem}.admin-reason{border-bottom:2px solid #090a0d;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:12px;padding:12px 18px;display:grid}.admin-reason label{color:#d5c575;font-family:Georgia,serif}.admin-reason input{color:#eceef2;background:#0a0c10;border:3px solid #090a0d;border-radius:0;min-height:42px;padding:8px 12px;box-shadow:inset 0 0 0 1px #454a54}.admin-error{color:#faa;background:#321a1a;border:1px solid #783f3f;margin:12px 18px 0;padding:10px 12px}.admin-user-list{padding:12px}.admin-user-row{background:#1d2026;border:3px solid #090a0d;grid-template-columns:42px minmax(180px,1fr) 132px 142px minmax(150px,auto);align-items:end;gap:10px;min-height:76px;margin-bottom:8px;padding:10px;display:grid;box-shadow:inset 0 0 0 1px #454952}.admin-user-avatar{color:#dfc557;background:#10141b;place-items:center;width:42px;height:42px;font:.7rem Fira Code,monospace;display:grid;overflow:hidden;box-shadow:0 0 0 1px #6b6040}.admin-user-avatar img{object-fit:cover;width:100%;height:100%}.admin-user-identity{flex-direction:column;align-self:center;gap:2px;min-width:0;display:flex}.admin-user-identity strong{color:#eceef2}.admin-user-identity code{color:#8fcaff;font-size:.68rem}.admin-user-identity small{color:#d49b89;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.admin-user-row label{color:#999fa9;gap:4px;font-size:.68rem;display:grid}.admin-user-row select{color:#ece5cf;background:#101319;border:3px solid #090a0d;border-radius:0;min-height:40px;padding:5px 8px;box-shadow:inset 0 0 0 1px #4d5159}.chat-user.admin{box-shadow:inset 0 0 0 1px #ad852b,0 2px 3px #000}.chat-user.admin strong,.chat-admin-name{color:#f0ce55!important}.chat-user strong small,.chat-admin-name small{color:#d5a92f;margin-left:7px;font:700 .55rem Fira Code,monospace}@media(max-width:1050px){.admin-user-row{grid-template-columns:42px minmax(0,1fr) 132px 142px}.admin-user-row .button{grid-column:2/-1;justify-self:end}}@media(max-width:680px){.admin-profile-panel>header,.admin-preferences{flex-direction:column;align-items:flex-start}.admin-seal{align-self:flex-start}.admin-reason{grid-template-columns:1fr}.admin-user-row{grid-template-columns:42px minmax(0,1fr);align-items:center}.admin-user-row label,.admin-user-row .button{grid-column:1/-1;width:100%}}.new-room-setup{min-height:0}.new-room-settings{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.new-room-settings .visibility-control{grid-column:1/-1}.new-room-footer{margin-top:16px;position:static}.room-invite-picker{margin-top:12px}.invite-results button{grid-template-columns:84px minmax(120px,1fr) minmax(120px,auto) 24px}@media(max-width:760px){.new-room-settings{grid-template-columns:1fr}.invite-results button{grid-template-columns:84px minmax(0,1fr) 24px}.invite-results button code{display:none}}.room-password-modal-backdrop{z-index:160;background:#000a;place-items:center;padding:18px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.room-password-modal{width:min(420px,100%);color:var(--text);background:#20232a;border:4px solid #090a0d;gap:12px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #555a63,inset 0 0 22px #111319,0 18px 42px #000c}.room-password-modal header,.room-password-modal footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.room-password-modal header strong{display:block}.room-password-modal header small{color:var(--faint)}.room-password-modal label{color:var(--muted);font-weight:800}.room-password-editor{grid-template-columns:auto minmax(180px,280px) auto auto;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:grid}.room-password-editor label{color:var(--muted);align-items:center;gap:8px;font-weight:800;display:flex}.room-password-editor input{height:40px}.room-password-editor small{color:var(--green);font-weight:800}@media(max-width:720px){.room-password-editor{grid-template-columns:1fr}.room-password-modal footer{flex-wrap:wrap;justify-content:flex-start}}.battle-main .participant-card.ready{background:linear-gradient(90deg,#173a25,#1f3f2a 48%,#20232a)!important;border-color:#4f9b63!important;box-shadow:inset 0 0 0 1px #8bdc8f77,inset 0 0 24px #102516,0 3px #07140b!important}.battle-main .participant-card.ready strong{color:#eaffdf}.battle-main .participant-card.ready small{color:#9be6b8;font-weight:800}.battle-main .participant-card.ready code{color:#bfd7c2}.battle-main .participant-card .slot-actions{flex-direction:row;justify-content:flex-end;align-items:center;gap:6px;display:flex}.battle-main .participant-card.ready .success-icon{color:#baffc7;background:#173a25!important;box-shadow:inset 0 0 0 1px #8bdc8f66!important}.room-social-layout{grid-template-columns:minmax(360px,44%) minmax(0,1fr);align-items:stretch;gap:14px;margin-bottom:16px;display:grid}.room-social-layout .room-roster{min-width:0;margin-bottom:0}.room-social-layout .participant-grid.detail{grid-template-columns:1fr;max-height:680px;overflow-y:auto}.room-chat-panel{grid-template-rows:58px minmax(0,1fr) 62px;min-width:0;min-height:620px;display:grid;position:relative;overflow:hidden}.room-chat-panel>header{background:#1f2229;border-bottom:3px solid #090a0d;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:inset 0 -1px #484c55}.room-chat-panel>header>div{color:#f1e7c9;align-items:center;gap:8px;font-family:Georgia,serif;display:flex}.room-chat-mark{color:#dfc557;background:#10131a;border:2px solid #090a0d;place-items:center;width:26px;height:26px;font-family:Fira Code,monospace;display:grid}.room-chat-messages{scrollbar-color:#555a64 #101116;background:radial-gradient(circle at 30% 20%,#262a33,#171920 58%,#101116);min-height:0;padding:16px 20px 20px;overflow-y:auto}@media(max-width:980px){.room-social-layout{grid-template-columns:1fr}.room-chat-panel{min-height:560px}.room-social-layout .participant-grid.detail{max-height:none}}.battle-main .room-social-layout{grid-template-columns:minmax(300px,36%) minmax(0,1fr);height:min(640px,100dvh - 330px);min-height:480px;overflow:hidden}.battle-main .room-social-layout .room-roster,.battle-main .room-chat-panel{height:100%;min-height:0}.battle-main .room-social-layout .participant-grid.detail{height:calc(100% - 58px);max-height:none;padding:8px;overflow-y:auto}.battle-main .room-social-layout .participant-card.empty{grid-template-columns:26px 1fr;min-height:42px}.battle-main .room-social-layout .participant-card strong{font-size:.82rem}.battle-main .room-social-layout .participant-card code,.battle-main .room-social-layout .participant-card small{font-size:.68rem}.battle-main .room-social-layout .icon-button.small{width:28px;height:28px}.battle-main .room-chat-panel{grid-template-rows:48px minmax(0,1fr) 58px;overflow:hidden}.battle-main .room-chat-messages,.battle-main .chat-messages{overscroll-behavior:contain;min-height:0;overflow-y:auto}.battle-main .global-chat{height:min(720px,100dvh - 210px);min-height:520px;overflow:hidden}.battle-main .chat-workspace,.battle-main .chat-conversation{min-height:0}@media(max-width:980px){.battle-main .room-social-layout{height:auto;min-height:0;overflow:visible}.battle-main .room-chat-panel{height:520px}.battle-main .room-social-layout .participant-grid.detail{height:auto;max-height:560px}}.battle-main .room-social-layout{grid-template-columns:minmax(360px,40%) minmax(0,1fr);height:min(700px,100dvh - 300px);min-height:560px}.battle-main .room-social-layout .participant-grid.detail{height:calc(100% - 62px);padding:10px}.battle-main .room-social-layout .participant-card{grid-template-columns:72px minmax(0,1fr) auto;gap:10px;min-height:64px;padding:9px 10px}.battle-main .room-social-layout .participant-card.empty{min-height:52px}.battle-main .room-social-layout .invite-player-avatar{gap:6px;width:72px}.battle-main .room-social-layout .invite-player-medal{flex-basis:33px;width:33px;height:33px}.battle-main .room-social-layout .invite-player-avatar .avatar{flex-basis:35px;width:35px;height:35px}.battle-main .room-social-layout .participant-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.battle-main .room-social-layout .participant-card small{font-size:.74rem}@media(max-width:980px){.battle-main .room-social-layout{height:auto;min-height:0}}@media(min-width:1200px)and (min-height:780px){.battle-main .room-social-layout{height:min(820px,100dvh - 230px);min-height:720px}.battle-main .room-social-layout .participant-grid.detail{overflow-y:hidden}.battle-main .room-social-layout .participant-card{min-height:58px;padding-block:7px}.battle-main .room-social-layout .participant-card.empty{min-height:48px}}.steam-profile-rank-line{align-items:center;gap:10px;display:flex}.steam-profile-medal{flex:0 0 46px;width:46px;height:46px}.battle-main .room-card-grid{gap:18px}.battle-main .room-card{isolation:isolate;min-height:268px;padding:30px 30px 28px;position:relative;box-shadow:none!important;background-color:#0000!important;background-image:radial-gradient(circle at 50% 0,#2b2924d9,#1c1b19f0 48%,#131416f5)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:calc(100% - 108px) calc(100% - 92px)!important;border:0!important}.battle-main .room-card:before{z-index:2;pointer-events:none;content:"";background:url(/images/login/moldura-card.png) 50%/100% 100% no-repeat;position:absolute;top:0;right:0;bottom:0;left:0}.battle-main .room-card header,.battle-main .room-card footer,.battle-main .room-card>div,.battle-main .room-card-error{z-index:1;position:relative}.battle-main .room-card header>span{color:#dfc557;background:#17202a;border:3px solid #08090c;border-radius:0;box-shadow:inset 0 0 0 1px #59606d}.battle-main .room-card h2{color:#f1e7c9;font-family:Georgia,serif;font-size:1.28rem}.battle-main .room-card p,.battle-main .room-card small{color:#a8afbb}.battle-main .room-card footer{border-top:2px solid #090a0d}.blocked-room-notice{gap:10px;max-width:760px;padding:22px;display:grid}.blocked-room-notice strong{color:#f1e7c9;font-family:Georgia,serif;font-size:1.2rem}.blocked-room-notice p{max-width:620px;color:var(--muted);margin:0 0 8px}.blocked-room-notice .button{justify-self:start}@media(max-width:560px){.battle-main .room-card{min-height:318px;padding:54px 42px 52px;background-size:calc(100% - 78px) calc(100% - 86px)!important}.battle-main .room-card footer{flex-direction:column;align-items:flex-start}}.battle-main .room-card>div:not(.room-password-modal-backdrop){align-self:center;padding-inline:8px}.battle-main .room-card footer>span{min-width:max-content}@media(max-width:760px){.battle-main .room-card{min-height:340px;padding:76px 58px 66px;background-size:calc(100% - 104px) calc(100% - 118px)!important}}.battle-main .room-card{background-image:radial-gradient(circle at 50% 0,#352b20,#28221b 48%,#181612)!important;background-size:calc(100% - 164px) calc(100% - 128px)!important;min-height:306px!important;padding:76px 92px 68px!important}.battle-main .room-card header,.battle-main .room-card>div:not(.room-password-modal-backdrop),.battle-main .room-card footer{padding-inline:0!important}.battle-main .room-card footer{margin-top:10px!important;padding-top:18px!important}.battle-main .room-card footer .button{margin-right:10px!important}@media(max-width:760px){.battle-main .room-card{background-size:calc(100% - 116px) calc(100% - 128px)!important;min-height:330px!important;padding:76px 64px 68px!important}}.battle-main .room-card{background-image:radial-gradient(circle at 50% 0,#3a3024,#272017 46%,#15120e),linear-gradient(#2a231a,#15120e)!important;background-position:50%,50%!important;background-repeat:no-repeat,no-repeat!important;background-size:calc(100% - 218px) calc(100% - 168px),calc(100% - 218px) calc(100% - 168px)!important;grid-template-rows:92px minmax(0,1fr) 104px!important;gap:0!important;min-height:430px!important;padding:92px 126px 88px!important;display:grid!important}.battle-main .room-card header{align-items:start!important;padding:0!important}.battle-main .room-card header>span{color:#e0bd5c!important;background:linear-gradient(#1b2430,#111820)!important;border:4px solid #08090c!important;width:78px!important;height:78px!important;box-shadow:inset 0 0 0 2px #5c5a50,0 0 0 1px #974,0 8px 18px #0009!important}.battle-main .room-card header>span svg{filter:drop-shadow(0 1px 2px #000);width:34px!important;height:34px!important}.battle-main .room-card .status-badge{color:#f3d271!important;text-transform:uppercase!important;background:linear-gradient(#202834,#111722)!important;border:3px solid #07080b!important;border-radius:0!important;justify-content:center!important;min-width:138px!important;min-height:52px!important;font-family:Georgia,serif!important;font-size:1rem!important;box-shadow:inset 0 0 0 2px #49483f,0 0 0 1px #8a6a35,0 8px 18px #0008!important}.battle-main .room-card .status-badge>span{background:#dfbd52;width:10px;height:10px;position:absolute;top:8px;right:8px;box-shadow:0 0 8px #dfbd52}.battle-main .room-card>div:not(.room-password-modal-backdrop){align-self:center!important;padding:0!important}.battle-main .room-card small{text-shadow:0 2px 3px #000;color:#dcc383!important;font-family:Georgia,serif!important;font-size:1.28rem!important}.battle-main .room-card h2{color:#f4d38a!important;text-shadow:0 2px 2px #000,0 0 10px #b8872b66!important;margin:8px 0 10px!important;font-family:Georgia,serif!important;font-size:clamp(2.4rem,4.8vw,4.5rem)!important;line-height:1!important}.battle-main .room-card p{text-shadow:0 2px 3px #000;color:#d9d4c9!important;margin:0!important;font-family:Georgia,serif!important;font-size:clamp(1.08rem,1.7vw,1.7rem)!important}.battle-main .room-card footer{border-top:2px solid #7f673799!important;grid-template-columns:minmax(210px,1fr) minmax(280px,38%)!important;align-self:end!important;align-items:center!important;gap:22px!important;margin:0!important;padding:22px 0 0!important;display:grid!important;box-shadow:inset 0 1px #080706!important}.battle-main .room-card footer>span{text-shadow:0 2px 3px #000;color:#e0d3bd!important;min-width:0!important;font-family:Georgia,serif!important;font-size:clamp(1.05rem,1.5vw,1.45rem)!important}.battle-main .room-card footer>span svg{color:#c9aa5e!important;width:28px!important;height:28px!important}.battle-main .room-card footer .button{color:#ffe1a2!important;text-shadow:0 2px 3px #000!important;justify-self:end!important;width:100%!important;min-height:66px!important;margin:0!important;font-family:Georgia,serif!important;font-size:clamp(1.05rem,1.55vw,1.6rem)!important}.battle-main .room-card footer .button svg{color:#e1bc55!important;width:30px!important;height:30px!important}@media(max-width:900px){.battle-main .room-card{background-size:calc(100% - 122px) calc(100% - 132px),calc(100% - 122px) calc(100% - 132px)!important;grid-template-rows:72px minmax(0,1fr) auto!important;min-height:390px!important;padding:76px 66px 68px!important}.battle-main .room-card header>span{width:58px!important;height:58px!important}.battle-main .room-card header>span svg{width:26px!important;height:26px!important}.battle-main .room-card .status-badge{min-width:112px!important;min-height:42px!important;font-size:.78rem!important}.battle-main .room-card footer{grid-template-columns:1fr!important;gap:12px!important}.battle-main .room-card footer .button{justify-self:stretch!important}}.battle-main .room-card-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important;gap:18px!important}.battle-main .room-card{background-size:calc(100% - 104px) calc(100% - 92px),calc(100% - 104px) calc(100% - 92px)!important;grid-template-rows:52px minmax(0,1fr) 64px!important;min-height:248px!important;padding:50px 58px 48px!important}.battle-main .room-card header>span{border-width:3px!important;width:44px!important;height:44px!important}.battle-main .room-card header>span svg{width:20px!important;height:20px!important}.battle-main .room-card .status-badge{min-width:84px!important;min-height:32px!important;padding-inline:8px!important;font-size:.66rem!important}.battle-main .room-card .status-badge>span{width:7px!important;height:7px!important;top:5px!important;right:5px!important}.battle-main .room-card small{font-size:.86rem!important}.battle-main .room-card h2{margin:4px 0 5px!important;font-size:clamp(1.45rem,2.2vw,2.2rem)!important}.battle-main .room-card p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:clamp(.82rem,1.1vw,1.05rem)!important}.battle-main .room-card footer{grid-template-columns:minmax(0,1fr) minmax(170px,42%)!important;gap:10px!important;padding-top:12px!important}.battle-main .room-card footer>span{font-size:.86rem!important}.battle-main .room-card footer>span svg{width:20px!important;height:20px!important}.battle-main .room-card footer .button{min-height:42px!important;font-size:.88rem!important}.battle-main .room-card footer .button svg{width:18px!important;height:18px!important}@media(min-width:1500px){.battle-main .room-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:760px){.battle-main .room-card-grid{grid-template-columns:1fr!important}.battle-main .room-card{background-size:calc(100% - 82px) calc(100% - 92px),calc(100% - 82px) calc(100% - 92px)!important;grid-template-rows:48px minmax(0,1fr) auto!important;min-height:278px!important;padding:52px 46px 48px!important}.battle-main .room-card footer{grid-template-columns:1fr!important}}.battle-main .room-card{background-size:calc(100% - 150px) calc(100% - 122px),calc(100% - 150px) calc(100% - 122px)!important;min-height:286px!important;padding:66px 86px!important}.battle-main .room-card header{padding-inline:0!important}.battle-main .room-card header>span{margin-left:2px!important}.battle-main .room-card .status-badge{margin-right:2px!important}.battle-main .room-card footer{grid-template-columns:minmax(0,1fr) minmax(150px,34%)!important;padding-top:14px!important}.battle-main .room-card footer>span{padding-left:4px!important}.battle-main .room-card footer .button{justify-self:center!important;max-width:190px!important}@media(max-width:760px){.battle-main .room-card{background-size:calc(100% - 128px) calc(100% - 132px),calc(100% - 128px) calc(100% - 132px)!important;min-height:308px!important;padding:68px 70px 70px!important}.battle-main .room-card footer .button{max-width:none!important}}.battle-main .room-card{background-color:#0000!important;background-image:none!important}.battle-main .room-card:after{z-index:0;content:"";background:radial-gradient(circle at 35% 12%,#3a3024,#2b2319 44%,#17140f),linear-gradient(#2b241a,#17130e);position:absolute;top:34px;right:48px;bottom:36px;left:48px;box-shadow:inset 0 0 46px #050403aa,inset 0 0 0 1px #5e4b2a66}.battle-main .room-card header,.battle-main .room-card>div:not(.room-password-modal-backdrop),.battle-main .room-card footer,.battle-main .room-card-error{z-index:2!important}.battle-main .room-card:before{z-index:3!important}@media(max-width:760px){.battle-main .room-card:after{top:34px;right:38px;bottom:36px;left:38px}}.battle-main .room-card:after{top:24px!important;right:38px!important;bottom:26px!important;left:38px!important}.battle-main .room-card footer .button,.battle-main .room-card footer .button:hover,.battle-main .room-card footer .button:focus-visible{filter:none!important;background-color:#0000!important;background-image:url(/images/login/normal-button.png)!important}.battle-main .room-card footer .button:active{background-image:url(/images/login/normal-button.png)!important;transform:none!important}@media(max-width:760px){.battle-main .room-card:after{top:24px!important;right:28px!important;bottom:26px!important;left:28px!important}}.battle-main .room-card footer{grid-template-columns:minmax(0,1fr) minmax(210px,40%)!important}.battle-main .room-card footer .button{filter:none!important;background-color:#0000!important;background-image:url(/images/login/normal-button.png)!important;min-width:210px!important;max-width:230px!important;padding-inline:24px!important}.battle-main .room-card footer .button:hover,.battle-main .room-card footer .button:focus-visible{filter:brightness(1.08)!important;background-color:#0000!important;background-image:url(/images/login/hover-button.png)!important}.battle-main .room-card footer .button:active{filter:brightness(.94)!important;background-color:#0000!important;background-image:url(/images/login/pressed-button.png)!important;transform:translateY(1px)!important}@media(max-width:760px){.battle-main .room-card footer .button{width:100%!important;max-width:none!important}}.battle-main .room-card.room-card-2{color:#e8edf4!important;grid-template-rows:50px minmax(0,1fr) 58px!important;min-height:258px!important;padding:58px 72px 56px!important}.battle-main .room-card.room-card-2:after{background:linear-gradient(#171b21,#11151a 52%,#0d1116)!important;top:28px!important;right:34px!important;bottom:30px!important;left:34px!important;box-shadow:inset 0 0 34px #05070acc,inset 0 0 0 1px #343b46aa!important}.battle-main .room-card.room-card-2 header{align-self:start!important}.battle-main .room-card.room-card-2 header>span{color:#d3b84b!important;background:#111821!important;border:2px solid #68717d!important;width:38px!important;height:38px!important;margin:0!important;box-shadow:inset 0 0 0 1px #0a0d12,0 0 0 1px #1f2630!important}.battle-main .room-card.room-card-2 .status-badge{color:#f0d65f!important;text-shadow:0 1px 2px #000!important;background:#111821!important;border:2px solid #626a74!important;min-width:78px!important;min-height:30px!important;margin:0!important;font-family:Georgia,serif!important;font-size:.62rem!important;box-shadow:inset 0 0 0 1px #0a0d12!important}.battle-main .room-card.room-card-2>div:not(.room-password-modal-backdrop){align-self:center!important}.battle-main .room-card.room-card-2 small{color:#b8c2cf!important;text-shadow:none!important;font-family:Fira Sans,system-ui,sans-serif!important;font-size:.78rem!important}.battle-main .room-card.room-card-2 p{color:#d7e3f3!important;text-shadow:0 1px 2px #000!important;font-family:Fira Sans,system-ui,sans-serif!important;font-size:.94rem!important}.battle-main .room-card.room-card-2 footer{border-top:1px solid #2d333c!important;grid-template-columns:minmax(0,1fr) minmax(220px,38%)!important;align-self:end!important;gap:14px!important;padding-top:12px!important;box-shadow:inset 0 1px #05070a!important}.battle-main .room-card.room-card-2 footer>span{color:#b8c2cf!important;text-shadow:none!important;font-family:Fira Sans,system-ui,sans-serif!important;font-size:.84rem!important}.battle-main .room-card.room-card-2 footer .button{color:#ffe6a4!important;text-shadow:0 2px 2px #000!important;justify-self:end!important;min-width:220px!important;max-width:240px!important;min-height:44px!important;padding-inline:28px!important;font-family:Georgia,serif!important;font-size:.92rem!important}@media(max-width:760px){.battle-main .room-card.room-card-2{min-height:292px!important;padding:60px 58px 58px!important}.battle-main .room-card.room-card-2 footer{grid-template-columns:1fr!important}.battle-main .room-card.room-card-2 footer .button{justify-self:stretch!important;width:100%!important;max-width:none!important}}.battle-main .room-card.room-card-2{color:#eef3f6!important;background:linear-gradient(#21252df5,#14171dfa)!important;border:4px solid #090a0d!important;border-radius:0!important;grid-template-rows:46px minmax(0,1fr) 58px!important;gap:12px!important;min-height:226px!important;padding:20px!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px #555a63,inset 0 0 24px #101319,0 3px #050608!important}.battle-main .room-card.room-card-2:before,.battle-main .room-card.room-card-2:after{content:none!important;background:0 0!important;display:none!important}.battle-main .room-card.room-card-2 header,.battle-main .room-card.room-card-2>div:not(.room-password-modal-backdrop),.battle-main .room-card.room-card-2 footer,.battle-main .room-card.room-card-2 .room-card-error{z-index:1!important;position:relative!important}.battle-main .room-card.room-card-2 header{justify-content:space-between!important;align-self:start!important;align-items:center!important;gap:12px!important;display:flex!important}.battle-main .room-card.room-card-2 header>span{color:#e4c94e!important;background:#161a21!important;border:3px solid #08090c!important;border-radius:0!important;place-items:center!important;width:40px!important;height:40px!important;margin:0!important;display:grid!important;box-shadow:inset 0 0 0 2px #313640,inset 0 0 10px #050610,0 0 0 1px #5f636a!important}.battle-main .room-card.room-card-2 header>span svg{width:18px!important;height:18px!important}.battle-main .room-card.room-card-2 .status-badge{color:#d8c75a!important;min-width:auto!important;min-height:28px!important;text-shadow:none!important;background:#171b22!important;border:1px solid #454b55!important;border-radius:0!important;margin:0!important;padding:4px 10px!important;font-family:Fira Sans,system-ui,sans-serif!important;font-size:.68rem!important;box-shadow:inset 0 0 0 1px #090b0f!important}.battle-main .room-card.room-card-2>div:not(.room-password-modal-backdrop){align-self:center!important;min-width:0!important;padding:0!important}.battle-main .room-card.room-card-2 small{color:#9da8b4!important;text-shadow:none!important;font-family:Fira Sans,system-ui,sans-serif!important;font-size:.78rem!important;font-weight:600!important}.battle-main .room-card.room-card-2 h2{color:#f5f0dc!important;text-shadow:0 2px 2px #000!important;margin:4px 0 6px!important;font-family:Georgia,serif!important;font-size:1.55rem!important;line-height:1.1!important}.battle-main .room-card.room-card-2 p{color:#cdd7e2!important;white-space:nowrap!important;text-overflow:ellipsis!important;text-shadow:none!important;margin:0!important;font-family:Fira Sans,system-ui,sans-serif!important;font-size:.94rem!important;overflow:hidden!important}.battle-main .room-card.room-card-2 footer{border-top:1px solid #313741!important;grid-template-columns:minmax(0,1fr) auto!important;align-self:end!important;align-items:center!important;gap:14px!important;margin:0!important;padding-top:14px!important;display:grid!important;box-shadow:inset 0 1px #07090d!important}.battle-main .room-card.room-card-2 footer>span{color:#b8c2cf!important;min-width:0!important;text-shadow:none!important;font-family:Fira Sans,system-ui,sans-serif!important;font-size:.86rem!important}.battle-main .room-card.room-card-2 footer>span svg{color:#e4c94e!important;width:18px!important;height:18px!important}.battle-main .room-card.room-card-2 footer .button{color:#ffe6a4!important;text-shadow:0 2px 2px #000!important;justify-self:end!important;width:auto!important;min-width:224px!important;max-width:none!important;min-height:46px!important;padding-inline:34px!important;font-family:Georgia,serif!important;font-size:.95rem!important}.battle-main .room-card.room-card-2 footer .button svg{width:18px!important;height:18px!important}@media(max-width:760px){.battle-main .room-card.room-card-2{min-height:248px!important;padding:18px!important}.battle-main .room-card.room-card-2 footer{grid-template-columns:1fr!important}.battle-main .room-card.room-card-2 footer .button{justify-self:stretch!important;width:100%!important;min-width:0!important}}.battle-main .room-card.room-card-2 header>.status-badge{white-space:nowrap!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:7px!important;width:auto!important;min-width:0!important;height:auto!important;min-height:28px!important;padding:4px 10px!important;display:inline-flex!important}.battle-main .room-card.room-card-2 header>.status-badge>span{background:currentColor!important;border-radius:999px!important;flex:0 0 7px!important;width:7px!important;height:7px!important;margin:0!important;display:block!important;position:static!important;box-shadow:0 0 8px!important}.room-password-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2200!important;background:#000000b8!important}.room-password-modal{background:linear-gradient(#242832,#171b22)!important;border:4px solid #090a0d!important;border-radius:0!important;gap:14px!important;width:min(440px,100vw - 36px)!important;padding:18px!important;box-shadow:inset 0 0 0 1px #555a63,inset 0 0 24px #101319,0 24px 64px #000d!important}.room-password-modal header{border-bottom:1px solid #313741!important;min-height:48px!important;padding-bottom:12px!important}.room-password-modal header strong{color:#f5f0dc!important;text-shadow:0 2px 2px #000!important;font-family:Georgia,serif!important;font-size:1.2rem!important}.room-password-modal header small,.room-password-modal label{color:#b8c2cf!important}.room-password-modal input{color:#eef3f6!important;background:#10141a!important;border:3px solid #08090c!important;border-radius:0!important;min-height:46px!important;box-shadow:inset 0 0 0 1px #3b424d,inset 0 0 14px #05070a!important}.room-password-modal footer{justify-content:flex-end!important;padding-top:4px!important}.room-password-modal .button,.room-password-modal button.button,.room-password-modal a.button,.room-password-modal .icon-button{color:#ffe6a4!important;text-shadow:0 2px 2px #000!important;min-height:46px!important;box-shadow:none!important;background-color:#0000!important;background-image:url(/images/login/normal-button.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important;border:0!important;border-radius:0!important;gap:8px!important;font-family:Georgia,serif!important;font-weight:700!important;transition:filter .12s,transform 80ms!important}.room-password-modal .button{min-width:132px!important;padding-inline:26px!important}.room-password-modal .icon-button{width:42px!important;padding:0!important}.room-password-modal .button:hover,.room-password-modal button.button:hover,.room-password-modal a.button:hover,.room-password-modal .icon-button:hover,.room-password-modal .button:focus-visible,.room-password-modal .icon-button:focus-visible{filter:brightness(1.08)!important;background-color:#0000!important;background-image:url(/images/login/hover-button.png)!important}.room-password-modal .button:active,.room-password-modal button.button:active,.room-password-modal a.button:active,.room-password-modal .icon-button:active{filter:brightness(.94)!important;background-color:#0000!important;background-image:url(/images/login/pressed-button.png)!important;transform:translateY(1px)!important}.room-password-modal .button:disabled{filter:grayscale(.55)brightness(.72)!important;opacity:.58!important}.room-password-modal .button svg,.room-password-modal .icon-button svg{color:#e4c94e!important;width:18px!important;height:18px!important}@media(max-width:520px){.room-password-modal footer{grid-template-columns:1fr!important;display:grid!important}.room-password-modal .button{width:100%!important}}.room-password-editor-action{align-items:center;gap:12px;margin:0 0 12px;display:flex}.room-password-editor-action small{color:var(--green);font-weight:800}@media(max-width:720px){.room-password-editor-action{flex-direction:column;align-items:stretch}.room-password-editor-action .button{width:100%}}.room-password-editor-action{justify-content:flex-end!important}.room-password-editor-action .button{min-width:250px!important;padding-inline:42px!important}@media(max-width:720px){.room-password-editor-action .button{min-width:0!important;padding-inline:30px!important}}.room-cancel-notice{color:#eef3f6;background:linear-gradient(#242832,#171b22);border:4px solid #090a0d;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;margin:0 0 14px;padding:14px 16px;display:grid;box-shadow:inset 0 0 0 1px #555a63,inset 0 0 24px #101319,0 3px #050608}.room-cancel-notice>span{color:#e4c94e;place-items:center;width:42px;height:42px;display:grid}.room-cancel-notice strong{color:#f5f0dc;text-shadow:0 2px 2px #000;font-family:Georgia,serif;font-size:1.05rem;display:block}.room-cancel-notice p{color:#b8c2cf;margin:3px 0 0;font-size:.86rem}.room-cancel-modal-backdrop{z-index:2300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000c2;place-items:center;padding:18px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.room-cancel-modal{color:#eef3f6;text-align:center;background:linear-gradient(#242832,#171b22);border:4px solid #090a0d;justify-items:center;gap:12px;width:min(420px,100vw - 36px);padding:28px 24px;display:grid;box-shadow:inset 0 0 0 1px #555a63,inset 0 0 24px #101319,0 24px 64px #000d}.room-cancel-modal>span{color:#e4c94e;place-items:center;width:52px;height:52px;display:grid}.room-cancel-modal svg{width:30px;height:30px}.room-cancel-modal strong{color:#f5f0dc;text-shadow:0 2px 2px #000;font-family:Georgia,serif;font-size:1.35rem}.room-cancel-modal p{color:#b8c2cf;max-width:330px;margin:0;font-size:.92rem;line-height:1.45}img,video,canvas,svg{max-width:100%}.battle-main,.battle-main *,.battle-header,.battle-header *{min-width:0}.battle-main{overflow-x:hidden}.battle-main .page-header,.battle-main .surface-header,.battle-main .command-bar,.battle-main .form-footer,.battle-main .page-actions{flex-wrap:wrap}.battle-main .button,.battle-main a.button,.battle-main button.button{text-align:center;white-space:normal;max-width:100%}.battle-main .responsive-table,.battle-main .table-surface{max-width:100%;overflow-x:auto}.battle-main table{min-width:680px}@media(max-width:1280px){.battle-header{grid-template-rows:86px 58px;grid-template-columns:minmax(220px,1fr) minmax(420px,1.5fr) minmax(220px,.9fr);min-height:144px}.battle-title{align-items:center;padding-right:190px}.battle-title strong{font-size:clamp(1.7rem,3vw,2.6rem)}.battle-title .battle-logo{width:150px;height:150px;right:24px}.battle-account{padding-inline:10px}.battle-account-profile{gap:8px}.battle-account-medal,.battle-account-avatar{flex-basis:34px;width:34px;height:34px}.battle-textured-command{min-width:72px!important;padding-inline:14px!important}.battle-main .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-main .dashboard-grid,.battle-main .two-column{grid-template-columns:1fr}.battle-main .room-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.battle-main .room-social-layout{grid-template-columns:minmax(320px,42%) minmax(0,1fr);height:auto;min-height:0;overflow:visible}.battle-main .room-social-layout .participant-grid.detail{height:auto;max-height:620px;overflow-y:auto}.battle-main .room-chat-panel{height:620px;min-height:0}}@media(max-width:980px){.battle-main{padding:0 10px 18px}.battle-main .page-header{flex-direction:column;align-items:flex-start;gap:12px}.battle-main .page-header>div,.battle-main .page-header .page-actions{width:100%}.battle-main .page-actions,.battle-main .command-bar,.battle-main .form-footer{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:100%;display:grid}.battle-main .page-actions .button,.battle-main .command-bar .button,.battle-main .form-footer .button,.battle-main .command-bar .icon-button{width:100%}.battle-main .form-footer>div{text-align:left;grid-column:1/-1}.battle-main .settings-bar,.battle-main .room-settings,.battle-main .new-room-settings,.battle-main .visibility-control{grid-template-columns:1fr}.battle-main .match-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-main .room-social-layout,.battle-main .chat-workspace{grid-template-columns:1fr!important}.battle-main .room-social-layout .participant-grid.detail{max-height:none}.battle-main .room-chat-panel,.battle-main .global-chat{height:auto;min-height:0}.battle-main .room-chat-panel{grid-template-rows:auto minmax(320px,54dvh) auto}.battle-main .chat-conversation{min-height:560px}.battle-main .chat-messages{min-height:320px;max-height:54dvh}.battle-main .chat-members{max-height:340px}.battle-main .room-card-grid{grid-template-columns:1fr!important}.battle-main .room-card.room-card-2{min-height:220px!important}}@media(max-width:760px){html,body{min-width:0}.battle-header{border-width:5px;align-items:center;gap:6px;min-height:68px;padding:6px;display:flex;position:sticky}.battle-title{flex:auto;min-height:52px;margin:0;padding:8px 58px 8px 12px}.battle-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.05rem,6vw,1.35rem);overflow:hidden}.battle-title-small,.battle-subtitle{display:none!important}.battle-title .battle-logo{width:74px;height:74px;right:4px}.battle-account{display:none}.battle-menu-button{color:#e3c74f;background:#191b21;border:3px solid #090a0d;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.battle-nav{z-index:95;border:5px solid #08090b;grid-template-columns:1fr 1fr;gap:8px;max-height:calc(100dvh - 82px);padding:10px;display:none;position:fixed;top:66px;left:8px;right:8px;overflow-y:auto}.battle-nav.is-open{display:grid}.battle-nav a{min-width:0;min-height:54px;padding-inline:8px}.battle-nav-backdrop{z-index:90;background:#000a;border:0;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.battle-main{min-height:calc(100dvh - 68px);padding-inline:6px}.battle-main .page-header{margin-inline:0;padding:12px}.battle-main .page-header h1{font-size:1.25rem}.battle-main .page-actions,.battle-main .command-bar,.battle-main .form-footer,.battle-main .metrics-grid,.battle-main .match-summary,.battle-main .participant-grid{grid-template-columns:1fr}.battle-main .surface-header{flex-direction:column;align-items:flex-start;min-height:0;padding:12px}.battle-main .data-row,.battle-main .player-directory-row{grid-template-columns:42px minmax(0,1fr);gap:10px}.battle-main .player-directory-medal-slot,.battle-main .player-directory-meta,.battle-main .data-row>.status-badge,.battle-main .data-row>time{grid-column:1/-1}.battle-main .player-directory-meta{justify-content:flex-start}.battle-main .room-card.room-card-2{grid-template-rows:auto minmax(0,1fr) auto!important;gap:14px!important;padding:16px!important}.battle-main .room-card.room-card-2 footer{grid-template-columns:1fr!important}.battle-main .room-card.room-card-2 footer .button{width:100%!important;min-width:0!important;padding-inline:24px!important}.battle-main .room-card.room-card-2 p{white-space:normal!important}.battle-main .room-social-layout .participant-card{grid-template-columns:64px minmax(0,1fr)}.battle-main .room-social-layout .participant-card .slot-actions{grid-column:1/-1;justify-content:flex-end}.battle-main .room-chat-panel{grid-template-rows:auto minmax(300px,52dvh) auto}.battle-main .room-chat-panel>header,.battle-main .chat-conversation>header,.battle-main .chat-channel-bar{flex-direction:column;align-items:flex-start}.battle-main .chat-composer{grid-template-columns:minmax(0,1fr) 44px}.battle-main .chat-composer>span{display:none}.battle-main .chat-message{grid-template-columns:42px minmax(0,1fr)}.battle-main .chat-message-identity{width:42px}.battle-main .chat-message-medal,.battle-main .chat-message-avatar{width:32px;height:32px}.room-invite-stack,.room-response-toast,.toast{width:auto;max-width:none;left:8px;right:8px}.room-invite-toast{grid-template-columns:28px minmax(0,1fr)}.room-invite-actions{grid-column:1/-1;justify-content:flex-end}}@media(max-width:480px){.battle-main{padding-inline:4px}.battle-nav{grid-template-columns:1fr}.battle-main .button,.battle-main a.button,.battle-main button.button{font-size:.86rem;min-height:48px!important;padding-inline:18px!important}.battle-main .metric,.battle-main .surface,.battle-main .room-card.room-card-2{border-width:3px!important}.battle-main .metric{min-height:96px;padding:12px}.battle-main .metric strong{font-size:1.35rem}.battle-main .match-summary>div{min-height:62px;padding:10px 12px}.battle-main .room-social-layout .participant-card{grid-template-columns:56px minmax(0,1fr);min-height:58px;padding:8px}.battle-main .room-social-layout .invite-player-avatar{width:56px}.battle-main .room-social-layout .invite-player-medal,.battle-main .room-social-layout .invite-player-avatar .avatar{flex-basis:26px;width:26px;height:26px}.battle-main .room-password-editor-action .button{width:100%}.room-password-modal{width:calc(100vw - 20px)!important;padding:14px!important}.room-password-modal header,.room-password-modal footer{grid-template-columns:1fr!important;align-items:stretch!important;display:grid!important}.room-password-modal header .icon-button{justify-self:end}.room-cancel-notice{grid-template-columns:1fr}}@media(min-width:761px)and (max-width:1100px){.battle-header{z-index:120!important;grid-template-rows:76px 56px!important;grid-template-columns:minmax(0,1fr) minmax(248px,320px)!important;min-height:132px!important}.battle-title{grid-area:1/1!important;align-items:center!important;gap:10px!important;padding:12px 106px 12px 18px!important}.battle-title strong{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;font-size:clamp(1.45rem,3.1vw,2rem)!important;overflow:hidden!important}.battle-title .battle-logo{width:94px!important;height:94px!important;right:10px!important}.battle-title-small,.battle-subtitle{display:none!important}.battle-account{grid-area:1/2!important;gap:8px!important;min-width:0!important;padding:9px 10px!important}.battle-account-profile{gap:8px!important;overflow:hidden!important}.battle-account-medal,.battle-account-avatar{flex-basis:32px!important;width:32px!important;height:32px!important}.battle-account small{font-size:.68rem!important}.battle-account strong{white-space:nowrap!important;max-width:120px!important;font-size:.86rem!important}.battle-account-profile>div>span{font-size:.66rem!important}.battle-textured-command{min-width:58px!important;min-height:42px!important;padding:4px 12px!important}.battle-textured-command span{display:none!important}.battle-nav{z-index:121!important;grid-area:2/1/auto/-1!important;justify-content:flex-start!important;padding-inline:12px!important;overflow-x:auto!important}.battle-nav a{min-width:110px!important;min-height:48px!important;padding-inline:16px!important}}@media(max-width:760px){.battle-header{z-index:140!important}.battle-menu-button{z-index:145!important;pointer-events:auto!important;position:relative!important}.battle-nav{z-index:150!important;pointer-events:auto!important}.battle-nav.is-open{display:grid!important}.battle-nav a{z-index:151!important;pointer-events:auto!important;position:relative!important}.battle-nav-backdrop{z-index:100!important}}@media(min-width:1101px){.battle-header{grid-template-columns:minmax(260px,1.05fr) minmax(420px,1.55fr) minmax(360px,.95fr)!important}.battle-account{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;min-width:0!important;padding:10px 12px!important;display:grid!important}.battle-account-profile{min-width:0!important;overflow:hidden!important}.battle-account-profile>div{min-width:0!important}.battle-account-profile strong{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;display:block!important;overflow:hidden!important}.battle-account-medal,.battle-account-avatar{flex:0 0 40px!important;width:40px!important;height:40px!important}.battle-textured-command{white-space:nowrap!important;flex:none!important;width:auto!important;min-width:74px!important;padding-inline:16px!important}}@media(min-width:1281px){.battle-header{grid-template-columns:minmax(280px,1.1fr) minmax(520px,1.7fr) minmax(410px,.95fr)!important}.battle-account-profile strong{font-size:.94rem!important}.battle-textured-command{min-width:86px!important;padding-inline:20px!important}}.ranking-board{overflow:hidden;border-width:4px!important}.ranking-hero{background:radial-gradient(circle at 18% 18%,#3768c23d,#0000 34%),linear-gradient(#242832,#171b22);border-bottom:4px solid #090a0d;justify-content:space-between;align-items:center;gap:18px;min-height:96px;padding:18px 20px;display:flex;box-shadow:inset 0 0 0 1px #555a63,inset 0 -18px 34px #0a0c11}.ranking-hero>div{align-items:center;gap:14px;min-width:0;display:flex}.ranking-hero>div>span{color:#e4c94e;background:#111821;border:3px solid #08090c;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid;box-shadow:inset 0 0 0 2px #313640,inset 0 0 14px #050610,0 0 0 1px #656870}.ranking-hero h2{color:#f5f0dc;text-shadow:0 2px 2px #000;margin:0;font-family:Georgia,serif;font-size:clamp(1.25rem,2.4vw,1.85rem)}.ranking-hero p{color:#b8c2cf;margin:4px 0 0}.ranking-hero>strong{color:#e4c94e;background:#111821;border:2px solid #08090c;flex:none;align-items:center;gap:8px;min-height:38px;padding:6px 12px;font-family:Georgia,serif;display:inline-flex;box-shadow:inset 0 0 0 1px #4c515a}.ranking-podium{background:linear-gradient(#15181f,#101218);border-bottom:3px solid #090a0d;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.ranking-list{gap:8px;padding:12px;display:grid}.ranking-row{color:#edf1f4;background:linear-gradient(#20232a,#181b22);border:3px solid #090a0d;grid-template-columns:58px 54px 48px minmax(0,1fr) minmax(110px,auto) 28px;align-items:center;gap:12px;min-height:74px;padding:10px 12px;transition:filter .14s,transform 90ms;display:grid;position:relative;box-shadow:inset 0 0 0 1px #515761,inset 0 0 20px #101319,0 2px #050608}.ranking-row:hover{filter:brightness(1.08)}.ranking-row:active{transform:translateY(1px)}.ranking-row-featured{background:radial-gradient(circle at 24% 18%,#1c4bae59,#0000 36%),linear-gradient(#252a34,#151922);grid-template-columns:54px 72px 58px minmax(0,1fr);grid-template-areas:"pos medal avatar player""pos medal avatar mmr";align-items:center;min-height:118px}.ranking-row-featured:first-child{border-color:#1b1630;box-shadow:inset 0 0 0 1px #806b2c,inset 0 0 26px #19120a,0 2px #050608}.ranking-position{color:#e4c94e;text-align:center;font-family:Fira Code,monospace;font-size:.92rem;font-weight:800}.ranking-medal{justify-self:center;width:54px;height:54px}.ranking-avatar{color:#dfc557;background:#11141a;border:3px solid #090a0d;place-items:center;width:48px;height:48px;font-family:Georgia,serif;font-weight:800;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #676150}.ranking-avatar img{object-fit:cover;width:100%;height:100%}.ranking-player{flex-direction:column;min-width:0;display:flex}.ranking-player strong{color:#f5f0dc;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 2px #000;font-family:Georgia,serif;font-size:1.05rem;overflow:hidden}.ranking-player small{color:#b8c2cf;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-mmr{color:#e4c94e;justify-items:end;gap:2px;font-family:Fira Code,monospace;display:grid}.ranking-mmr small{color:#8f98a6;font-family:Fira Sans,system-ui,sans-serif;font-size:.66rem;font-weight:800}.ranking-mmr strong{color:#f4df82;font-size:1.08rem}.ranking-award{color:#e4c94e}.ranking-row-featured .ranking-position{grid-area:pos;font-size:1.1rem}.ranking-row-featured .ranking-medal{grid-area:medal;width:72px;height:72px}.ranking-row-featured .ranking-avatar{grid-area:avatar;width:58px;height:58px}.ranking-row-featured .ranking-player{grid-area:player;align-self:end}.ranking-row-featured .ranking-mmr{grid-area:mmr;align-self:start;justify-items:start}.ranking-row-featured .ranking-award{position:absolute;top:12px;right:12px}@media(max-width:980px){.ranking-podium{grid-template-columns:1fr}.ranking-row-featured{min-height:96px}}@media(max-width:680px){.ranking-hero{flex-direction:column;align-items:flex-start}.ranking-hero>strong{justify-content:center;width:100%}.ranking-row{grid-template-columns:44px 46px minmax(0,1fr) minmax(86px,auto);grid-template-areas:"pos medal player mmr""pos avatar player mmr";gap:8px;min-height:86px}.ranking-position{grid-area:pos}.ranking-medal{grid-area:medal;width:42px;height:42px}.ranking-avatar{grid-area:avatar;width:38px;height:38px}.ranking-player{grid-area:player}.ranking-mmr{grid-area:mmr}.ranking-award{display:none}.ranking-player strong{font-size:.96rem}.ranking-player small{white-space:normal}}@media(max-width:440px){.ranking-row{grid-template-columns:40px 42px minmax(0,1fr);grid-template-areas:"pos medal player""pos avatar player""pos mmr mmr"}.ranking-mmr{justify-items:start}}.login-textured-button:disabled{cursor:not-allowed;filter:grayscale(.8)brightness(.58)}.login-textured-button:disabled .login-button-hover,.login-textured-button:disabled .login-button-pressed{opacity:0!important}.access-control-panel{border-left:4px solid var(--green)}.access-control-panel.locked{border-left-color:var(--red)}.access-control-panel>div{align-items:center;gap:12px;min-width:0;display:flex}.access-control-panel svg{color:var(--amber)}.access-control-panel strong{color:var(--text);display:block}.access-control-panel small{color:var(--muted)}.login-steam-return-ready{cursor:pointer}.steam-return-hint{z-index:5;color:#fff4d2;text-shadow:0 2px 3px #000,0 0 12px #4ea6ff6b;pointer-events:none;font-family:Georgia,serif;font-size:clamp(1.35rem,3vw,2.4rem);font-weight:700;animation:1.6s ease-in-out infinite steam-return-hint-pulse;position:absolute;top:50%;left:clamp(28px,9vw,150px);transform:translateY(-50%)}.login-knocker-watch .login-eye{opacity:.45;animation:1.45s ease-in-out infinite login-eye-watch}@keyframes login-eye-watch{0%,to{opacity:.22;transform:translate(-50%,-50%)scale(.68);box-shadow:0 0 3px 1px #87d7ffb3,0 0 8px 2px #2391ff6b}50%{opacity:.95;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 4px 1px #dcf5fffa,0 0 11px 3px #2391ffcc,0 0 22px 7px #005cff57}}@keyframes steam-return-hint-pulse{0%,to{opacity:.72}50%{opacity:1}}@media(max-width:680px){.steam-return-hint{text-align:center;width:min(320px,100% - 40px);left:50%;transform:translate(-50%,-50%)}}.battle-nav-logout,.login-mobile-knocker-wrap{display:none}@media(max-width:760px){.battle-nav{grid-template-columns:1fr 1fr!important;gap:9px!important}.battle-nav-logout{z-index:151!important;background-color:#0000!important;background-image:var(--command-normal)!important;color:#f0d58b!important;text-shadow:0 2px 2px #000!important;pointer-events:auto!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important;border:0!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-width:0!important;min-height:54px!important;padding:7px 24px!important;font-family:Georgia,serif!important;font-weight:700!important;display:flex!important;position:relative!important}.battle-nav-logout:hover,.battle-nav-logout:focus-visible{background-image:var(--command-hover)!important;color:#ffe799!important}.battle-nav-logout:active{background-image:var(--command-pressed)!important;transform:translateY(1px)!important}.login-door-left{background-position:50%;justify-content:center;align-items:center;display:flex}.login-form{width:min(360px,100% - 42px);height:auto;min-height:calc(100dvh - 72px);padding:24px 0 max(28px,env(safe-area-inset-bottom));text-align:center;justify-content:center;align-items:center;gap:14px;margin:0 auto}.login-heading{text-align:left;width:100%;margin-bottom:0}.login-heading h1{font-size:clamp(2.1rem,12vw,3.2rem)}.login-heading p{font-size:1rem}.login-mobile-knocker-wrap{filter:drop-shadow(0 14px 24px #000000e6);width:min(250px,72vw);margin:4px auto 0;display:block;position:relative}.login-mobile-knocker-wrap .login-knocker{width:100%}.login-steam-button{order:3;width:min(248px,100%);height:58px;margin-top:0}.login-divider,.login-field,.login-realm,.login-submit-button{display:none!important}.login-error{text-align:left;order:4;width:100%;margin:0}.steam-return-hint{top:auto;bottom:max(92px,calc(env(safe-area-inset-bottom) + 72px))}}.login-credits-link{right:clamp(24px,4vw,72px);bottom:max(24px,env(safe-area-inset-bottom));z-index:6;color:#c9ad78;letter-spacing:0;text-shadow:0 2px 2px #000;background:#0805038a;border:1px solid #84653a94;border-radius:4px;min-height:38px;padding:0 14px;font-family:Georgia,Times New Roman,serif;font-size:.82rem;font-weight:700;transition:border-color .16s,color .16s,background .16s,transform .1s;position:absolute;box-shadow:inset 0 1px #ffe5aa1f,0 2px 8px #00000073}.login-credits-link:hover,.login-credits-link:focus-visible{color:#f3d98c;background:#120b05b8;border-color:#d2ab4ee0}.login-credits-link:active{transform:translateY(1px)}.login-credits-backdrop{z-index:80;background:#000000a8;place-items:center;padding:18px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.login-credits-modal{color:#ead9b7;background:linear-gradient(#281d12fa,#0d0906fa);border:4px solid #080705;width:min(520px,100%);max-height:min(720px,100dvh - 36px);overflow-y:auto;box-shadow:inset 0 0 0 1px #6c5731,inset 0 0 28px #000,0 18px 60px #000000c7}.login-credits-modal header{background:#00000047;border-bottom:3px solid #080705;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:16px 18px;display:flex}.login-credits-modal header span{color:#d5b75b;text-transform:uppercase;font-family:Fira Sans,sans-serif;font-size:.72rem;font-weight:700}.login-credits-modal h2{color:#fff1c8;margin:4px 0 0;font-size:1.45rem;line-height:1.1}.login-credits-modal header button{color:#d8bd70;background:#00000075;border:2px solid #090705;border-radius:4px;place-items:center;width:44px;min-width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 1px #9a804b73}.login-credits-modal header button:hover,.login-credits-modal header button:focus-visible{color:#fff1c8;border-color:#caa04b}.login-credits-modal p{color:#cdbd9c;margin:0;padding:18px 18px 12px;font-family:Fira Sans,sans-serif;font-size:.92rem;line-height:1.55}.login-credits-modal ul{gap:0;margin:0;padding:0 18px 16px;list-style:none;display:grid}.login-credits-modal li{border-bottom:1px solid #82693e6b;justify-content:space-between;align-items:center;gap:16px;min-height:42px;font-family:Fira Sans,sans-serif;display:flex}.login-credits-modal li strong{color:#f0e2c0}.login-credits-modal li span{color:#d9bc62;text-align:right;font-family:Fira Code,monospace;font-size:.78rem}.login-credits-modal small{color:#a9997c;border-top:3px solid #080705;padding:14px 18px 18px;font-family:Fira Sans,sans-serif;font-size:.78rem;line-height:1.5;display:block}@media(max-width:760px){.login-credits-link{right:16px;bottom:max(16px,env(safe-area-inset-bottom));min-height:34px;padding-inline:11px;font-size:.76rem}.login-credits-backdrop{z-index:90;align-items:end;padding:14px}.login-credits-modal{max-height:calc(100dvh - 28px)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}