@layer base,setup;@layer theme{:root{--red:#ed7b75;--blue:#7babee;--line:#ffffff14;--muted:#99a5b7;--panel:#20252d;color:#e7ecf4;background:#17191d}body{background:radial-gradient(at 90% 0,#48678d14,#0000 50%),radial-gradient(at 0 35%,#a747420c,#0000 45%),#17191d}button,a.button{color:#dce5f3;background:#252d39;border-color:#455064;border-radius:7px;transition:background .18s,border-color .18s,box-shadow .18s}button:hover,a.button:hover{background:#303d50;border-color:#7184a0}button.primary,a.button.primary,button.online-primary{color:#1b2637;background:linear-gradient(110deg,#e2e9f5,#b9cce7);border-color:#d0dced;box-shadow:0 4px 22px #a8c9ff0a}button.primary:hover,a.button.primary:hover,button.online-primary:hover{background:linear-gradient(110deg,#f0f5fd,#d0e0f6)}button:disabled{cursor:default}.segmented button{color:#98a5b8;background:0 0;border:0}.segmented button.selected{color:#fff;background:#364359;box-shadow:inset 0 1px #ffffff10}#red-alliance.selected{color:#ffb1ac;background:#ed7b751e}#blue-alliance.selected{color:#b1d0ff;background:#7babee25}#setup .setup-links :is(button,.button){color:#a9b0bd;background:0 0;border-color:#0000}#setup .setup-links :is(button,.button):hover{color:#eef2fa;background:#252930;border-color:#424854}#setup .setup-links #setup-customize{color:#e2edff;background:linear-gradient(115deg,#ed7b7514,#7babee26);border:1px solid #7898c566;align-items:center;gap:9px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff0b,0 4px 18px #7babee0a}#setup .setup-links #setup-customize:hover{background:linear-gradient(115deg,#ed7b7522,#7babee3a);border-color:#9abbec;box-shadow:0 0 22px #7babee1a}.driver-height-slider{border:1px solid var(--line);background:#171d2670;border-radius:8px;margin-top:12px;padding:12px 14px}.driver-height-value{justify-content:space-between;align-items:center;gap:12px;display:flex}#setup .configuration .driver-height-value label,.driver-height-value label{color:#9ba8ba;margin:0;font-size:10px}.driver-height-value output{font-variant-numeric:tabular-nums;color:#d7e5f9;font-size:12px}.driver-height-slider input[type=range]{width:100%;height:24px;accent-color:var(--blue);cursor:pointer;margin:10px 0 2px;display:block}.driver-height-limits{color:#8292a9;justify-content:space-between;font-size:9px;display:flex}#setup-customize .customize-icon{flex-shrink:0;width:20px;height:20px}#setup-customize .customize-arrow{color:#9cbcea;font-size:15px;transition:transform .18s}#setup-customize:hover .customize-arrow{transform:translate(2px,-2px)}@media (prefers-reduced-motion:reduce){#setup-customize .customize-arrow{transition:none}#setup-customize:hover .customize-arrow{transform:none}}select,input[type=number],input[type=text],#online-browser input{color:#dce5f3;background:#191e26;border-color:#3d4758;border-radius:7px}:focus-visible{outline-offset:3px;outline:2px solid #a9caff}.eyebrow{color:#98a7be;letter-spacing:1.8px;font-size:10px}.site-brand{color:#e7ecf4;flex-shrink:0;align-items:center;gap:14px;text-decoration:none;display:flex}.site-brand strong{letter-spacing:-.4px;font-size:18px;font-weight:650;display:block}.site-brand small{color:#aaaeb8;letter-spacing:.2px;margin-top:6px;font-size:10px;display:block}.site-brand small span{color:#8792a5;margin-left:7px}.brand-mark{width:35px;height:35px;display:block;position:relative;transform:rotate(-12deg)}.brand-mark i{border:2px solid var(--red);border-radius:4px;width:24px;height:24px;position:absolute;top:1px;left:0}.brand-mark i:last-child{border-color:var(--blue);background:#17191d;top:10px;left:10px}.page-header{border-bottom:1px solid var(--line);gap:22px;max-width:1600px;min-height:100px;margin:auto;padding:24px 40px}.page-header .setup-links{margin-left:auto}.page-header :is(button,a.button){background:0 0;font-size:11px}dialog{background:radial-gradient(at 95% 0,#7babee12,#0000 55%),#1b2028;border:1px solid #52617b80;border-radius:16px;padding:32px;box-shadow:0 30px 120px #000a,inset 0 1px #ffffff0b}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080c13c4}dialog h2,#online-browser h2,#leaderboard h2{letter-spacing:-1px;margin:12px 0;font-size:32px;font-weight:650}dialog p{color:#a2aec0;line-height:1.75}dialog .close{color:#a8b8cd;background:0 0;border:0}dialog .eyebrow{padding-right:24px}.online-layout{align-items:start;gap:40px;max-width:1360px;margin:38px auto 64px}.online-layout h1{letter-spacing:-1.5px;overflow-wrap:anywhere;font-size:clamp(30px,3vw,43px);font-weight:650}#online-lobby{--alliance-rgb:237 123 117;min-height:100dvh}#online-lobby[data-alliance=blue]{--alliance-rgb:123 171 238}.online-slot,.robot-card,.robot-live>div{--alliance-rgb:237 123 117;background:linear-gradient(150deg,rgb(var(--alliance-rgb)/.055),transparent 60%),#20252d;border:1px solid #ffffff16;border-top:2px solid rgb(var(--alliance-rgb)/.75);border-radius:12px;position:relative;box-shadow:inset 0 1px #ffffff05}.online-slot.blue-slot,.robot-card.blue,.robot-live>.blue{--alliance-rgb:123 171 238;border-top-color:rgb(var(--alliance-rgb)/.75)}.online-slot{padding:19px;transition:box-shadow .35s,border-color .35s,background .35s;overflow:hidden}.online-slot-title strong,.robot-card h3{color:rgb(var(--alliance-rgb));letter-spacing:1.3px;font-size:10px}.online-slot-title span{letter-spacing:.3px;font-size:9px}.online-slot h3{letter-spacing:-.4px;font-size:18px;font-weight:600}.online-slot.is-ready{background:linear-gradient(150deg,rgb(var(--alliance-rgb)/.15),transparent 75%),#20252d;border-color:rgb(var(--alliance-rgb)/.6);box-shadow:0 0 28px rgb(var(--alliance-rgb)/.09),inset 0 1px rgb(var(--alliance-rgb)/.25)}.online-slot.is-ready .online-slot-title span{color:rgb(var(--alliance-rgb));text-shadow:0 0 16px rgb(var(--alliance-rgb)/.6)}.online-slot.is-ready .online-slot-title span:before{content:"●";margin-right:6px;font-size:7px}.online-slot.ready-burst:after{content:"";pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgb(var(--alliance-rgb)/.24) 50%,transparent 62%);animation:1s ease-out both ready-sweep;position:absolute;inset:-100%}@keyframes ready-sweep{0%{transform:translate(-70%)}to{transform:translate(70%)}}#online-ready[aria-pressed=true]{color:#ecf2fc;background:rgb(var(--alliance-rgb)/.16);border-color:rgb(var(--alliance-rgb)/.8);box-shadow:0 0 24px rgb(var(--alliance-rgb)/.13)}#online-ready{min-width:130px}.online-forms{border:0;gap:18px}.online-forms form{border:1px solid var(--line);background:#151b2480;border-radius:12px;padding:18px}.online-forms h3{margin:0 0 16px}.online-list-row{border:1px solid var(--line);background:#242c3777;border-radius:9px;margin:8px 0;padding:14px}#online-invite-code{color:#d5e4fa;letter-spacing:2px}.run-card{background:linear-gradient(110deg,#29344870,#20252d);border-color:#ffffff16;border-radius:11px}.run-card[open]{border-color:#657b9e88}.run-card summary:hover{background:#7babee08}.run-rank{color:#b2c7e6}.run-details{border-color:var(--line)}.showcase{--alliance-rgb:237 123 117}.showcase[data-alliance=blue]{--alliance-rgb:123 171 238}.preview-panel.showcase{background:radial-gradient(ellipse at 50% 45%,rgb(var(--alliance-rgb)/.15),transparent 60%),linear-gradient(155deg,#262c37,#181d26);border-color:rgb(var(--alliance-rgb)/.25);transition:border-color .4s,box-shadow .4s}.showcase .showcase-dot{background:rgb(var(--alliance-rgb));box-shadow:0 0 12px rgb(var(--alliance-rgb)/.55)}.showcase.is-ready{border-color:rgb(var(--alliance-rgb)/.75);box-shadow:0 0 45px rgb(var(--alliance-rgb)/.13),inset 0 0 70px rgb(var(--alliance-rgb)/.09)}.showcase.is-ready .showcase-wordmark{color:rgb(var(--alliance-rgb)/.13)}.hud,.scoreboard,#toast,.pause-label{background:#18202bed;border-color:#63759455;box-shadow:0 8px 28px #0003,inset 0 1px #ffffff09}.hud{border-radius:11px}.hud .eyebrow{color:#a0afc5}.hud h2{font-weight:600}.scoreboard{border-radius:12px}.score>strong,.timer strong{letter-spacing:-1px;font-weight:600}#arena .results{background:radial-gradient(at 50% 0,#7babee1c,#0000 65%),#1b2028fa;border-color:#647b9d80;border-radius:16px;box-shadow:0 24px 90px #0009}#arena .results h2{letter-spacing:-1px;font-size:30px;font-weight:650}#arena .results>strong{letter-spacing:-1.5px;font-weight:650}#controls{width:min(840px,96vw)}#binding-controller-state{border:1px solid var(--line);overflow-wrap:anywhere;background:#111823;border-radius:7px;padding:9px 12px;font-size:11px}.bindings-scroll{border:1px solid var(--line);scrollbar-color:#4b5d78 #171d26;background:#171d26;border-radius:9px;max-height:43dvh;overflow:auto}.bindings-table{table-layout:fixed;margin:0}.bindings-table thead{z-index:1;background:#283242;position:sticky;top:0}.bindings-table th,.bindings-table td{padding:8px 12px}.bindings-table th:first-child{color:#c6d1e2;width:40%}.bindings-table th{font-size:11px;line-height:1.5}.bindings-table td button{white-space:normal;width:100%;min-height:35px;font-size:11px}.bindings-table .binding-group{text-transform:uppercase;letter-spacing:1.5px;background:#202937;padding-top:18px;padding-bottom:8px;font-size:9px;color:#94aac9!important}.binding-capture{background:#27364b;border:1px solid #8aaee2;border-radius:10px;margin-top:14px;padding:16px;box-shadow:0 0 25px #7babee0c}.binding-capture strong{font-size:14px}.binding-capture p{margin:8px 0 12px}.binding-capture-actions{flex-wrap:wrap;gap:8px;display:flex}#binding-confirm{color:#192539;background:#cadcf6}.binding-footer{justify-content:space-between;align-items:center;gap:14px;margin-top:12px;display:flex}.binding-footer>div{flex-shrink:0;gap:8px;display:flex}.binding-footer p{margin:0;font-size:10px}.binding-footer button{font-size:10px}.mechanism-guide{border-top:1px solid var(--line);color:#b9c9e0;margin-top:20px;padding-top:16px;font-size:12px}.simulation-page .sim-intro{grid-column:1/-1;padding:12px 4px 18px}.sim-intro h1{letter-spacing:-2px;margin:20px 0 14px;font-size:clamp(34px,4vw,52px);font-weight:650;line-height:1.1}.sim-intro h1 span{color:#8d9bb1}.sim-intro p{color:#9ba8ba;margin:0;font-size:13px;line-height:1.8}.simulation-page main{grid-template-columns:minmax(370px,460px) minmax(0,1fr);max-width:1600px;padding:28px 40px 64px}.simulation-page :is(.controls,.results){background:#20252d99;border-color:#ffffff16;border-radius:14px;padding:22px;box-shadow:inset 0 1px #ffffff06}.simulation-page h2{letter-spacing:-.5px;font-size:19px;font-weight:600}.simulation-page .section-heading>span{text-align:right;font-size:10px}.simulation-page .robot-card{padding:15px}.simulation-page .robot-card.red{border-top-color:var(--red)}.simulation-page input[type=range]{accent-color:rgb(var(--alliance-rgb))}.simulation-page .field-wrap{background:#1b2028;border-color:#63759455;box-shadow:0 15px 50px #0002}.simulation-page .robot-live>div{background-color:#20252d}.simulation-page .results th{letter-spacing:.5px}@media (width<=1000px){.simulation-page main{grid-template-columns:350px minmax(0,1fr);padding:24px 20px 48px}.simulation-page :is(.controls,.results){padding:15px}.page-header{padding:22px 24px}.online-layout{gap:24px}}@media (width<=850px){#online-preview .preview-panel{max-width:none;height:430px}.online-layout{margin-top:24px}.page-header{flex-wrap:wrap;height:auto}.page-header .setup-links{margin-left:0}.online-layout h1{letter-spacing:-1px}}@media (width<=800px){.simulation-page main{padding:20px 16px 40px;display:flex}.simulation-page .sim-intro{order:-2;padding:10px 0 12px}.simulation-page .viewer{order:-1}.simulation-page .robot-card{padding:13px}.simulation-page .field-wrap{height:55vh;min-height:340px}}@media (width<=600px){.page-header{gap:17px;padding:20px 16px}.site-brand strong{font-size:16px}.site-brand small{font-size:9px}.page-header .setup-links{flex-wrap:wrap;gap:6px}.page-header .setup-links button{margin-left:0}dialog{padding:25px 16px}dialog h2,#online-browser h2,#leaderboard h2{font-size:28px}.bindings-table th,.bindings-table td{padding:7px 6px}.bindings-table th:first-child{width:36%}.bindings-table td button{padding:8px 4px;font-size:10px}.bindings-table th{font-size:10px}.binding-footer{flex-direction:column;align-items:start;gap:9px}.bindings-scroll{max-height:38dvh}.online-forms form{padding:15px}.simulation-page .robot-card{padding:11px}.simulation-page .robot-grid{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.online-slot.ready-burst:after{animation:none;display:none}.showcase,.online-slot,button,a.button{transition:none}}#profile-admin[hidden],#setup-admin[hidden]{display:none!important}#setup .setup-links #setup-editor{color:#e2edff;background:linear-gradient(115deg,#ed7b7514,#7babee26);border:1px solid #7898c566;font-weight:600}.workshop-feature{color:#dfe7f4;background:linear-gradient(115deg,#ed7b7510,#7babee1a);border:1px solid #7898c566;border-radius:12px;margin-top:18px;padding:20px 22px;text-decoration:none;display:block;box-shadow:inset 0 1px #ffffff08}.workshop-feature:hover{background:linear-gradient(115deg,#ed7b7520,#7babee28);border-color:#9abbec}.workshop-feature .eyebrow{color:#9db6d7;letter-spacing:1.4px;font-size:8px}.workshop-feature strong{letter-spacing:-.4px;justify-content:space-between;margin:12px 0 8px;font-size:20px;font-weight:550;display:flex}.workshop-feature strong span{color:#a9c4ed;font-size:23px}.workshop-feature>span:last-child{color:#9da8b9;max-width:340px;font-size:11px;line-height:1.7;display:block}.discord-link{align-items:center;gap:8px;display:inline-flex}.discord-link img{width:19px;height:19px}.ranked-announcement .ranked-announcement-links{flex-direction:column;flex:none;align-items:start;gap:10px;display:flex}.ranked-announcement-links .discord-link{color:#b6bdff;font-size:10px;text-decoration:none}.ranked-announcement-links .discord-link img{width:16px;height:16px}@media (width<=600px){.ranked-announcement .ranked-announcement-links{margin-left:54px}}}