.dot-grid{position:relative;width:100%;height:100%}.dot-grid__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.glare-hover{position:relative;display:inline-grid;vertical-align:top;place-items:center;width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border:1px solid var(--gh-border);border-radius:var(--gh-br);overflow:hidden;isolation:isolate}.glare-hover__glare{position:absolute;inset:0;z-index:2;border-radius:inherit;opacity:0;mix-blend-mode:var(--gh-blend);pointer-events:none}.glare-hover__band{position:absolute;top:50%;left:50%;background:var(--gh-glare);will-change:transform}.glare-hover__rim{position:absolute;inset:0;padding:1px;border-radius:inherit;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-clip:content-box,border-box;mask-composite:exclude}.glare-hover__band--rim{background:var(--gh-rim)}.spotlight-card{position:relative;isolation:isolate;overflow:hidden;padding:2rem;border-radius:1.5rem;background-color:var(--spotlight-card-surface);box-shadow:var(--spotlight-card-shadow)}.spotlight-card__light,.spotlight-card__grain,.spotlight-card__border,.spotlight-card__edge{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.spotlight-card__light,.spotlight-card__grain{z-index:-1;opacity:0}.spotlight-card__grain{background-size:160px 160px;mix-blend-mode:overlay}.spotlight-card__border,.spotlight-card__edge{z-index:1;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.spotlight-card__border{background:var(--spotlight-card-border)}.spotlight-card__edge{opacity:0}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/golos-400.ttf) format("truetype")}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/golos-500.ttf) format("truetype")}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/golos-600.ttf) format("truetype")}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/golos-700.ttf) format("truetype")}:root{--bg:#080808;--surface:#141414;--raised:#242424;--line:#303030;--text:#f2f2f2;--muted:#b4b4b4;--faint:#949494;--accent:#e4b66c;--danger:#f1a09c;--ease:cubic-bezier(.23,1,.32,1);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Golos Text,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;color:#aaa}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.25;letter-spacing:-.8px;font-weight:600}h2{font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.25px}h3{font-size:16px;font-weight:500}small{font-size:12px;color:var(--faint)}svg{flex:none}button{border:0;background:transparent}input,select{border:1px solid #454545;background:#191919;border-radius:8px;min-width:0}input::placeholder{color:#aaa}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e4b66c;outline-offset:4px}::selection{background:#d6b26e;color:#080808}.app-shell{min-height:100vh}.skip-link{position:fixed;top:-100px;left:16px;z-index:200;background:#fff;color:#000;padding:12px}.skip-link:focus{top:10px}.topbar{height:76px;border-bottom:1px solid #202020}.topbar-inner{max-width:1256px;padding:0 24px;height:100%;margin:auto;display:flex;align-items:center;gap:56px}.brand{display:flex;align-items:center;gap:4px;font-size:18px;font-weight:700;letter-spacing:-.6px;white-space:nowrap}.brand-arena{font-weight:400;margin-left:5px}.brand-bracket{font-size:28px;font-weight:400;color:#b4b4b4;margin:0 3px}.topbar nav{display:flex;gap:28px;height:100%;align-items:center}.nav-link{display:flex;align-items:center;gap:8px;color:#aaa;font-size:14px;height:100%;position:relative}.nav-link svg,.nav-dot{display:none}.nav-link.selected{color:#fff}.nav-link.selected:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#eee}.account-button{margin-left:auto;display:flex;gap:9px;align-items:center;min-height:44px}.main-content{max-width:1256px;margin:auto;padding:38px 24px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading p{color:var(--muted);margin-top:9px}.heading-actions{display:flex;align-items:center;gap:14px}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 17px;border-radius:999px;white-space:nowrap;font-size:14px;font-weight:500;transition:transform .14s var(--ease);flex:none}.button:active:not(:disabled){transform:scale(.97);transition-duration:90ms}.button.primary{background:#eee;color:#101010}.button.primary:disabled{background:#303030;color:#bbb}.button.secondary{border:1px solid #4b4b4b;background:transparent;color:#eee}.button.secondary:disabled{border-color:#353535;color:#aaa}.danger-button{background:#f1a09c;color:#27100e}.text-button{display:inline-flex;align-items:center;gap:7px;padding:0;min-height:36px;color:#ddd;font-size:13px}.text-button.danger{color:var(--danger)}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex:none}.panel{background:var(--surface);border-radius:20px;padding:26px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.section-heading>span{font-size:12px;color:var(--faint)}.section-heading h2 .count-tag{margin-left:7px}.section-heading p{color:var(--muted);font-size:13px;margin-top:5px}.platform{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.cf-mark{display:inline-flex;align-items:flex-end;gap:2px;width:17px;height:15px}.cf-mark i{display:block;width:4px;background:#bbb;height:9px;border-radius:1px}.cf-mark i:nth-child(2){height:15px}.cf-mark i:nth-child(3){height:12px}.play-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr);gap:14px;align-items:start}.lobby-column{display:flex;flex-direction:column;gap:14px;min-width:0}.mode-select{display:grid;grid-template-columns:1fr 1fr;background:#202020;border-radius:12px;padding:5px;gap:5px;margin-bottom:24px}.mode-select button{display:flex;align-items:center;gap:12px;text-align:left;min-height:68px;padding:12px 14px;color:#aaa;border-radius:8px}.mode-select button[aria-pressed=true]{background:#333;color:#fff}.mode-select button>span{flex:1}.mode-select strong{font-size:15px;font-weight:500;display:block}.mode-select small{display:block;margin-top:3px;color:#b4b4b4}.capacity-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-5px 0 24px}.capacity-row>span{font-size:13px;color:var(--muted)}.capacity-row>div{display:flex;gap:5px}.capacity-row button{width:37px;height:36px;border-radius:8px;border:1px solid #444;font-variant-numeric:tabular-nums}.capacity-row button[aria-pressed=true]{background:#eee;border-color:#eee;color:#111}.field-label{font-size:13px;font-weight:500;display:block;margin-bottom:8px}.setup-section{margin-bottom:25px}.setup-section select{width:100%;height:42px;padding:0 12px}.field-hint{font-size:12px;line-height:1.7;color:var(--faint);margin-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;margin-bottom:24px}.number-control>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.number-control label{color:var(--muted);font-size:13px}.numeric input{width:72px;height:34px;font-variant-numeric:tabular-nums;text-align:center;font-size:14px;background:#202020}.numeric small{margin-left:4px}.number-control input[type=range]{appearance:none;width:100%;height:3px;background:#494949;border:0;display:block;border-radius:3px;cursor:pointer;margin:14px 0 4px}.number-control input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#eee;border:2px solid #eee}.number-control input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#eee;border:0}.toggle-section{padding:12px 0;border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b}.toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;cursor:pointer}.toggle-row>span:first-child{flex:1}.toggle-row strong{font-size:13px;font-weight:400;display:block}.toggle-row small{display:block;margin-top:4px;line-height:1.5}.toggle-row input{position:absolute;right:0;width:34px;height:20px;opacity:0;margin:0;cursor:pointer}.toggle-track{background:#484848;width:34px;height:20px;border-radius:999px;display:block;flex:none;padding:3px;pointer-events:none}.toggle-track i{display:block;width:14px;height:14px;border-radius:50%;background:#b4b4b4;transition:transform .15s var(--ease)}.toggle-row input:checked+.toggle-track{background:#eee}.toggle-row input:checked+.toggle-track i{transform:translate(14px);background:#242424}.toggle-row input:focus-visible+.toggle-track{outline:2px solid #e4b66c;outline-offset:4px}.topics-expander{display:flex;align-items:center;gap:12px;width:100%;padding:17px 0;font-size:13px;min-height:48px}.topics-expander>span{margin-left:auto;color:var(--faint);font-size:12px}.rotate{transform:rotate(180deg)}.topic-options{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:5px 0 22px}.topic-options label{display:flex;align-items:center;gap:8px;font-size:13px}.topic-options input{accent-color:#ddd;width:16px;height:16px;margin:0}.topic-options p{grid-column:1/-1;color:var(--faint);font-size:12px}.setup-actions{display:flex;gap:10px;flex-wrap:wrap}.setup-actions .primary{flex:1}.format-preview .section-heading{margin-bottom:20px}.seat-preview{display:flex;gap:8px;margin:0 0 20px}.seat-preview>span{display:flex;flex:1;max-width:76px;height:76px;background:#242424;align-items:center;justify-content:center;flex-direction:column;gap:6px;border-radius:10px;color:#c4c4c4}.seat-preview small{font-size:11px;color:#aaa;font-variant-numeric:tabular-nums}.format-preview>p,.practice-note p{font-size:13px;line-height:1.8;color:var(--muted)}.match-spec{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;color:#ddd;font-size:12px}.lobby-panel .section-heading{margin-bottom:14px}.count-tag{font-variant-numeric:tabular-nums;font-size:13px;color:var(--faint);font-weight:400}.lobby-filters{display:flex;gap:9px}.lobby-filters select,.lobby-filters input{height:36px;padding:0 10px;font-size:12px;flex:1;width:50%}.text-input{display:block;width:100%;height:44px;padding:0 12px}.room-row{display:flex;align-items:center;width:100%;text-align:left;gap:12px;padding:18px 0;border-bottom:1px solid #292929}.room-row>span:nth-child(2){flex:1;min-width:0}.room-row strong{display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.room-row small{display:block;margin-top:3px}.room-row>svg{color:#b4b4b4}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:#303030;color:#dedede;font-size:12px;width:34px;height:34px}.avatar.large{width:60px;height:60px;font-size:20px}.empty-lobby{padding:28px 0}.empty-lobby p{font-size:14px;color:#ddd}.empty-lobby small{display:block;line-height:1.8;max-width:350px;margin-top:7px}.empty-lobby h3{margin-bottom:8px}.lobby-foot{display:flex;gap:14px;justify-content:space-between;color:var(--faint);font-size:11px;border-top:1px solid #292929;padding-top:15px}.source-note{font-size:12px;color:var(--faint);padding:0 6px}.resume-banner{display:flex;align-items:center;width:100%;gap:12px;padding:16px 22px;border-radius:12px;background:#25221c;color:#e4b66c;margin-bottom:14px;text-align:left}.resume-banner>span{flex:1}.resume-banner small{display:block;margin-top:3px;color:#ccc}.practice-note p{margin:14px 0}.practice-note .text-button{margin-top:5px}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:28px 0;margin-top:30px;color:#b4b4b4;font-size:11px;border-top:1px solid #242424}.page-footer>span>span{margin-left:14px;color:var(--faint)}.page-footer .text-button{font-size:12px}.loading-line{display:flex;align-items:center;gap:10px;padding:14px 0;color:var(--muted)}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inline-error{padding:12px 15px;border-radius:8px;background:#2d1d1d;color:#ffc0bb;font-size:13px;margin:12px 0}.inline-error .text-button{color:inherit;text-decoration:underline}.match-layout{display:flex;flex-direction:column;gap:14px}.match-overview-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.compact-members{display:flex;flex-wrap:wrap;gap:14px 20px}.compact-members>div{display:flex;align-items:center;gap:8px;font-size:13px}.compact-members small{margin-left:6px}.status{display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;color:var(--muted);background:#292929;border-radius:999px;padding:5px 12px}.status.live{color:#e4b66c;background:#30271a}.match-timer{display:grid;grid-template-columns:18px auto;gap:0 9px;align-items:center}.match-timer strong{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.8px;font-variant-numeric:tabular-nums;white-space:nowrap}.match-timer small{grid-column:2}.match-timer>svg{color:#b4b4b4}.waiting-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;align-items:start}.roster-seat{display:flex;align-items:center;gap:14px;min-height:66px;border-top:1px solid #2a2a2a;font-size:13px;color:var(--faint);transition:opacity .16s var(--ease),transform .16s var(--ease)}.roster-seat:first-child{border-top:0}.roster-seat>strong{font-weight:500;flex:1;color:#eee;overflow-wrap:anywhere}.roster-seat strong small{display:block;margin-top:3px}.roster-seat>svg{color:#e4b66c}.seat-number{font-variant-numeric:tabular-nums;font-size:12px;width:20px}.vacant-avatar{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px dashed #505050;border-radius:50%;color:#aaa}.invitation-panel>p{font-size:13px;line-height:1.8;color:var(--muted);margin:14px 0 20px}.invitation-panel>.button{width:100%;margin-bottom:10px}.invite-code{margin-top:18px}.invite-code small{display:block;margin-bottom:7px}.invite-code code{font:13px/1.5 Consolas,monospace;color:#ccc;word-break:break-all}.quiet-note{font-size:12px;line-height:1.8;color:var(--faint);margin-top:16px}.empty-page{padding:45px 24px;text-align:center}.empty-page>svg{margin-bottom:14px}.empty-page h2{margin-bottom:10px}.empty-page p{color:var(--muted);max-width:480px;margin:0 auto 20px;font-size:14px;line-height:1.8}.empty-page .button{margin-top:10px}.result-banner{display:flex;align-items:center;gap:20px;background:#25221b}.result-banner>svg{color:var(--accent)}.result-banner>div{flex:1}.result-banner p{color:var(--muted);font-size:13px;margin-top:6px}.scoreboard .section-heading{margin-bottom:8px}.score-table-scroll{overflow-x:auto}.score-table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;white-space:nowrap}.score-table th,.score-table td{padding:14px 10px;text-align:right;font-weight:400;font-size:13px}.score-table thead th{color:var(--faint);font-size:12px}.score-table th:first-child,.score-table td:first-child{padding-left:0}.score-table th:last-child,.score-table td:last-child{padding-right:0}.score-table th[scope=row],.score-table .player-heading{text-align:left}.score-table th[scope=row]{width:30%;font-size:14px}.score-table th[scope=row] span{display:flex;gap:8px;align-items:center}.score-table th[scope=row]>small{display:block;margin-top:4px}.score-table td small{font-size:11px}.score-table tbody tr{border-bottom:1px solid #2a2a2a}.score-table .accepted-cell{color:var(--accent)}.accepted-cell>svg{display:inline-block;vertical-align:middle}.accepted-cell>small{display:block;color:#c9ac7b}.solved-number{font-size:18px!important}.solved-number small{color:var(--faint)}.my-score th[scope=row]>span:before{content:"";width:3px;height:14px;background:#e4b66c;display:block;border-radius:2px}.surrendered th[scope=row]{color:#aaa}.surrendered th[scope=row]>small{color:#e3aaa6}.problem-row{display:flex;align-items:center;gap:16px;padding:19px 0;border-bottom:1px solid #292929}.problem-letter{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#292929;border-radius:8px;font-weight:500;flex:none}.problem-letter.accepted{background:#332b1e;color:var(--accent)}.problem-description{flex:1;min-width:0}.problem-description a{display:flex;align-items:center;gap:8px;font-size:14px;overflow-wrap:anywhere}.problem-description small{display:block;margin-top:5px}.problem-verdict{font-size:12px;color:var(--faint);white-space:nowrap}.accepted-text{color:var(--accent)}.problem-footer{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--faint);margin-top:18px}.problem-footer small{margin-left:auto;font-size:11px}.deadline-note{font-size:13px;line-height:1.8;color:#d8bd93;background:#25221b;padding:14px;border-radius:8px;margin-top:16px}.match-bottom-actions{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.match-bottom-actions>span{font-size:12px;color:var(--faint)}.history-row{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #2b2b2b;text-align:left;width:100%}.history-row>span:first-child{flex:1;min-width:0}.history-row strong{display:block;font-size:14px;font-weight:500}.history-row small{display:block;margin-top:6px;overflow-wrap:anywhere}.history-row>span:nth-child(2){font-size:13px;white-space:nowrap}.filter-tabs{display:flex;gap:5px}.filter-tabs button{font-size:12px;padding:7px 12px;border-radius:99px;color:#b4b4b4}.filter-tabs button[aria-pressed=true]{background:#303030;color:#fff}.guide-layout{display:flex;flex-direction:column;gap:14px}.guide-intro{max-width:100%;display:flex;flex-direction:column;gap:14px}.guide-intro .icon-box{display:none}.guide-intro p{color:var(--muted);max-width:700px;font-size:14px;line-height:1.9}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-step>svg{color:#b4b4b4;margin-bottom:16px}.guide-step p{color:var(--muted);font-size:13px;line-height:1.8;margin-top:12px}.guide-details details{border-bottom:1px solid #2b2b2b;padding:18px 0}.guide-details h2{margin-bottom:5px}.guide-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:14px}.guide-details summary::-webkit-details-marker{display:none}.guide-details details p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:14px;max-width:900px}.guide-profile-table{max-width:500px;margin-top:12px}.guide-profile-table>div{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.guide-profile-table strong{font-weight:400;font-variant-numeric:tabular-nums}.profile-page{display:grid;grid-template-columns:350px 1fr;gap:14px}.profile-card{display:flex;align-items:center;flex-direction:column;text-align:center}.profile-card h2{margin:18px 0 8px;overflow-wrap:anywhere;max-width:100%}.profile-card p{color:var(--muted);font-size:13px}.profile-rating{font-size:32px;margin:20px 0;font-variant-numeric:tabular-nums}.profile-rating span{display:block;font-size:13px;margin-top:4px}.verification-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-bottom:20px}.profile-card .button{width:100%;margin-top:10px}.profile-card .text-button{margin-top:16px}.profile-explainer>p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:14px}.profile-explainer>div{display:flex;gap:14px;margin-top:28px}.profile-explainer>div>svg{color:var(--muted)}.profile-explainer strong{font-weight:500}.profile-explainer small{display:block;margin-top:6px}.profile-explainer .text-button{margin-top:26px}.modal{border:1px solid #424242;border-radius:20px;max-width:460px;width:calc(100% - 32px);padding:0;background:#1b1b1b;color:var(--text);max-height:calc(100dvh - 40px);overflow-y:auto;opacity:0;transform:scale(.98);transition:opacity .18s var(--ease),transform .18s var(--ease)}.modal[open]{opacity:1;transform:scale(1)}.modal::backdrop{background:#000b}.modal-content{padding:30px}.modal h2{font-size:23px;max-width:calc(100% - 24px);font-weight:500}.close-modal{position:absolute;top:15px;right:14px}.modal-description{font-size:14px;line-height:1.8;color:var(--muted);margin:15px 0 24px}.modal-submit{width:100%;margin-top:20px}.modal-match-summary{padding:13px 0;font-size:13px;color:var(--muted)}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.verification-code{display:block;padding:16px;background:#303030;border-radius:8px;font-size:16px;text-align:center}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#2a2a2a;border:1px solid #505050;border-radius:14px;padding:12px 12px 12px 18px;display:flex;align-items:center;gap:12px;max-width:min(600px,calc(100% - 32px));width:max-content;z-index:100;font-size:13px;transition:opacity .18s var(--ease),transform .18s var(--ease);opacity:1}.toast-error{border-color:#79504c}.toast-error>svg{color:#ffc0bb}.toast>span{flex:1}.toast .icon-button{width:28px;height:28px}.modal .quiet-note{font-size:12px}@starting-style{.modal[open]{opacity:0;transform:scale(.98)}.toast{opacity:0;transform:translate(-50%,12px)}.roster-seat.occupied{opacity:0;transform:translateY(5px)}}@media(hover:hover)and (pointer:fine){.button.primary:hover:not(:disabled){background:#fff}.button.secondary:hover:not(:disabled),.icon-button:hover,.account-button:hover{background:#2d2d2d}.nav-link:hover,.text-button:hover{color:#fff}.room-row:hover,.history-row:hover{background:#1a1a1a}.mode-select button:hover:not([aria-pressed=true]){color:#fff}.problem-description a:hover{text-decoration:underline}}@media(max-width:1050px){.topbar-inner{gap:30px}.topbar nav{gap:22px}.play-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.panel{padding:22px}.mode-select button{padding:10px;gap:8px}.mode-select strong{font-size:14px}.form-grid{gap:24px 20px}.setup-actions{flex-direction:column}.topbar .nav-link{font-size:13px}.compact-members{gap:12px}.score-table th,.score-table td{padding:12px 8px}.score-table th[scope=row]{min-width:145px}}@media(max-width:760px){.topbar{height:auto}.topbar-inner{height:auto;min-height:65px;padding:0 20px;gap:10px;flex-wrap:wrap}.brand{font-size:17px}.topbar nav{order:3;width:100%;height:48px;gap:28px;overflow-x:auto;scrollbar-width:none}.nav-link{white-space:nowrap}.topbar .nav-link{font-size:14px}.account-button{font-size:13px}.main-content{padding:26px 20px 0}.page-heading{gap:10px;margin-bottom:22px;align-items:flex-start}.page-heading h1{font-size:26px}.page-heading p{font-size:13px;max-width:260px;line-height:1.7}.heading-actions{gap:4px}.heading-actions .button{font-size:12px;padding:8px 12px;min-height:36px}.heading-actions .help-button{display:none}.play-layout{display:flex;flex-direction:column;gap:14px}.setup-panel,.lobby-column{width:100%}.format-preview{display:none}.panel{padding:22px;border-radius:16px}.form-grid{gap:25px 28px}.mode-select strong{font-size:15px}.setup-actions{flex-direction:row}.lobby-panel .empty-lobby{padding:24px 0}.page-footer{align-items:flex-start;margin-top:24px;padding-top:22px}.page-footer>span>span{display:block;margin:5px 0 0;max-width:190px}.page-footer>.text-button{min-height:24px}.match-overview .section-heading{align-items:flex-start}.match-overview .section-heading p{max-width:220px;line-height:1.8;font-size:12px}.status{font-size:11px;padding:4px 9px}.match-overview-bottom{flex-direction:column;align-items:flex-start;gap:22px}.match-timer{grid-template-columns:18px auto auto;gap:10px}.match-timer small{grid-column:auto}.compact-members{gap:12px 18px}.waiting-layout{grid-template-columns:1fr}.waiting-layout .invitation-panel{order:-1}.invitation-panel .quiet-note{font-size:12px}.invitation-panel>.button{max-width:400px}.invite-code{margin-top:10px}.roster-seat{min-height:64px}.result-banner{gap:14px;flex-wrap:wrap}.result-banner>div{flex-basis:calc(100% - 60px)}.result-banner .button{margin-left:40px}.score-table{min-width:500px}.score-table th,.score-table td{padding:12px 8px}.score-table th[scope=row]{min-width:120px}.problem-row{gap:12px;flex-wrap:wrap}.problem-description{flex-basis:calc(100% - 52px)}.problem-verdict{margin-left:48px;margin-top:-7px}.problem-row>.icon-button{margin-left:auto;height:28px;margin-top:-7px}.problems-panel .section-heading{gap:10px}.problems-panel .section-heading .button{font-size:12px;padding:7px 12px;min-height:36px}.problem-footer{flex-wrap:wrap;font-size:11px;line-height:1.8}.problem-footer small{margin-left:22px}.match-bottom-actions{align-items:flex-start;gap:10px}.match-bottom-actions>span{max-width:130px;text-align:right;font-size:11px}.history-panel .section-heading{align-items:flex-start;flex-direction:column;gap:15px}.history-row{gap:10px;flex-wrap:wrap}.history-row>span:first-child{flex-basis:100%}.history-row>span:nth-child(2){margin-left:auto}.guide-steps,.profile-page{grid-template-columns:1fr}.profile-card .button{max-width:340px}.guide-step>svg{display:none}.modal-content{padding:26px}.modal h2{font-size:21px}.toast{bottom:16px}.resume-banner{font-size:12px;padding:14px;gap:9px}.resume-banner small{font-size:11px}}@media(max-width:420px){.main-content{padding:24px 16px 0}.topbar-inner{padding:0 16px}.topbar nav{gap:22px}.topbar .nav-link{font-size:13px}.panel{padding:20px}.mode-select button>svg:first-child{display:none}.mode-select button{min-height:62px}.mode-select strong{font-size:14px}.mode-select small{font-size:11px}.form-grid{gap:24px 20px}.setup-actions .button{font-size:13px;padding:10px 14px}.page-heading .heading-actions{padding-top:2px}.heading-actions .button{font-size:11px;padding:7px 10px;gap:5px}.page-heading p{max-width:220px}.capacity-row{gap:10px}.capacity-row>span{font-size:12px}.capacity-row button{width:32px}.platform{font-size:11px}.section-heading h2{font-size:17px}.scoreboard .section-heading>span{font-size:11px}.topic-options{grid-template-columns:1fr 1fr;gap:12px}.topic-options label{font-size:12px}.lobby-foot{font-size:11px;gap:10px}}@media(prefers-reduced-motion:reduce){.button,.toggle-track i,.modal,.toast,.roster-seat{transition-property:opacity;transition-duration:.1s}.button:active:not(:disabled){transform:none}.modal[open]{transform:none}.spin{animation:none}@starting-style{.modal[open]{transform:none}.toast{transform:translate(-50%)}.roster-seat.occupied{transform:none}}}html[data-input=keyboard] .button,html[data-input=keyboard] .toggle-track i,html[data-input=keyboard] .modal,html[data-input=keyboard] .toast,html[data-input=keyboard] .roster-seat{transition:none}.privacy-setting:empty{display:none}.privacy-setting{border-top:1px solid #292929;padding:5px 0}.advanced-settings{border-top:1px solid #292929;margin-bottom:18px}.advanced-settings>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer;font-size:13px;list-style:none;color:#b4b4b4}.advanced-settings>summary::-webkit-details-marker{display:none}.advanced-settings[open]>summary>svg{transform:rotate(180deg)}.advanced-settings .toggle-section{border-top:0}.advanced-settings .topics-expander{padding:14px 0}.advanced-settings .toggle-row{padding:8px 0}.match-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;align-items:start}.match-workspace>section{min-width:0}.match-workspace.wide{grid-template-columns:1fr}@media(max-width:1000px){.match-workspace{grid-template-columns:1fr}}@media(min-width:761px)and (max-width:980px){.play-layout{grid-template-columns:1fr}.format-preview{display:none}.setup-actions{flex-direction:row}.mode-select button{padding:14px}.lobby-column{display:grid;grid-template-columns:1fr}.form-grid{gap:24px 28px}}.app-shell{position:relative;isolation:isolate}.arena-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.arena-background>.dot-grid{position:absolute;inset:0}.arena-background-fallback{position:absolute;inset:0;background-image:radial-gradient(circle,#e4b66c 1px,transparent 1px);background-size:27px 27px;opacity:.055}.arena-background[data-active=true] .arena-background-fallback{opacity:0}.topbar{background:#080808e8}.spotlight-card.panel{--spotlight-card-shadow:none;--spotlight-card-surface:#141414;--spotlight-card-border:rgba(228,182,108,.055)}.spotlight-card__light{z-index:0}.spotlight-card>form,.spotlight-card>.section-heading,.spotlight-card>.lobby-filters,.spotlight-card>.rooms-list,.spotlight-card>.empty-lobby,.spotlight-card>.lobby-foot{position:relative;z-index:1}.glare-hover.button{isolation:isolate;--gh-br:999px}.glare-hover.button:focus-visible{outline:2px solid #e4b66c;outline-offset:4px}.glare-hover__glare{contain:paint}.glare-hover:disabled .glare-hover__glare{opacity:0!important}.effects-switch{display:inline-flex;align-items:center;gap:8px;min-height:36px;white-space:nowrap;font-size:12px;color:#b4b4b4}.effects-switch>i{width:25px;height:14px;padding:3px;background:#454545;border-radius:999px;display:inline-flex;align-items:center}.effects-switch>i:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#aaa;transform:translate(0);transition:transform .15s var(--ease)}.effects-switch[aria-checked=true]>i{background:#615035}.effects-switch[aria-checked=true]>i:before{transform:translate(11px);background:#e4b66c}.page-footer>.effects-switch{order:2}.page-footer>.text-button{order:3}.page-footer>span{margin-right:auto}.page-footer{flex-wrap:wrap}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.glare-hover__glare,.spotlight-card__light,.spotlight-card__edge{display:none}.effects-switch>i:before{transition:none}.arena-background>.dot-grid{display:none}}.brand{gap:10px;letter-spacing:-.5px}.brand-mark{display:block;transition:transform .35s var(--ease),filter .35s var(--ease)}.brand-wordmark{font-size:17px;line-height:1.2}.brand-wordmark small{display:block;font-size:7px;letter-spacing:1.5px;line-height:1.5;color:#a8916c;margin-top:4px}.brand-arena{margin-left:4px;font-weight:500;color:#d8c2a0}.brand:hover .brand-mark{transform:translateY(-1px) rotate(-5deg);filter:drop-shadow(0 0 8px #c69a5044)}.arena-select{width:100%;min-height:44px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(150deg,#242322,#1a1a1a);border:1px solid #45423d;border-radius:10px;text-align:left;transition:border-color .18s,background-color .18s,box-shadow .18s}.arena-select:hover,.arena-select[data-popup-open]{border-color:#8c7553;box-shadow:0 0 0 3px #d6ac6410}.arena-select>span:last-child{display:flex;align-items:center;color:#c8b28f;transition:transform .22s var(--ease)}.arena-select[data-popup-open]>span:last-child{transform:rotate(180deg)}.arena-select-positioner{z-index:250;outline:0;max-width:calc(100vw - 32px)}.arena-select-popup{min-width:var(--anchor-width);max-height:min(var(--available-height),410px);overflow:auto;border-radius:14px;border:1px solid #51483c;padding:6px;background:#1c1b19;box-shadow:0 18px 60px #0009;outline:0;transform-origin:var(--transform-origin);transition:opacity .15s var(--ease),transform .18s var(--ease)}.arena-select-popup[data-starting-style],.arena-select-popup[data-ending-style]{opacity:0;transform:translateY(-5px) scale(.98)}.arena-select-item{position:relative;display:flex;align-items:center;gap:9px;padding:10px 12px 10px 32px;border-radius:8px;min-height:39px;user-select:none;cursor:pointer;outline:0;font-size:13px;color:#d3d0cb;transition:background-color .1s,color .1s}.arena-select-item[data-highlighted]{background:#343027;color:#fff}.arena-select-item[data-selected]{color:#f1cea0;background:#b88b3a14}.arena-select-item small{display:block;font-size:11px;margin-top:2px;color:#a7a299}.arena-select-check{position:absolute;left:10px;display:flex}.lobby-filters>.arena-select{font-size:12px;min-width:0;flex:1}.lobby-filters>.text-input{flex:1}.number-control.premium-number{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 8px}.premium-number>.number-label{font-size:13px;color:#c7c4bf;min-width:0}.premium-number>.number-field{display:block}.number-field-group{display:flex;align-items:center;height:36px;border:1px solid #49443c;border-radius:9px;background:#1b1a18;overflow:hidden;transition:border-color .18s,box-shadow .18s}.number-field-group:focus-within{border-color:#d7b67f;box-shadow:0 0 0 3px #c99f5314}.number-field-input{width:53px!important;max-width:53px;border:0!important;background:transparent!important;text-align:center;border-radius:0!important;padding:0!important;outline:0!important;font-size:13px;font-variant-numeric:tabular-nums;height:34px;-moz-appearance:textfield;appearance:textfield}.number-field-input::-webkit-inner-spin-button,.number-field-input::-webkit-outer-spin-button{appearance:none;margin:0}.number-step{display:flex;align-items:center;justify-content:center;width:25px;height:34px;color:#a49a88;transition:background-color .14s,color .14s,transform .14s}.number-step:hover{background:#d7b67f15;color:#f1d7ad}.number-step:active{transform:scale(.88)}.number-step:disabled{color:#57524b}.premium-number>.premium-range{grid-column:1/-1;width:100%;margin:0;height:3px;appearance:none;border:0;border-radius:99px;cursor:pointer;outline-offset:8px}.premium-range::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#ddbc86;border:3px solid #3b3224;border-radius:50%;box-shadow:0 0 0 1px #9b7b4c;transition:box-shadow .17s,transform .17s}.premium-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #d7b67f1f;transform:scale(1.12)}.premium-range::-moz-range-thumb{width:10px;height:10px;background:#ddbc86;border:3px solid #3b3224;border-radius:50%}.form-grid{row-gap:26px}.premium-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:default}.premium-toggle-row>span:first-child{cursor:pointer;flex:1}.premium-toggle-row strong{font-weight:400}.premium-toggle-row small{display:block}.premium-switch{position:relative;flex:0 0 42px;display:inline-flex;align-items:center;width:42px;height:25px;border-radius:99px;background:#373633;border:1px solid #555048;box-shadow:inset 0 2px 3px #0003;cursor:pointer;transition:background-color .24s,border-color .24s,box-shadow .24s}.premium-switch[data-checked]{background:#a77e42;border-color:#d9b57c;box-shadow:inset 0 1px 3px #402b2050,0 0 12px #d4a35314}.premium-switch-thumb{position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#bfbcb6;box-shadow:0 1px 3px #0005;transform:translate(0);transition:transform .28s cubic-bezier(.22,1.25,.36,1),background-color .2s}.premium-switch[data-checked] .premium-switch-thumb{transform:translate(17px);background:#fff5e4}.premium-switch[data-active] .premium-switch-thumb{width:20px}.premium-switch[data-active][data-checked] .premium-switch-thumb{transform:translate(14px)}.premium-switch:focus-visible{outline:2px solid #e4b66c;outline-offset:4px}.premium-switch input{pointer-events:none}.premium-segments{position:relative;isolation:isolate;display:flex;gap:4px;background:#20201e;padding:4px;border:1px solid #34322e;border-radius:12px}.premium-tab{position:relative;z-index:1;flex:1;color:#aaa39a;min-width:0;border-radius:8px;transition:color .18s;white-space:nowrap}.premium-tab[data-active]{color:#f3eee6}.premium-tab-indicator{position:absolute;z-index:0;left:0;top:0;width:var(--active-tab-width);height:var(--active-tab-height);transform:translate(var(--active-tab-left),var(--active-tab-top));background:linear-gradient(145deg,#3c362b,#2c2924);box-shadow:inset 0 0 0 1px #9c805242,0 2px 5px #0002;border-radius:8px;transition:transform .3s cubic-bezier(.22,1,.36,1),width .3s var(--ease),height .3s var(--ease);pointer-events:none}.premium-mode{margin-bottom:24px}.mode-select.premium-mode button{min-height:66px;text-align:left;padding:10px 14px;gap:11px}.mode-select.premium-mode small{color:#aaa39a}.mode-select.premium-mode button[data-active] svg{color:#e3bd82}.mode-select.premium-mode button>span{flex:0 1 auto}.capacity-row>.arena-tabs-root{flex:0 0 auto}.capacity-segments{gap:1px;padding:3px;border-radius:10px}.capacity-row .capacity-segments button{border:0;width:34px;height:32px;border-radius:7px}.capacity-segments .premium-tab-indicator{border-radius:7px}.capacity-row>.arena-tabs-root{display:block}.premium-disclosure-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:49px;text-align:left;color:#bdb6ac;font-size:13px;padding:0}.premium-disclosure-trigger>svg{transition:transform .24s var(--ease);color:#a9987e}.premium-disclosure-trigger[data-panel-open]>svg{transform:rotate(180deg)}.premium-disclosure-panel{height:var(--collapsible-panel-height);overflow:hidden;transition:height .24s var(--ease),opacity .19s var(--ease)}.premium-disclosure-panel[data-starting-style],.premium-disclosure-panel[data-ending-style]{height:0;opacity:0}.premium-disclosure-panel[data-open]{overflow:visible}.premium-disclosure-panel[data-transitioning]{overflow:hidden}.topics-disclosure .premium-disclosure-trigger small{font-size:11px;margin-left:10px;color:#aaa08f}.topics-disclosure .topic-options{padding:8px 0 18px}.advanced-settings .toggle-section{margin:0;padding-bottom:4px}.topic-options input{appearance:none;width:16px;height:16px;margin:0;border:1px solid #655844;border-radius:4px;display:inline-grid;place-content:center;background:#25221e;transition:background-color .15s,border-color .15s}.topic-options input:checked{background:#d7b67f;border-color:#d7b67f}.topic-options input:checked:after{content:"";width:8px;height:4px;border-left:2px solid #251c10;border-bottom:2px solid #251c10;transform:rotate(-45deg) translateY(-1px)}.ready-control{margin:12px 0 18px;border-top:1px solid #34302a;border-bottom:1px solid #34302a;padding:3px 0}.ready-badge{font-size:11px;color:#b4a99a;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.ready-badge i{width:5px;height:5px;border-radius:50%;background:#8f7760}.ready-badge.is-ready{color:#b4c5a1}.ready-badge.is-ready i{background:#afc492;box-shadow:0 0 8px #aac28944}.roster-seat{gap:10px}.roster-seat>strong{min-width:0;overflow-wrap:anywhere}.kick-button{width:28px;height:28px;color:#a28b78}.kick-button:hover{color:#ffbcb1;background:#61342844}.room-settings-form>.capacity-row{margin:22px 0}.room-settings-form>.form-grid{margin-bottom:22px}.room-settings-form>.premium-toggle-row{padding:11px 0}.invitation-panel .inline-error{font-size:12px;margin-top:14px}.insights-panel{margin-top:14px}.insights-panel .section-heading>span{display:flex;align-items:center;gap:7px;color:#cfb183}.insights-panel .section-heading p{font-size:12px}.insights-loading{min-height:180px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.insight-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:4px 0 25px;border-bottom:1px solid #2b2925}.insight-stats strong{display:block;font-size:27px;font-weight:500;letter-spacing:-1px;margin-top:8px;color:#ede3d3;font-variant-numeric:tabular-nums}.insight-detail{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding-top:24px}.insight-detail h3{font-size:13px;color:#bdb8af}.activity-bars{height:118px;display:flex;gap:7px;padding-top:14px;padding-bottom:23px;margin-top:8px}.activity-bars>div{position:relative;flex:1;display:flex;align-items:flex-end;min-width:0}.activity-bars span{width:100%;border-radius:4px 4px 2px 2px;background:linear-gradient(0deg,#81623d,#d9b47b);min-height:3px;opacity:.85;transition:opacity .18s}.activity-bars>div:hover span{opacity:1}.activity-bars small{position:absolute;bottom:-23px;left:50%;transform:translate(-50%);font-size:9px;color:#88827a}.insight-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.insight-topics>span{font-size:12px;color:#c9bdab;border:1px solid #453c2f;background:#24211d;padding:6px 9px;border-radius:7px}.insight-topics b{font-weight:400;color:#837965;margin-left:9px}.insight-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;border-top:1px solid #2b2925;padding-top:20px}.insight-footer p{font-size:12px;color:#99938a;max-width:480px}.number-field-group,.arena-select,.premium-switch,.premium-segments{scroll-margin:100px}::view-transition-old(root){animation:page-out .12s ease both}::view-transition-new(root){animation:page-in .24s var(--ease) both}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.brand-mark{width:32px;height:32px}.brand-wordmark{font-size:16px}.brand-wordmark small{font-size:6px;letter-spacing:1.25px}.insight-stats{grid-template-columns:1fr 1fr;gap:22px}.insight-detail{grid-template-columns:1fr;gap:24px}.insight-footer{align-items:flex-start;flex-direction:column;gap:16px}.insights-panel .section-heading{align-items:flex-start}.insights-panel .section-heading>span{font-size:10px;white-space:nowrap}.number-field-input{width:45px!important;max-width:45px}.number-step{width:22px}.premium-number>.number-label{font-size:12px}.mode-select.premium-mode button{padding:10px;gap:8px}.premium-segments.capacity-segments button{width:31px}.roster-seat .avatar{display:none}.ready-badge{font-size:10px}.roster-seat .seat-number{font-size:11px}.roster-seat>strong{font-size:13px}.insight-stats strong{font-size:24px}}@media(max-width:390px){.premium-number{column-gap:4px!important}.number-field-input{width:40px!important;max-width:40px}.number-step{width:20px}.premium-number>.number-label{font-size:11px}.mode-select.premium-mode button>svg{display:none}}@media(prefers-reduced-motion:reduce){.brand-mark,.premium-switch,.premium-switch-thumb,.premium-tab-indicator,.premium-disclosure-panel,.premium-disclosure-trigger>svg,.arena-select-popup,.arena-select,.number-step,.premium-range::-webkit-slider-thumb{transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none}.brand:hover .brand-mark{transform:none}}html[data-input=keyboard] :is(.premium-tab-indicator,.premium-switch-thumb,.premium-disclosure-panel,.arena-select-popup){transition:none}@media(max-width:420px){.number-control.premium-number{grid-template-columns:1fr;gap:9px!important}.premium-number>.number-field{justify-self:stretch}.number-field-group{justify-content:space-between}.number-field-input{width:100%!important;max-width:none!important}.premium-number>.premium-range{grid-column:1}.premium-number>.number-label{font-size:12px}.room-settings-form .form-grid{gap:20px}}.number-control.premium-number>.number-field{margin-bottom:0}.number-control.premium-number input[type=range]{margin:2px 0 4px;background:linear-gradient(to right,#d7b67f,#414141 0)}.number-control.premium-number input[type=range]::-webkit-slider-thumb{background:#ddbc86;border:3px solid #3b3224;box-shadow:0 0 0 1px #9b7b4c;transition:box-shadow .17s,transform .17s}.number-control.premium-number input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #d7b67f1f;transform:scale(1.12)}.brand{gap:9px}.brand-mark{width:25px;height:25px;filter:none;transform:none;transition:opacity .16s}.brand-wordmark{font-size:21px;font-weight:600;letter-spacing:-.8px;line-height:1}.brand:hover .brand-mark{filter:none;transform:none;opacity:.75}.topbar-inner{gap:44px}.topbar nav{gap:25px}.topbar .nav-link{font-size:13px}.cf-handle-link{color:inherit;transition:color .15s;text-underline-offset:4px}.cf-handle-link:hover{color:#fff;text-decoration:underline}.rooms-directory-toolbar,.players-toolbar{display:flex;align-items:center;gap:12px}.rooms-directory-toolbar>.arena-select{width:180px}.rooms-directory-toolbar>.text-input{width:210px;min-height:44px;padding:10px 13px}.rooms-directory-toolbar>.button{margin-left:auto}.directory-formats{height:44px;min-width:300px}.directory-formats .premium-tab{padding:5px 11px;font-size:12px}.directory-caption{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px;font-size:12px;color:#aaa59c}.directory-caption .text-button{font-size:12px;gap:8px}.waiting-rooms-list{display:flex;flex-direction:column;gap:12px}.waiting-room-card.spotlight-card{display:grid;grid-template-columns:210px minmax(0,1fr) 146px;align-items:center;gap:24px;padding:24px;border-radius:16px;background:#151515;box-shadow:inset 0 0 0 1px #30302e}.waiting-room-card>div{position:relative;z-index:1;min-width:0}.room-format-label{display:flex;align-items:center;gap:7px;font-size:12px;color:#bdbdb7}.room-format-label>small{font-size:9px;white-space:nowrap;border-left:1px solid #444;padding-left:8px;margin-left:2px}.waiting-room-info h2{font-size:17px;margin:13px 0 8px}.waiting-room-info h2>span{display:block;font-size:12px;color:#a8a8a1;font-weight:400;margin-top:4px}.waiting-room-info p{display:flex;align-items:center;gap:13px;color:#92928d;font-size:11px}.waiting-room-info p>span{display:flex;align-items:center;gap:5px}.room-slots{display:grid;grid-template-columns:repeat(var(--seat-count),minmax(0,1fr));gap:7px;width:100%;align-items:stretch}.room-slot{position:relative;min-width:0;min-height:94px;border:1px solid #393935;border-radius:10px;background:#232321;color:#c1c1b8;text-align:center;transition:border-color .18s,background-color .18s}.slot-profile{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-width:0;width:100%;height:100%;padding:11px 3px}.room-slot.occupied:hover{background:#2b2b27;border-color:#73736a}.slot-avatar{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:8px;background:#353530;color:#e8e8df;font-size:10px;font-weight:500;flex:none}.room-slot strong{display:block;max-width:100%;padding:0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;color:#e0e0d9;line-height:1.3}.room-slot small{font-size:8px;color:#93938b;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.room-slot.empty{border:1px dashed #383834;background:#101010;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#66665f;padding:8px 3px}.room-slot.empty:hover:not(:disabled){background:#20201d;border-color:#77776a;color:#bdbdb1}.room-slot.empty:disabled{opacity:.5}.room-slot.own-seat{border-color:#82704d}.slot-ready{position:absolute;top:6px;right:5px;color:#c4c9aa}.waiting-room-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.waiting-missing{font-size:13px;color:#d7d7ce;text-align:center}.waiting-missing b{font-weight:500;color:#f4f4ee}.waiting-missing small{display:block;margin-top:4px;font-size:10px;color:#8f8f87}.waiting-room-actions>.button{min-height:36px;font-size:12px;width:100%;padding:8px 14px}.waiting-room-actions>.text-button{font-size:11px;min-height:24px;justify-content:center;color:#a1a199}.directory-note{font-size:12px;color:#97978e;line-height:1.8;margin-top:22px}.community-empty{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 22px;gap:15px}.community-empty>svg{color:#77786e}.community-empty h2,.community-empty h3{font-size:18px;font-weight:500}.community-empty p{color:#a5a59b;font-size:13px;line-height:1.8;max-width:500px}.community-empty>.button{margin-top:5px}.compact-room-card.spotlight-card{grid-template-columns:1fr;padding:18px 0;gap:14px;background:transparent;box-shadow:none;border-radius:0;border-bottom:1px solid #32322d;overflow:visible}.compact-room-card>.spotlight-card__light,.compact-room-card>.spotlight-card__border,.compact-room-card>.spotlight-card__edge{display:none}.compact-room-card .waiting-room-info h2{font-size:14px;display:flex;align-items:center;justify-content:space-between;margin:7px 0}.compact-room-card .waiting-room-info h2>span{margin:0;font-size:11px}.compact-room-card .waiting-room-info p{font-size:10px}.compact-room-card .room-format-label{font-size:11px}.compact-room-card .waiting-room-actions{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.compact-room-card .waiting-missing{text-align:left;font-size:11px}.compact-room-card .waiting-missing small{display:none}.compact-room-card .waiting-room-actions>.button{min-height:32px;font-size:11px}.compact-room-card .waiting-room-actions>.text-button{font-size:10px}.compact-room-card .room-slot{min-height:84px}.compact-room-card .slot-avatar{width:25px;height:25px;font-size:9px}.compact-room-card .room-slot strong{font-size:9px}.compact-room-card .room-slots{gap:5px}.room-slots-large{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:12px}.room-slots-large .room-slot{min-height:132px}.room-slots-large .slot-avatar{width:38px;height:38px;font-size:12px;border-radius:10px}.room-slots-large .room-slot strong{font-size:12px}.room-slots-large .room-slot small{font-size:10px}.room-slots-large .slot-profile{padding:18px 7px;gap:9px}.room-slots-large .slot-ready{top:10px;right:10px}.slot-kick{position:absolute;top:2px;right:1px;width:24px;height:24px;z-index:2;color:#a8887e}.slot-kick svg{transform:rotate(45deg)}.slot-kick:hover{background:#703f332d;color:#e6b1a2}.room-slots-large .room-slot:has(.slot-kick) .slot-ready{right:auto;left:9px}.lobby-missing-note{font-size:12px;line-height:1.8;color:#99998f;margin-top:18px}.roster-panel .section-heading{margin-bottom:20px}.players-toolbar>.arena-select{width:210px;flex:none;font-size:12px}.players-toolbar>.arena-tabs-root{flex:none}.players-toolbar>.icon-button{flex:none}.board-periods{height:44px;min-width:285px}.board-periods .premium-tab{padding:6px 11px;font-size:12px}.players-search{position:relative;margin-left:auto;width:220px;min-width:100px}.players-search>svg{position:absolute;top:14px;left:12px;color:#84847b;pointer-events:none}.players-search input{width:100%;min-height:44px;padding:10px 12px 10px 36px;font-size:12px}.board-caption{display:flex;align-items:center;justify-content:space-between;margin-top:30px;margin-bottom:12px;gap:12px}.board-caption h2{font-size:16px}.board-caption h2>span{font-size:12px;color:#828279;margin-left:8px}.board-caption>span{display:flex;align-items:center;gap:7px;color:#93938a;font-size:11px}.players-table-scroll{overflow:auto;scrollbar-width:thin}.players-table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;min-width:720px}.players-table thead th{font-weight:400;font-size:11px;color:#94948c;padding:14px 13px;border-bottom:1px solid #36362f;white-space:nowrap}.players-table td,.players-table tbody th{padding:19px 13px;border-bottom:1px solid #2c2c26;font-size:14px;font-weight:400}.players-table th:first-child,.players-table td:first-child{padding-left:0;width:60px}.players-table th:last-child,.players-table td:last-child{padding-right:0;text-align:right}.players-table tbody tr:hover{background:#ffffff03}.players-table .board-place{font-size:15px;color:#a7a79a}.board-player{display:flex;align-items:center;gap:12px;min-width:190px}.board-avatar{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:11px;background:#292925;color:#c5c5b8;flex:none}.board-player .cf-handle-link{font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.board-player .cf-handle-link:after{content:"\2197";font-size:12px;color:#6f6f65;opacity:0;transition:opacity .15s}.board-player .cf-handle-link:hover:after{opacity:1}.board-player small{display:block;font-size:10px;color:#828277;margin-top:4px}.players-table td>small{display:block;font-size:9px;color:#818176;margin-top:4px}.players-table td>strong{font-weight:400}.board-wins{color:#e5c58f}.board-presence{display:flex;align-items:center;gap:5px;color:#bfb69c;font-size:10px;line-height:1.5;margin-top:4px}.board-presence>i{width:4px;height:4px;display:block;border-radius:50%;background:#c9b178}.board-presence.playing{color:#b5bba6}.board-presence.playing>i{background:#a6b18d}.board-presence:hover{text-decoration:underline}.players-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px}.players-bottom>p{font-size:11px;color:#8e8e82;line-height:1.8;max-width:720px}.board-pagination{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.board-pagination .icon-button{border:1px solid #35352d;border-radius:8px}.board-pagination .icon-button:disabled{opacity:.35}@media(max-width:1150px){.topbar-inner{gap:28px}.topbar nav{gap:20px}.waiting-room-card.spotlight-card{grid-template-columns:175px minmax(0,1fr) 130px;gap:18px;padding:22px}.rooms-directory-toolbar{flex-wrap:wrap}.rooms-directory-toolbar>.text-input{flex:1}.rooms-directory-toolbar>.button{margin-left:0}.players-toolbar{flex-wrap:wrap}.players-search{flex:1}.compact-room-card.spotlight-card{grid-template-columns:1fr;padding:18px 0;gap:14px}}@media(max-width:900px){.waiting-room-card.spotlight-card{grid-template-columns:1fr 140px;gap:18px}.waiting-room-info{grid-column:1}.waiting-room-card .room-slots{grid-column:1;grid-row:2}.waiting-room-actions{grid-column:2;grid-row:1/3}.waiting-room-info h2{display:flex;align-items:center;gap:12px;margin:9px 0 6px}.waiting-room-info h2>span{margin-top:0}.compact-room-card.spotlight-card{grid-template-columns:1fr}.compact-room-card .waiting-room-actions{grid-column:1;grid-row:auto}.compact-room-card .room-slots{grid-row:auto}.topbar nav{gap:17px}.topbar-inner{gap:24px}.topbar .nav-link{font-size:12px}}@media(max-width:760px){.topbar-inner{gap:10px}.topbar nav{gap:25px;scroll-padding-inline:16px}.topbar .nav-link{font-size:13px}.brand-wordmark{font-size:20px}.brand-mark{width:24px;height:24px}.rooms-directory-toolbar{gap:10px}.rooms-directory-toolbar>.arena-tabs-root{width:100%}.directory-formats{min-width:0;width:100%}.rooms-directory-toolbar>.arena-select{width:calc(50% - 5px);font-size:12px}.rooms-directory-toolbar>.text-input{width:calc(50% - 5px);flex:none;font-size:12px}.rooms-directory-toolbar>.button{width:100%;min-height:40px}.waiting-room-card.spotlight-card{padding:20px;grid-template-columns:1fr;gap:18px}.waiting-room-info,.waiting-room-card .room-slots,.waiting-room-actions{grid-column:1;grid-row:auto}.waiting-room-info h2{font-size:16px}.waiting-room-info h2>span{font-size:11px}.waiting-room-actions{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.waiting-missing{text-align:left;font-size:12px}.waiting-room-actions>.button{width:115px}.waiting-room-actions>.text-button{grid-column:2;min-height:22px;justify-content:center}.waiting-room-actions>.waiting-missing{grid-row:1/3}.room-slot{min-height:83px;border-radius:8px}.slot-avatar{width:24px;height:24px;font-size:9px}.room-slot strong{font-size:9px}.room-slot small{font-size:7px}.room-slots{gap:5px}.directory-note{font-size:11px}.directory-caption{font-size:11px;margin-top:16px}.community-empty h2,.community-empty h3{font-size:17px}.community-empty p{font-size:12px}.room-slots-large{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:9px}.room-slots-large .room-slot{min-height:115px}.room-slots-large .room-slot strong{font-size:11px}.room-slots-large .slot-avatar{width:33px;height:33px;font-size:11px}.compact-room-card.spotlight-card{padding:16px 0;gap:12px}.compact-room-card .waiting-room-actions>.text-button{grid-column:auto;grid-row:auto}.compact-room-card .waiting-room-actions>.waiting-missing{grid-row:auto}.compact-room-card .waiting-room-actions>.button{width:auto}.compact-room-card .waiting-room-info h2{font-size:13px}.players-toolbar>.arena-tabs-root{width:100%}.board-periods{width:100%;min-width:0}.players-toolbar{gap:10px}.players-search{margin-left:0;width:calc(50% - 28px);flex:1}.players-toolbar>.arena-select{width:44%;font-size:11px}.players-toolbar>.icon-button{width:30px}.board-caption{align-items:flex-start;margin-top:24px}.board-caption>span{font-size:9px;padding-top:4px}.board-caption h2{font-size:15px}.players-bottom{flex-direction:column;align-items:flex-start;gap:16px}.players-bottom>p{font-size:10px}.players-table{min-width:680px}.players-table th,.players-table td{padding-top:15px;padding-bottom:15px}.players-table th:first-child,.players-table td:first-child{width:42px}.board-player{min-width:165px}.board-player .cf-handle-link{font-size:13px}.board-avatar{width:30px;height:30px;font-size:10px}.community-players{padding:20px}}@media(max-width:420px){.room-slots:not(.room-slots-large){gap:4px}.waiting-room-card .room-slot strong{font-size:8px;padding:0}.waiting-room-card .room-slot small{font-size:6px}.waiting-room-card .slot-avatar{width:21px;height:21px;font-size:8px}.waiting-room-card .room-slot{min-height:75px}.slot-profile{padding:10px 1px}.room-slots:not(.room-slots-large) .room-slot.empty small{font-size:0}.room-slots:not(.room-slots-large) .room-slot.empty small:after{content:"\41c\435\441\442\43e";font-size:7px}.compact-room-card .waiting-room-actions{gap:9px}.room-format-label>small{font-size:8px}.waiting-room-info h2{gap:8px}.waiting-room-info h2>span{font-size:10px}.directory-caption{font-size:10px}.rooms-directory-toolbar>.arena-select{padding-inline:11px}.players-toolbar>.arena-select{padding-inline:9px;gap:6px}.room-slots-large .room-slot small{font-size:9px}}@media(prefers-reduced-motion:reduce){.room-slot,.cf-handle-link,.brand-mark,.board-player .cf-handle-link:after{transition:none}}.room-slots{max-width:calc(var(--seat-count)*100px + (var(--seat-count) - 1)*7px);margin-inline:auto}.room-slots-large{max-width:none}.language-switch{display:flex;align-items:center;flex:none;border:1px solid #363633;border-radius:8px;padding:3px;gap:2px;margin-left:auto;height:34px}.language-switch button{font-size:10px;font-weight:500;letter-spacing:.2px;padding:5px 7px;min-width:29px;min-height:26px;border-radius:5px;color:#88887f;transition:background-color .15s,color .15s}.language-switch button[aria-pressed=true]{background:#33332e;color:#f1f1e9}.language-switch button:hover{color:#fff}.topbar-inner>.account-button{margin-left:0}.topbar-inner{gap:28px}.topbar nav{gap:22px}.rating-access-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.7;color:#b5b0a5;margin:-10px 0 24px}.rating-access-note>svg{margin-top:3px;color:#baa37d}.topbar-inner>nav{min-width:0}.language-switch button:focus-visible{outline:2px solid #e4b66c;outline-offset:3px}html[lang=en] .waiting-room-card .room-format-label{flex-wrap:wrap}html[lang=en] .waiting-room-actions>.button{padding-inline:12px}html[lang=en] .premium-mode .premium-tab{white-space:normal}html[lang=en] .mode-select small{line-height:1.5}html[lang=en] .topbar .nav-link{font-size:13px}html[lang=en] .slot-profile>small{font-size:8px}html[lang=en] .insight-stats strong{font-size:25px}html[lang=en] .arena-select{white-space:normal}html[lang=en] .players-toolbar>.arena-select{width:220px}@media(max-width:1100px){.topbar-inner{gap:20px}.topbar nav{gap:17px}.topbar .nav-link,html[lang=en] .topbar .nav-link{font-size:12px}.account-button{font-size:13px}.language-switch button{padding-inline:5px;min-width:26px}}@media(max-width:850px)and (min-width:761px){.topbar-inner{gap:12px;padding-inline:18px}.topbar nav{gap:12px}.brand-wordmark{font-size:19px}.brand{gap:6px}.brand-mark{width:22px;height:22px}.account-button{gap:6px}.account-button>span{max-width:100px;overflow:hidden;text-overflow:ellipsis}.topbar .nav-link,html[lang=en] .topbar .nav-link{font-size:11px}}@media(max-width:760px){.topbar-inner{gap:10px}.topbar nav{gap:22px}.language-switch{margin-left:auto;margin-right:3px}.account-button{font-size:12px;gap:6px}.topbar-inner>.account-button{margin-left:0}.rating-access-note{font-size:11px;gap:7px;margin-top:-7px;margin-bottom:20px}.rating-access-note>svg{width:13px;height:13px}.topbar .nav-link,html[lang=en] .topbar .nav-link{font-size:13px}html[lang=en] .players-toolbar>.arena-select{width:44%}html[lang=en] .players-toolbar{column-gap:8px}html[lang=en] .capacity-row>span{max-width:90px;line-height:1.5}html[lang=en] .invitation-panel>.button{font-size:12px;white-space:normal}html[lang=en] .match-spec{flex-wrap:wrap}html[lang=en] .profile-card .button{white-space:normal}html[lang=en] .insight-stats strong{font-size:22px}}@media(max-width:390px){.account-button>span{max-width:95px;overflow:hidden;text-overflow:ellipsis}.brand-wordmark{font-size:18px}.brand-mark{width:22px;height:22px}.language-switch{margin-right:0}.language-switch button{padding-inline:5px;min-width:26px}}@media(prefers-reduced-motion:reduce){.language-switch button{transition:none}}html[lang=en] .room-slots:not(.room-slots-large) .room-slot.empty small:after{content:"Open"}.account-button>span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1100px){.account-button>span{max-width:110px}}@media(max-width:760px){.account-button>span{max-width:100px}}@media(max-width:390px){.account-button>span{max-width:70px}}
