@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171a1b;--surface:#1e2223;--raised:#262b2b;--ink:#e7eae6;--muted:#adb5b1;--faint:#929e97;--rule:#353d39;--mint:#b8d8bd;--mint-ink:#203026;--violet:#bdb4dc;--amber:#d2b98f;--red:#e0a7a3;--mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--editor-font-size:.875rem}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);min-height:100%;scroll-padding-top:2rem}body{background:var(--bg);min-height:100vh;color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button,a,input{transition:background-color .18s,border-color .18s,color .18s}::selection{color:#fff;background:#426551}h1,h2,h3,p{margin-top:0}.icon{vertical-align:middle;flex-shrink:0}.wordmark{letter-spacing:-.065em;white-space:nowrap;align-items:center;gap:.7rem;font-size:1.4rem;font-weight:800;display:inline-flex}.wordmark i{background:var(--mint);clip-path:polygon(0 0,30% 0,50% 57%,70% 0,100% 0,63% 100%,37% 100%);width:24px;height:27px;display:block}.eyebrow,.section-kicker,.micro-label{font:500 .75rem/1.5 var(--sans);letter-spacing:.025em;color:var(--muted);text-transform:none}.eyebrow{align-items:center;gap:.7rem;margin-bottom:1.2rem;display:flex}.tiny-cross{color:var(--mint);font-size:1.15rem;font-weight:400;line-height:1}.button{border:1px solid var(--rule);min-height:46px;font:600 .85rem/1.4 var(--sans);background:var(--raised);color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:.8rem;padding:.75rem 1.15rem;display:inline-flex}.button.primary{background:var(--mint);border-color:var(--mint);color:var(--mint-ink);box-shadow:none}.button.primary:hover:not(:disabled){background:#c7e0cb;border-color:#c7e0cb}.button.outline{background:0 0;border-color:#46534f}.button.outline:hover:not(:disabled),.button.small:hover:not(:disabled){border-color:var(--mint);background:#25332c}.button.small{min-height:36px;padding:.4rem .7rem;font-size:.75rem}.button.full{justify-content:space-between;width:100%}.quiet-button,.text-button{min-height:36px;color:var(--muted);font:500 .72rem var(--sans);background:0 0;border:none;padding:.35rem .1rem}.quiet-button:hover,.text-button:hover{color:var(--mint)}.text-button{color:var(--mint);font-weight:600}input{min-width:0;color:var(--ink);background:#191e1e;border:1px solid #6b7970;border-radius:6px;padding:.8rem .9rem}input::placeholder{color:#a0ada5}.muted{color:var(--muted)}.loading-page{min-height:100vh;color:var(--muted);text-align:center;font:.75rem var(--mono);place-content:center;gap:1.2rem;display:grid}.loading-mark{border:2px solid var(--rule);border-top-color:var(--mint);border-radius:50%;width:24px;height:24px;margin:auto;animation:.75s linear infinite spin}@keyframes spin{to{rotate:1turn}}@keyframes blink{50%{opacity:.3}}.auth-page{grid-template-columns:1.15fr 1fr;width:min(100%,1360px);min-height:100vh;margin:auto;padding:0 4.5%;display:grid;position:relative}.auth-intro{padding:145px 3.5rem 100px 0;position:relative}.auth-intro>.wordmark{position:absolute;top:38px;left:0}.auth-intro .eyebrow{margin-bottom:1.25rem}.auth-intro h1{z-index:1;letter-spacing:-.045em;margin:0;font-size:clamp(3rem,4.8vw,4.25rem);font-weight:500;line-height:1.1;position:relative}.auth-intro h1 em{color:var(--mint);font-style:normal}.auth-copy{max-width:25rem;color:var(--muted);margin:1.5rem 0 0;font-size:.94rem;line-height:1.8}.auth-panel{background:0 0;border-left:none;align-content:center;justify-items:center;padding:7rem 2rem;display:grid}.auth-panel-inner{background:var(--surface);border:1px solid var(--rule);border-radius:16px;width:min(100%,390px);padding:2rem}.auth-emblem{width:46px;height:46px;color:var(--mint);background:#29362d;border:1px solid #485a4b;border-radius:12px;place-items:center;margin-bottom:2.4rem;display:grid;box-shadow:0 0 28px #82d9970a}.auth-emblem .icon{width:24px;height:24px}.auth-panel .eyebrow{margin-bottom:.6rem}.auth-panel h2{letter-spacing:-.035em;margin:0 0 .65rem;font-size:1.9rem;font-weight:600;line-height:1.2}.auth-subtitle{color:var(--muted);margin-bottom:2rem;font-size:.85rem}.auth-form{gap:1.25rem;display:grid}.auth-form label{gap:.6rem;font-size:.82rem;font-weight:600;display:grid}.auth-form input{height:49px;font-size:.875rem;font-weight:400}.auth-form input:focus{border-color:#a0c5aa}.auth-form .button{height:48px;margin-top:.3rem}.form-error{color:var(--red);margin:0;font-size:.8rem}.auth-switch{color:var(--muted);text-align:center;margin:1.2rem 0 1.8rem;font-size:.78rem}.auth-footnote{border-top:1px solid var(--rule);color:var(--muted);justify-content:center;align-items:center;gap:.75rem;padding-top:1.8rem;font-size:.75rem;line-height:1.7;display:flex}.auth-footnote .icon{color:var(--faint)}.auth-principles{align-items:center;gap:1.7rem;margin-top:1rem;display:flex}.auth-principles>span{color:var(--muted);align-items:center;gap:.45rem;font-size:.72rem;display:inline-flex}.auth-principles .icon{width:14px;height:14px;color:var(--mint)}.auth-bottom{color:var(--faint);font:.72rem var(--mono);letter-spacing:.08em;justify-content:space-between;display:flex;position:absolute;inset:auto 4.5% 22px}.race-preview{isolation:isolate;width:100%;max-width:570px;height:275px;margin-top:1.8rem;position:relative}.preview-window{background:#222a26;border:1px solid #49564d;border-radius:9px;width:67%;position:absolute;overflow:hidden;box-shadow:0 16px 42px #0005}.preview-own{z-index:2;bottom:14px;left:0;transform:rotate(-1.5deg)}.preview-opponent{background:#272630;border-color:#4b4558;top:5px;right:0;transform:rotate(2deg)}.preview-bar{height:36px;font:.56rem var(--mono);border-bottom:1px solid #ffffff0e;align-items:center;gap:7px;padding:0 13px;display:flex}.preview-dot{background:var(--mint);border-radius:50%;width:6px;height:6px}.preview-dot.violet{background:var(--violet)}.preview-language,.preview-private{color:var(--muted);margin-left:auto;font-size:.5rem}.preview-private{color:var(--violet);align-items:center;gap:4px;display:flex}.preview-private .icon{width:11px;height:11px}.preview-code{font:.61rem/1.95 var(--mono);color:#dee8df;padding:14px 10px;display:grid}.preview-code>span{white-space:pre;display:block}.preview-code b{color:#72827a;width:28px;font-size:.53rem;font-weight:400;display:inline-block}.preview-code em{color:var(--mint);font-style:normal}.preview-code i{color:#91a098;font-style:normal}.preview-caret{background:var(--mint);vertical-align:middle;width:5px;height:12px;display:inline-block}.preview-footer{font:.47rem var(--mono);color:#a6b7ad;border-top:1px solid #ffffff0e;align-items:center;gap:6px;padding:9px 12px;display:flex}.preview-footer .icon{width:11px;height:11px;color:var(--mint)}.preview-blur{gap:10px;height:142px;padding:15px 20px;display:grid}.preview-blur i{width:var(--line-width);filter:blur(3px);opacity:.55;background:#b6a7e8;height:4px;display:block}.preview-blur i:nth-child(2n){opacity:.35;margin-left:20px}.preview-versus{z-index:3;width:32px;height:32px;color:var(--mint);font:.65rem var(--mono);background:#223026;border:1px solid #53614f;border-radius:50%;place-items:center;display:grid;position:absolute;top:104px;right:24%}.activity-bars{align-items:center;gap:2px;height:9px;display:flex}.activity-bars i{background:var(--violet);width:2px;height:5px}.activity-bars i:nth-child(2){height:9px}.shell{max-width:1320px;margin:auto;padding:0 clamp(1.2rem,4.2vw,4.5rem)}.app-header{border-bottom:1px solid var(--rule);align-items:center;gap:3.5rem;height:84px;display:flex}.main-nav{align-items:center;gap:1.8rem;height:100%;display:flex}.main-nav a{height:100%;color:var(--muted);align-items:center;font-size:.76rem;display:grid;position:relative}.main-nav a:hover,.main-nav .nav-active{color:var(--ink)}.main-nav .nav-active:after{content:"";background:var(--mint);height:2px;position:absolute;bottom:-1px;left:0;right:0}.header-right{align-items:center;gap:1rem;margin-left:auto;display:flex}.system-status{color:var(--muted);font:.72rem var(--mono);align-items:center;gap:.45rem;display:inline-flex}.system-status b,.status-dot,.presence,.connection-dot{background:var(--mint);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.system-status.offline{color:var(--amber)}.system-status.offline b,.status-dot{background:var(--amber)}.player-chip{align-items:center;gap:.55rem;max-width:190px;font-size:.75rem;display:flex}.player-chip strong{text-overflow:ellipsis;overflow:hidden}.player-chip>span{width:31px;height:31px;color:var(--mint);font:.75rem var(--mono);background:#2f3c32;border:1px solid #475347;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.header-right .quiet-button{font-size:.75rem}.lobby-intro{justify-content:space-between;align-items:center;gap:3rem;min-height:236px;padding:2.75rem 0;display:flex}.lobby-heading{flex-shrink:1;min-width:0}.lobby-intro .eyebrow{margin-bottom:1.1rem}.lobby-intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.5rem,3.7vw,3.2rem);font-weight:500;line-height:1.1}.lobby-intro h1 em{color:var(--mint);font-style:normal}.lobby-heading>p:not(.eyebrow){color:var(--muted);margin:1rem 0 0;font-size:.9rem}.player-stats{border-left:1px solid var(--rule);flex-shrink:0;gap:2.5rem;padding:1rem 0 1rem 2rem;display:flex}.player-stats>span{grid-template-columns:auto 1fr;align-items:center;column-gap:.6rem;display:grid}.player-stats .icon{width:14px;height:14px;color:var(--muted)}.player-stats b{font:1.25rem var(--mono)}.player-stats small{color:var(--faint);grid-column:1/-1;margin-top:.5rem;font-size:.72rem}.notice,.match-notice{background:#1e2b22;border:1px solid #465f4d;border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1rem;padding:.8rem 1rem;font-size:.8rem;display:flex}.notice button,.match-notice button{min-width:32px;min-height:32px;color:var(--ink);background:0 0;border:none;font-size:1.2rem}.arena-layout{grid-template-columns:minmax(0,1fr) 285px;gap:24px;display:grid}.arena-panel{border:1px solid var(--rule);background:var(--surface);border-radius:12px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 1.5rem;display:flex}.panel-heading>div{align-items:center;gap:.65rem;display:flex}.panel-heading h2{letter-spacing:-.025em;margin:0;font-size:1.05rem;font-weight:600}.panel-icon{color:var(--mint)}.panel-heading .micro-label{font-size:.75rem}.play-grid{grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem;display:grid}.section-kicker{margin-bottom:.9rem;font-size:.8rem}.section-kicker>span{color:#bed0c7;margin-right:.4rem}.selection-column,.mode-column{min-width:0}.difficulty-list{gap:9px;display:grid}.difficulty-option{border:1px solid var(--rule);min-height:78px;color:var(--ink);text-align:left;background:#1b2020;border-radius:7px;grid-template-columns:22px 1fr auto 14px;align-items:center;gap:.65rem;padding:.9rem;display:grid}.difficulty-option:hover{border-color:#84978a}.difficulty-option.selected{background:#28342d;border-color:#728d79}.difficulty-option b{font-size:.88rem;font-weight:600;display:block}.difficulty-option small{color:var(--muted);margin-top:.25rem;font-size:.75rem;display:block}.difficulty-option em{font:.65rem var(--mono);text-transform:uppercase;color:var(--muted)}.selection-check{border:1px solid #6b7970;border-radius:50%;width:14px;height:14px}.selected .selection-check{background:var(--mint);color:#14271c;border:none;place-items:center;display:grid}.selection-check .icon{stroke-width:2px;width:10px;height:10px}.difficulty-bars{width:21px;height:20px;color:var(--mint);align-items:flex-end;gap:3px;display:flex}.difficulty-bars.medium{color:var(--amber)}.difficulty-bars.hard{color:var(--violet)}.difficulty-bars i{background:#404942;border-radius:1px;width:4px;height:7px}.difficulty-bars i:nth-child(2){height:12px}.difficulty-bars i:nth-child(3){height:18px}.difficulty-bars i.filled{background:currentColor}.catalog-strip{color:var(--muted);align-items:center;gap:.45rem;margin-top:1.1rem;font-size:.72rem;display:flex}.catalog-strip .icon{width:13px;height:13px}.catalog-strip b{color:var(--ink);font-weight:500}.mode-switch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-switch button{border:1px solid var(--rule);min-height:168px;color:var(--ink);text-align:left;background:#1b2020;border-radius:7px;flex-direction:column;align-items:flex-start;padding:1rem;display:flex;position:relative}.mode-switch button.active{background:#28342d;border-color:#728d79}.mode-switch button:hover{border-color:#84978a}.mode-switch .icon{color:var(--muted);width:18px;height:18px;margin-bottom:1rem}.mode-switch button.active .icon{color:var(--mint)}.mode-switch b{margin-bottom:.45rem;font-size:.9rem;font-weight:600}.mode-switch span{color:var(--muted);font-size:.75rem;line-height:1.65}.rank-note{min-height:38px;color:var(--muted);margin:.9rem 0;font-size:.75rem}.queue-button{justify-content:space-between;width:100%}.queue-button:disabled{color:#bdcebf;opacity:1;box-shadow:none;background:#2a3930;border-color:#3c4f42}.availability-note{color:var(--muted);align-items:baseline;gap:.4rem;margin:.8rem 0 0;font-size:.72rem;line-height:1.65;display:flex}.availability-note .status-dot{width:4px;height:4px}.queue-note{align-items:center;gap:.5rem;min-height:46px;font-size:.75rem;display:flex}.queue-note .text-button{margin-left:auto}.pulse{background:var(--mint);border-radius:50%;width:6px;height:6px;animation:1.4s infinite blink}.friends-panel{border:1px solid var(--rule);background:#222925;border-radius:12px;padding:1.5rem;position:relative}.friend-visual{align-items:center;margin-bottom:1.5rem;display:flex}.friend-visual>span{width:35px;height:35px;color:var(--mint);background:#27372a;border:1px solid #48614c;border-radius:9px;place-items:center;display:grid;transform:rotate(-7deg)}.friend-visual>span:last-child{color:var(--violet);background:#2b2937;border-color:#534968;transform:rotate(7deg)}.friend-visual .icon{width:16px}.friend-visual i{color:var(--muted);font:.72rem var(--mono);margin:0 .6rem}.friends-panel .eyebrow{color:#a7bbac;margin-bottom:.6rem;font-size:.75rem}.friends-panel h2{letter-spacing:-.035em;margin:0 0 .8rem;font-size:1.6rem;font-weight:500;line-height:1.25}.friend-copy{color:var(--muted);margin-bottom:1.5rem;font-size:.85rem;line-height:1.75}.friends-panel>.button{justify-content:space-between;width:100%;font-size:.8rem}.redeem-row{margin-top:1.5rem}.redeem-row label{color:var(--muted);margin-bottom:.45rem;font-size:.75rem;display:block}.redeem-row>div{background:#1b221e;border:1px solid #6b7970;border-radius:6px;align-items:center;padding-right:.5rem;display:flex}.redeem-row input{width:100%;min-height:44px;font:.75rem var(--mono);background:0 0;border:0;padding:.5rem .65rem}.redeem-row .quiet-button{color:var(--mint);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.redeem-row .icon{width:14px}.code-share{border:1px dashed #617b64;border-radius:6px;padding:.7rem}.code-share>span{color:var(--muted);font-size:.75rem}.code-share>div{justify-content:space-between;align-items:center;gap:.4rem;margin:.3rem 0;display:flex}.code-share strong{color:var(--mint);font:1rem var(--mono);overflow-wrap:anywhere}.code-share small{color:var(--muted);font-size:.75rem;display:block}.catalog-panel,.history-section{margin-top:2.8rem}.section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.section-heading .section-kicker{margin-bottom:.4rem;font-size:.75rem}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:1.3rem;font-weight:600;line-height:1.3}.section-heading>.micro-label{font-size:.75rem}.section-heading>.icon{color:var(--muted)}.problem-list{border-top:1px solid var(--rule);border-left:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.problem-list li{border-right:0;border-bottom:1px solid var(--rule);align-items:center;gap:.9rem;min-width:0;padding:1.2rem .8rem;display:flex}.problem-number{color:var(--faint);font:.72rem var(--mono)}.problem-list b{font-size:.85rem;font-weight:500;display:block}.problem-list small{color:var(--muted);margin-top:.25rem;font-size:.72rem;display:block}.problem-list .difficulty-tag{font:.65rem/1.4 var(--mono);margin-left:auto;padding:.25rem .45rem}.difficulty-tag{color:var(--mint);font:.72rem/1.4 var(--mono);text-transform:uppercase;background:#18271e;border:1px solid #3a5142;border-radius:4px;padding:.2rem .45rem}.difficulty-tag.medium{color:var(--amber);background:#2b251a;border-color:#554833}.difficulty-tag.hard{color:var(--violet);background:#242031;border-color:#493f60}.empty-history{border:1px solid var(--rule);background:#1b2020;border-radius:8px;align-items:center;gap:1rem;min-height:105px;padding:1.25rem 1.5rem;display:flex}.empty-history-icon{width:38px;height:38px;color:var(--faint);border:1px solid var(--rule);border-radius:50%;place-items:center;display:grid}.empty-history b{font-size:.85rem;font-weight:500}.empty-history p{color:var(--muted);margin:.25rem 0 0;font-size:.78rem}.empty-history>.micro-label{margin-left:auto;font-size:.75rem}.history-table{border-top:1px solid var(--rule)}.history-table [role=row]{border-bottom:1px solid var(--rule);grid-template-columns:70px 1fr 70px 100px;align-items:center;gap:1rem;min-height:76px;padding:.8rem 1rem;display:grid}.history-table b{font-size:.8rem;font-weight:500;display:block}.history-table small{color:var(--muted);font-size:.75rem;display:block}.history-table [role=cell]:nth-child(3),.history-table time,.outcome{color:var(--muted);font:.72rem var(--mono)}.outcome.win{color:var(--mint)}.outcome.loss{color:var(--red)}.site-footer{border-top:1px solid var(--rule);align-items:center;gap:1.5rem;margin-top:3.5rem;padding:1.5rem 0 2rem;display:flex}.site-footer .wordmark{font-size:1rem}.site-footer .wordmark i{width:15px;height:18px}.site-footer>span{color:var(--faint);font-size:.75rem}.site-footer .micro-label{margin-left:auto;font-size:.75rem}.match-shell{background:var(--bg);min-height:100vh}.match-header{border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr auto 1fr;align-items:center;gap:2rem;min-height:78px;padding:.8rem 2rem;display:grid}.match-header>.quiet-button{border:1px solid var(--rule);border-radius:6px;justify-self:end;padding:.5rem .8rem}.match-identity{color:var(--muted);font:.72rem var(--mono);align-items:center;gap:.6rem;display:flex}.connection-dot,.presence{background:var(--faint)}.connection-dot.online,.presence.online{background:var(--violet);box-shadow:0 0 0 3px #bdb4dc10}.match-clock{text-align:center;border-inline:1px solid var(--rule);min-width:110px;padding:0 1.5rem}.match-clock small{font:.72rem var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem;display:block}.match-clock strong{color:var(--mint);font:1.3rem var(--mono);display:block}.match-clock.urgent strong{color:var(--red)}.match-grid{grid-template-columns:minmax(260px,1fr) minmax(360px,1.65fr) minmax(240px,.75fr);min-height:calc(100vh - 78px);display:grid}.problem-column,.coding-column,.opponent-column{min-width:0}.problem-column{border-right:1px solid var(--rule);background:#202624}.problem-sheet{max-height:calc(100vh - 78px);padding:1.75rem;overflow:auto}.problem-sheet h1{letter-spacing:-.045em;margin:1.2rem 0;font-size:1.7rem;font-weight:500;line-height:1.15}.problem-meta{color:var(--muted);font:.72rem var(--mono);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.problem-meta>span:last-child{width:100%;font-size:.75rem}.problem-description{white-space:pre-line;color:#c7cfca;font-size:.9rem;line-height:1.8}.problem-sheet h2{color:var(--ink);font:500 .72rem var(--mono);margin:1.4rem 0 .6rem}.problem-formats p,.constraints{color:var(--muted);font-size:.85rem;line-height:1.75}.constraints ul{padding-left:1.1rem}.waiting-sheet{padding-top:4rem}.waiting-sheet h1{font-size:2rem;line-height:1.25}.waiting-sheet>p:last-child{color:var(--muted);font-size:.8rem}.example{border:1px solid var(--rule);border-radius:6px;margin:1.5rem 0;overflow:hidden}.example figcaption{font:.72rem/1.6 var(--mono);padding:.7rem}.example figcaption span{color:var(--muted);font:.72rem/1.6 var(--sans);margin-top:.4rem;display:block}.example>div{border-top:1px solid var(--rule);background:#0e1512;grid-template-columns:1fr 1fr;display:grid}.example pre{white-space:pre-wrap;min-width:0;font:.72rem/1.6 var(--mono);margin:0;padding:.75rem;overflow:auto}.example pre+pre{border-left:1px solid var(--rule)}.example pre b{color:var(--mint);font:.72rem var(--mono);text-transform:uppercase;margin-bottom:.4rem;display:block}.coding-column{background:#1b211f;flex-direction:column;display:flex}.workspace-heading{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.4rem;display:flex}.workspace-heading .section-kicker{color:var(--mint);margin-bottom:.35rem;font-size:.72rem}.workspace-heading h2{letter-spacing:-.025em;margin:0;font-size:1rem;font-weight:500}.runner-ready,.runner-down{text-align:right;max-width:130px;font:.68rem/1.6 var(--sans)}.runner-ready{color:var(--mint)}.runner-down{color:var(--amber)}.ready-card{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex}.ready-card p{max-width:25ch;color:var(--muted);font-size:.9rem}.ready-card .button{min-width:160px;margin-top:.75rem}.editor-topbar{border-bottom:1px solid var(--rule);font:.72rem var(--sans);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.2rem;display:flex}.editor-topbar label{align-items:center;gap:.7rem;display:flex}.editor-topbar select{border:1px solid var(--rule);color:var(--ink);font:.72rem var(--mono);background:#252e28;border-radius:4px;padding:.35rem}.editor-frame{background:#191f1d;flex:1;min-height:25rem;position:relative;overflow:hidden}.code-editor{color:#d4dfd6;tab-size:2;width:100%;font:400 var(--editor-font-size)/1.7 var(--mono);background:#191f1d;border:0;padding:1.25rem 1.4rem;display:block}.editor-frame .code-editor{resize:none;white-space:pre;height:100%;min-height:100%;padding-left:3.3rem;position:absolute;inset:0;overflow:auto}.editor-frame .code-editor:focus-visible{outline-offset:-3px;outline:1px solid #6e9b7a}.line-gutter{z-index:1;pointer-events:none;text-align:right;color:#768e7e;width:2.6rem;font:400 var(--editor-font-size)/1.7 var(--mono);margin:0;padding:1.25rem .5rem;list-style:none;position:absolute;top:0;left:0}.line-gutter li{height:1lh}.editor-actions{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.2rem;display:flex}.editor-actions>span{color:var(--muted);max-width:26ch;font-size:.72rem}.editor-actions .button{white-space:nowrap;min-height:38px;font-size:.75rem}.own-submissions{border-top:1px solid var(--rule);max-height:190px;padding:1rem 1.2rem;overflow:auto}.own-submissions h3{color:var(--muted);font:.72rem var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.8rem}.submission-empty{color:var(--muted);margin:0;font-size:.75rem}.submission-list{gap:.5rem;display:grid}.submission{border-left:2px solid var(--muted);background:#1a241e;grid-template-columns:1fr auto;gap:.3rem;padding:.6rem;display:grid}.submission.accepted{border-color:var(--mint)}.submission.wrong_answer,.submission.compile_error,.submission.runtime_error,.submission.time_limit,.submission.memory_limit,.submission.output_limit{border-color:var(--red)}.submission b,.submission span{font:.72rem var(--mono);display:block}.submission span,.submission time{color:var(--muted);font-size:.75rem}.submission pre{white-space:pre-wrap;max-height:5rem;font:.72rem/1.5 var(--mono);grid-column:1/-1;margin:.4rem 0 0;overflow:auto}.opponent-column{background:#212129;border-left:1px solid #3b3945}.opponent-workspace{flex-direction:column;min-height:100%;display:flex}.workspace-bar{border-bottom:1px solid #3b3945;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;min-height:80px;padding:0 1.2rem;display:grid}.workspace-bar b{text-overflow:ellipsis;color:#ded9ef;font:.72rem var(--mono);overflow:hidden}.workspace-bar small{color:#b2acc7;font:.72rem var(--mono)}.silhouette{background:#1d1e24;flex:1;min-height:23rem;padding:1.5rem 1.15rem;position:relative;overflow:hidden}.silhouette:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 1.76rem,#bdb4dc04 1.76rem 1.8rem);position:absolute;inset:0}.ghost-line{z-index:1;width:var(--w);filter:blur(5px);background:#b6a7d380;border-radius:1rem;height:.45rem;margin-bottom:1.35rem;transition:width .18s ease-out;position:relative}.ghost-line:nth-child(3n){background:#d4cee97a}.ghost-line:nth-child(4n){background:#a197bd70}.ghost-cursor{z-index:2;background:var(--violet);filter:blur(2px);width:.13rem;height:1rem;animation:1s step-end infinite blink;position:absolute;left:1.1rem}.silhouette-empty{text-align:center;color:#aaa4bd;position:absolute;top:45%;left:1.5rem;right:1.5rem}.silhouette-empty:before{content:"⌁";width:48px;height:48px;color:var(--violet);border:1px solid #393446;border-radius:12px;place-content:center;margin:0 auto 1rem;font-size:2rem;display:grid}.silhouette-empty span,.silhouette-empty small{display:block}.silhouette-empty span{font:.72rem var(--mono)}.silhouette-empty small{margin-top:.5rem;font-size:.75rem}.privacy-note{color:#aaa4bd;min-height:48px;font:.64rem var(--sans);border-top:1px solid #3b3945;align-items:center;gap:.5rem;padding:0 1rem;display:flex}.privacy-note span{color:var(--violet)}.result-banner{flex-direction:column;justify-content:center;align-items:flex-start;width:min(100% - 3rem,620px);min-height:calc(100vh - 78px);margin:auto;padding:3rem 0;display:flex}.result-banner .eyebrow{color:var(--mint)}.result-banner h1{letter-spacing:-.065em;margin:0 0 1.2rem;font-size:clamp(3rem,6vw,5rem);font-weight:500;line-height:1.06}.result-banner>p:not(.eyebrow){color:var(--muted)}.result-banner small{color:var(--mint);font:.8rem var(--mono);margin:0 0 1rem}.result-banner .button{margin-top:1.3rem}.error-page{text-align:center;padding:2rem}@media (min-width:1600px){.auth-page{align-items:center;min-height:100vh}.auth-panel{align-self:stretch}}@media (max-width:1150px){.app-header{gap:2rem}.header-right{gap:.7rem}.system-status{display:none}.arena-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.play-grid{gap:1rem;padding:1.2rem}.friends-panel{padding:1.2rem}.difficulty-option{grid-template-columns:19px 1fr 14px;gap:.5rem}.difficulty-option em{display:none}.lobby-intro{min-height:230px}.lobby-intro h1{font-size:3rem}.panel-heading .micro-label{display:none}.auth-intro{padding-right:2rem}.auth-panel{padding-inline:2rem}.auth-principles{gap:1rem}.problem-list{grid-template-columns:repeat(2,minmax(0,1fr))}.match-grid{grid-template-columns:minmax(220px,.9fr) minmax(340px,1.5fr) minmax(190px,.8fr)}.problem-sheet{padding:1.25rem}.workspace-bar{padding:0 .8rem}}@media (max-width:900px){.auth-page{grid-template-columns:1.1fr 1fr;padding-inline:4%}.auth-intro{padding-top:130px}.auth-intro h1{font-size:3.5rem}.auth-copy{font-size:.8rem}.auth-panel{padding-inline:1.7rem}.auth-panel h2{font-size:1.7rem}.auth-principles{flex-wrap:wrap;gap:.6rem 1rem}.auth-intro .race-preview{height:240px}.auth-intro .preview-window{width:85%}.auth-intro .preview-own{bottom:0}.auth-intro .preview-opponent{top:0}.lobby-intro .race-preview{max-width:275px}.lobby-intro h1{font-size:2.6rem}.player-stats{gap:1rem}.arena-layout{grid-template-columns:1fr}.friends-panel{grid-template-columns:1fr 1fr;column-gap:2rem;padding:1.5rem;display:grid}.friend-visual{display:none}.friends-panel .eyebrow{grid-column:1}.friends-panel h2{grid-area:2/1}.friends-panel h2 br{display:none}.friend-copy{grid-area:3/1;margin-bottom:0}.friend-copy br{display:none}.friends-panel>.button,.friends-panel .code-share{grid-area:1/2/3;align-self:center}.friends-panel .redeem-row{grid-area:3/2;margin:0}.play-grid{gap:1.5rem;padding:1.5rem}.difficulty-option{grid-template-columns:22px 1fr auto 14px}.difficulty-option em{display:block}.match-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.problem-column{border-right:none;border-bottom:1px solid var(--rule);grid-column:1/-1}.problem-sheet{max-height:35vh}.coding-column,.opponent-column{min-height:65vh}.match-header{grid-template-columns:1fr auto auto;gap:1rem}.match-identity{display:none}.editor-topbar{flex-wrap:wrap;gap:.6rem}.editor-actions{flex-wrap:wrap}.editor-actions>span{max-width:none}.editor-actions .button{width:100%}}@media (max-width:680px){.auth-page{flex-direction:column;padding:0 1.5rem;display:flex}.auth-intro{padding:105px 0 1.5rem}.auth-intro>.wordmark{top:24px}.auth-intro h1{font-size:clamp(2.5rem,10.5vw,3.5rem)}.auth-copy{max-width:30rem;margin-top:1.2rem;font-size:.85rem}.auth-intro .race-preview{max-width:390px;height:255px;margin:1.5rem auto 1rem}.auth-intro .preview-window{width:72%}.auth-principles{justify-content:center;gap:1rem}.auth-panel{border-left:none;border-top:1px solid var(--rule);background:0 0;padding:2.5rem 0 5rem}.auth-panel-inner{width:100%;max-width:380px;padding:1.5rem}.auth-emblem{display:none}.auth-panel h2{font-size:2rem}.auth-bottom{font-size:.75rem;inset-inline:1.5rem}.auth-form input{font-size:16px}.app-header{flex-wrap:wrap;gap:1.2rem;height:72px}.app-header .wordmark{font-size:1.2rem}.wordmark i{width:21px;height:24px}.main-nav{border-bottom:1px solid var(--rule);order:3;gap:1.8rem;width:100%;height:42px}.app-header{border-bottom:0;gap:.75rem;height:auto;padding-top:1.1rem}.main-nav a{font-size:.75rem}.header-right{gap:.7rem}.player-chip strong{display:none}.header-right .quiet-button{min-height:40px;font-size:.75rem}.lobby-intro{flex-direction:column;align-items:flex-start;gap:1.5rem;min-height:auto;padding:2.2rem 0}.lobby-intro .race-preview{display:none}.lobby-intro h1{font-size:clamp(2.3rem,7.8vw,3.1rem)}.lobby-intro .eyebrow{margin-bottom:.85rem;font-size:.75rem}.lobby-heading>p:not(.eyebrow){margin:.8rem 0 1.4rem;font-size:.75rem}.player-stats{border-left:0;gap:2rem;padding:0}.player-stats small{font-size:.75rem}.play-grid{grid-template-columns:1fr;gap:1.5rem;padding:1.25rem}.panel-heading{padding:1.1rem 1.25rem}.difficulty-option{min-height:70px}.difficulty-option b{font-size:.83rem}.difficulty-option small,.difficulty-option em,.section-kicker{font-size:.75rem}.mode-switch button{min-height:144px;padding:1rem}.mode-switch b{font-size:.95rem}.mode-switch span,.rank-note,.catalog-strip,.availability-note{font-size:.75rem}.friends-panel{padding:1.4rem;display:block}.friend-visual{float:none;margin-bottom:1rem;display:flex}.friends-panel .eyebrow{margin-top:.2rem}.friends-panel h2{max-width:none;font-size:1.6rem}.friends-panel h2 br{display:block}.friend-copy{margin:.8rem 0 1.25rem;font-size:.78rem}.friends-panel .redeem-row{margin-top:1rem}.redeem-row input{font-size:16px}.redeem-row label,.redeem-row .quiet-button{font-size:.75rem}.friends-panel>.button{font-size:.8rem}.friends-panel .eyebrow{font-size:.75rem}.redeem-row .quiet-button{min-width:48px;min-height:42px}.catalog-panel,.history-section{margin-top:2.2rem}.section-heading h2{font-size:1.15rem}.section-heading>.micro-label{display:none}.problem-list{grid-template-columns:1fr}.problem-list li{min-height:74px;padding:1rem}.problem-list b{font-size:.8rem}.problem-list small,.difficulty-tag,.problem-number{font-size:.75rem}.empty-history{gap:.8rem;padding:1.15rem}.empty-history-icon{flex-shrink:0}.empty-history b,.empty-history p{font-size:.75rem}.empty-history>.micro-label{display:none}.site-footer{flex-wrap:wrap;gap:.8rem}.site-footer .micro-label{display:none}.site-footer>span{margin-left:auto}.history-table [role=row]{grid-template-columns:45px 1fr 35px;gap:.5rem;padding-inline:0}.history-table time{display:none}.match-header{gap:.7rem;padding:.8rem 1rem}.match-header .wordmark{font-size:1.1rem}.match-header .wordmark i{width:17px;height:20px}.match-clock{min-width:80px;padding-inline:.7rem}.match-clock small{font-size:.75rem}.match-clock strong{font-size:1.15rem}.match-header>.quiet-button{padding-inline:.5rem;font-size:.75rem}.match-grid{grid-template-columns:minmax(0,1fr)}.problem-column{grid-column:auto}.problem-sheet{max-height:42vh}.coding-column{min-height:65vh}.opponent-column{border-top:1px solid #3b3945;border-left:none;min-height:320px}.opponent-workspace{min-height:320px}.workspace-bar{min-height:60px;padding-inline:1.2rem}.silhouette{min-height:260px}.silhouette-empty{top:25%}.editor-frame{min-height:24rem}.code-editor{font-size:16px}.editor-frame .code-editor,.line-gutter{font-size:1rem}.line-gutter li{height:1lh}.editor-topbar{font-size:.75rem}.workspace-heading h2{font-size:.95rem}.workspace-heading .section-kicker,.runner-down,.runner-ready,.privacy-note{font-size:.75rem}.problem-description{font-size:.85rem}.problem-formats p,.constraints{font-size:.8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.field-hint{color:var(--muted);margin-top:-.85rem;font-size:.75rem}.auth-jump{display:none}.opponent-name{min-width:0}.opponent-name>span{color:var(--violet);font:.72rem var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;display:block}.opponent-name b{display:block}@media (max-width:680px){.auth-jump{color:var(--mint);align-items:center;gap:.4rem;min-height:28px;font-size:.75rem;display:inline-flex;position:absolute;top:28px;right:0}.auth-jump .icon{width:15px;height:15px}}.section-description{color:var(--muted);margin:.4rem 0 0;font-size:.8rem}.match-format{font:.75rem var(--mono);color:var(--muted)}.mode-check{width:16px;height:16px;position:absolute;top:.8rem;right:.8rem}.mode-check .icon{width:14px;height:14px}@media (max-width:900px){.lobby-intro{gap:1.5rem}.player-stats{gap:1.25rem;padding-left:1.25rem}.player-stats b{font-size:1rem}}@media (max-width:680px){.player-stats{gap:2rem;padding:0}.auth-panel{border-top:0;padding-top:1rem}.auth-panel-inner{padding:1.5rem}.auth-principles{gap:.8rem}.auth-principles>span{font-size:.65rem}.auth-bottom{gap:1rem;padding-bottom:1.5rem;font-size:.65rem;position:static}.auth-bottom span:last-child{display:none}.auth-page{padding-top:100px}.auth-intro{display:contents}.auth-intro>.wordmark{left:1.5rem}.auth-jump{right:1.5rem}.auth-panel{order:1;padding:1.5rem 0}.auth-intro .race-preview{order:2;margin:1.5rem auto 1rem}.auth-principles{order:3;margin-bottom:2rem}.auth-bottom{order:4}}.auth-copy,.problem-description,.problem-formats p,.constraints{font-size:1rem}.auth-form label,.auth-subtitle,.auth-switch,.friend-copy,.section-description,.difficulty-option small,.mode-switch span,.rank-note{font-size:.875rem}.button,.difficulty-option b,.mode-switch b{font-size:1rem}.editor-actions .button,.friends-panel>.button{font-size:.875rem}@media (max-width:680px){.difficulty-option{grid-template-columns:18px minmax(0,1fr) auto 14px;gap:.5rem;padding:.8rem}.difficulty-option em{font-size:.625rem}.difficulty-option small{font-size:.75rem}.match-clock small{font-size:.625rem}}.example pre,.submission pre{font-size:.875rem}
