/* C-Drive's Garage — supplied pixel logo, website green and website blue. */
:root{--brand-green:#39ff14;--brand-blue:#59d8ff;--brand-black:#080a0b;--brand-panel:#0b1013;--brand-text:#f8faf9;--brand-muted:#b8c8ce;--brand-border:#59d8ff40;color:var(--brand-text);background:var(--brand-black);font-family:Arial,Helvetica,sans-serif}
.brand-logo{display:block;position:relative;width:164px;max-width:100%;aspect-ratio:1330/350;overflow:visible;background:transparent;border-radius:0;flex-shrink:0;isolation:isolate}
.brand-logo img{position:static;display:block;width:100%;max-width:100%;height:auto;margin:0;pointer-events:none}
.brand-logo--hero{width:270px;box-shadow:none;filter:drop-shadow(0 2px 5px #000b)}
.brand-logo--hud{width:100px;margin:0 0 5px}
.brand-logo--small{width:105px;margin:0 0 10px}
.brand-logo--nav{width:67px}
.brand-logo--dialog{width:165px;margin:0 0 14px}
header{gap:16px}header h1{margin:6px 0 7px;line-height:1}header .small{color:var(--brand-blue);font-weight:800;font-size:10px;letter-spacing:1.5px}
#releaseStatus{color:var(--brand-blue);font:700 10px/1.4 monospace;letter-spacing:.05em}
.small,.activity-heading{color:var(--brand-blue)}
button{background:#0d161bed;border-color:var(--brand-border);color:var(--brand-text);border-radius:6px;font-weight:700}
button:hover,button.active{background:#132b27;border-color:var(--brand-green)}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}
button:disabled{opacity:.45;cursor:default}
#dismiss,#betaAction,#mediaPrimary,#poolReleaseSkip,#shoot,#controllerCalibrate{background:var(--brand-green);color:var(--brand-black);border:1px solid var(--brand-green);font-weight:800;text-shadow:none}
#dismiss:hover,#betaAction:hover,#mediaPrimary:hover,#poolReleaseSkip:hover,#shoot:hover,#controllerCalibrate:hover{background:#80ff68;border-color:#80ff68}
#guide,#detail,dialog,#controllerDialog{background:#080d10f5;border:1px solid var(--brand-border);border-top:3px solid var(--brand-green);color:var(--brand-text);box-shadow:0 10px 40px #0006}
#guide{top:150px}#guide p,#detail h2,.gamehead h2,.controller-dialog-head h2{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.03em}
#guide p{font-size:26px}#guide span:not(.small),#detail p,.controller-note{color:var(--brand-muted)}
#guide .brand-logo{display:block;margin-bottom:12px}
#stations{background:#080d10f2;border:1px solid var(--brand-border);border-top:2px solid var(--brand-green)}
#stations .activity-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:1px 7px;font:800 10px/1 monospace;letter-spacing:.14em}
#stations button.active{background:var(--brand-green);color:var(--brand-black);font-weight:800}
#stations button:hover:not(.active){background:#59d8ff19;color:var(--brand-blue)}
#location{color:var(--brand-blue);font-weight:700}
#zoomControls,#dartsPreviewBar{background:#080d10e8;border-color:var(--brand-border)}
#zoomReadout,#controllerLive{color:var(--brand-blue)}#zoomRange{accent-color:var(--brand-green)}
#controllerSetup.connected{border-color:var(--brand-green);background:#112315;color:var(--brand-green)}
.controller-sticks span{background:#0c151a;border-color:var(--brand-border);color:var(--brand-blue)}
#retryRoomAssets{background:#132b27;color:var(--brand-text);border-color:var(--brand-green)}
#photo .brand-logo img{max-width:none;max-height:none;margin:0}
#betaHud,#mediaHud,#turretHud{background:var(--brand-black);border-top:2px solid var(--brand-green)}
.beta-heading{position:relative;min-height:44px;padding-left:112px}
.beta-heading>.brand-logo--hud{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0}
.beta-heading h2{font:900 19px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.015em}
#betaScore,#mediaScore,#turretScore,#betaScorecard,#poolPocketTally{color:var(--brand-blue)}
#betaStatus,#mediaStatus,#turretStatus,#betaInstructions,#mediaHint{color:var(--brand-muted)}
#betaHud select,#mediaHud select,#mediaHud input:not([type=range]){background:#0e191f;color:var(--brand-text);border-color:var(--brand-border)}
#betaHud input[type=range],#mediaHud input[type=range],#power{accent-color:var(--brand-green)}
#mediaHud a{color:var(--brand-blue)}
#betaMore,#mediaMore{border-top-color:var(--brand-border)}
#poolSuitBadge{background:#080d10eb;border:1px solid var(--brand-border);border-top:2px solid var(--brand-green)}
#poolSuitBadge .brand-logo{width:91px;margin-bottom:7px}
#poolTurnStatus{color:var(--brand-green)}#poolSuitBadge .pool-player.active{color:var(--brand-text)}
#poolViewButtons button[aria-pressed=true],#golfWindmill[aria-pressed=true]{background:#153519;border-color:var(--brand-green);color:var(--brand-green)}
#poolSpinControl{background:#0d161b;border-color:var(--brand-border)}
.shot-title{background:#080d10f2;color:var(--brand-blue)}
#poolReturnDetails{background:var(--brand-black)}#poolReturnDetails p{color:var(--brand-muted)}
.return-ball.latest{border-color:var(--brand-green)}.return-ball small{color:var(--brand-blue)}
.pool-release-card{background:var(--brand-black);border-color:var(--brand-blue)}
.pool-release-heading{color:var(--brand-text);flex-wrap:wrap;border-bottom:1px solid var(--brand-border)}
.pool-release-heading>.brand-logo{width:106px;margin:0}.pool-release-heading>strong{flex:1}
#golfControls span{color:var(--brand-muted)}
#golfTargetPin,#golfTargetPin .golf-pin-flag{background:var(--brand-blue)}
.golf-power-track{border-color:#b5eafa;background-color:#0e191f}
#golfPowerFill{background:linear-gradient(90deg,var(--brand-blue),var(--brand-green) 60%,#ffdf55 85%,#ff6855)}
#golfSlopeReadout.flat{color:var(--brand-text)}
#boxingClubHeader{background:#0c2011;border-color:var(--brand-green);color:var(--brand-green);text-shadow:none;font-size:12px;padding:5px 7px}
.rocket-stick-wrap,.dart-pad-group,.stick-wrap{color:var(--brand-blue)}
.joystick,#rocketStick,.dart-stick{border-color:#59d8ff80;background:radial-gradient(circle at 40% 35%,#16313b,#080e13 72%);box-shadow:inset 0 0 20px #0009,0 2px 12px #0006}
.stick-knob,.rocket-knob,.dart-stick-knob{border-color:var(--brand-blue);background:radial-gradient(circle at 32% 26%,#cdf5ff,#2d839b 54%,#123440)}
.dart-throw-guide{color:var(--brand-text)}
#turretStartButton{background:var(--brand-green);border-color:var(--brand-green);color:var(--brand-black);box-shadow:0 5px 0 #15450d;font:900 20px/1 monospace}
#mediaMore a,.shot-title output{color:var(--brand-blue)}
#error{background:#0b1013;border:1px solid var(--brand-blue);color:var(--brand-text)}
@media(max-width:650px){
 header .brand-logo--hero{width:210px}header .small{font-size:9px;letter-spacing:.06em}header{gap:8px}#releaseStatus{font-size:9px}
 #guide{top:146px}#guide p{font-size:23px}
 .beta-heading{padding-left:0;min-height:0}.beta-heading>.brand-logo--hud{position:relative;top:auto;transform:none;width:82px;margin:0 0 4px}
 .beta-heading h2{font-size:17px}.pool-release-heading>strong{font-size:13px}
 #poolSuitBadge .brand-logo{width:76px;margin-bottom:4px}
}
@media(max-height:540px) and (orientation:landscape){
 header .brand-logo--hero{width:145px}header h1{margin:0 0 3px}#guide{top:70px}
 #guide>.brand-logo{display:none}.beta-heading{padding-left:88px;min-height:35px}
 .beta-heading>.brand-logo--hud{position:absolute;top:50%;transform:translateY(-50%);width:78px;margin:0}
 .beta-heading h2{font-size:16px}#stations .brand-logo--nav{width:51px}
}