@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--yellow:#ffd600;--blue:#005dff;--muted:#8faccd}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#010308;color:#f3f7ff;font:13px Inter,Arial,sans-serif}button,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}button{transition:background .18s,border-color .18s}#arena,.shade{position:fixed;inset:0}.shade{pointer-events:none;background:linear-gradient(#00040a88,transparent 25%,transparent 74%,#000613a6)}canvas{display:block}header{position:fixed;top:29px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#fff;letter-spacing:5px;font-weight:700;font-size:27px}.brand span{color:var(--yellow)}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#93acd0;margin-top:9px}.topActions{display:flex;gap:10px;align-items:center}.topActions button,#viewControls button,#viewControls label{background:#020b1c88;border:1px solid #6183b32f;border-radius:4px;font-size:9px;letter-spacing:1.2px;min-height:36px;padding:10px 12px}#pause{font-size:15px;min-width:39px}#scoreboard{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:23px;padding:8px 24px;border-top:1px solid #2863ba80;background:linear-gradient(#02102caa,#00091d22);border-radius:0 0 4px 4px}#scoreboard>div{display:flex;align-items:center;gap:11px}#scoreboard b{font:500 43px/1 'Barlow Condensed',sans-serif}#scoreboard small{font-size:8px;color:var(--yellow);letter-spacing:1.7px}#scoreboard>div:last-child small{color:#9eb2cf}#matchType{text-align:center;font-size:8px;letter-spacing:1.2px;white-space:nowrap;color:#bfd0e8;line-height:1.7}#matchType em{font-size:7px;font-style:normal;color:#637e9c}#menu{position:fixed;top:21%;left:5.5%;width:360px;text-shadow:0 2px 25px #000b;animation:enter .8s .2s both}.eyebrow{font-size:9px;letter-spacing:2px;color:#99b2d1;display:flex;gap:10px;align-items:center}.eyebrow i{display:block;width:18px;height:2px;background:var(--yellow)}h1{font:700 clamp(60px,6.7vw,94px)/.83 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.8px;margin:25px 0 19px}h1 span{color:var(--yellow)}#introText{font-size:13px;line-height:1.7;color:#bacbdf;margin:0 0 24px}.entry{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.entry button{border-radius:3px;font-size:10px;font-weight:600;letter-spacing:1.4px;width:250px;text-align:left;padding:17px 20px}.entry span{float:right;font-size:16px;line-height:11px}#play{background:var(--yellow);color:#142109;border:1px solid #ffdd25;box-shadow:0 5px 35px #ffcf0013}#play:hover{background:#ffea63}#practice{background:#02102eaa;border:1px solid #8babd432;color:#c9d8eb}#practice:hover{background:#102442}#controller{font-size:8px;letter-spacing:1px;line-height:1.6;color:#7994b6;margin-top:15px;max-width:260px}.playing #menu{display:none}#announcement{position:fixed;top:20%;width:100%;text-align:center;pointer-events:none;text-shadow:0 2px 30px #000}#announcement strong{display:block;font:600 47px 'Barlow Condensed',sans-serif;letter-spacing:3px}#announcement span{display:block;font-size:9px;letter-spacing:2px;color:#abc4e3;margin-top:8px}#readyHint{position:fixed;left:50%;top:24%;transform:translateX(-50%);text-align:center;white-space:nowrap;pointer-events:none;background:#020b2299;padding:12px 20px;border-radius:4px}#readyHint b{display:block;font-size:10px;letter-spacing:1.4px}#readyHint span{display:block;color:#9fb6d7;font-size:10px;margin-top:7px}[hidden]{display:none!important}footer{position:fixed;left:40px;right:40px;bottom:30px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}/* Optical energy tube, centered below the flight path. */
#flightHud .flightTelemetry{min-width:110px}
#flightHud .flightTelemetry>small{font-size:9px;letter-spacing:1.3px;color:#c1d4ee}
#flightSpeed{display:block;font:500 29px/1.15 'Barlow Condensed',sans-serif;margin-top:7px;font-variant-numeric:tabular-nums}
#flightHud .boost{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:clamp(220px,28vw,380px);--energy-top:#e9ffc2;--energy-core:#9aff00;--energy-base:#5fbf00;filter:drop-shadow(0 5px 10px #0008)}
#flightHud .energyCaption{display:flex;align-items:baseline;justify-content:space-between;margin:0 3px 9px}
#flightHud .energyCaption>small{font-size:10px;letter-spacing:1.4px;color:#b6c9c1}
#flightHud .energyCaption>span{display:flex;align-items:baseline;gap:3px}
#flightHud .energyCaption b{font:500 23px/1 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums}
#flightHud .energyCaption span small{font-size:10px;color:#b6c9c1}
#flightHud .track{position:relative;height:22px;padding:3px;border-radius:999px;overflow:hidden;border:1px solid #e9eef270;background:linear-gradient(180deg,#e9eef23b 0%,#e9eef21f 29%,#07100ab3 60%,#e9eef232 100%);box-shadow:inset 0 2px 3px #ffffff40,inset 0 -2px 4px #9aff0040,0 2px 7px #0005;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#flightHud .track::before{content:"";position:absolute;z-index:1;inset:2px 10px auto;height:5px;border-radius:50%;background:linear-gradient(90deg,transparent,#fff9 22%,#fff3 75%,transparent);pointer-events:none}
#flightHud .track::after{content:"";position:absolute;right:7px;top:5px;width:4px;height:4px;border-radius:50%;background:#fff9;box-shadow:0 1px 3px #e9eef266}
#flightHud .track i{display:block;height:100%;width:100%;border-radius:999px;background:linear-gradient(180deg,var(--energy-top) 0%,var(--energy-core) 37%,var(--energy-base) 76%,var(--energy-core) 100%);box-shadow:inset 0 1px 2px #fff8,inset -2px 0 3px #e9ffc270,0 1px 5px #5fbf0080;transition:width 90ms linear}
#flightHud .energyLegend{display:flex;justify-content:space-between;gap:12px;margin:8px 3px 0;font-size:9px;letter-spacing:1px;color:#b6c9c1}
#flightHud .energyLegend>span:last-child{color:#bfcce0}
#flightHud .boost[data-state="boosting"] .track{border-color:#e9eef2b3}
#flightHud .boost[data-level="low"]{--energy-top:#fff8bd;--energy-core:#ffda39;--energy-base:#8a6f00}
#flightHud .boost[data-level="low"] #boostState{color:#ffda39}
#flightHud .session{text-align:center;position:absolute;left:50%;transform:translateX(-50%);bottom:91px;white-space:nowrap;text-shadow:0 2px 5px #000}
.session>span{font-size:8px;color:#a9c1e0;letter-spacing:2px;display:block}
.session strong{display:block;font-size:9px;font-weight:500;letter-spacing:1.5px;color:#c1d4ee;margin-top:9px}
.ballStats{display:flex;gap:24px;text-align:right}.ballStats b{font:500 29px/1 'Barlow Condensed',sans-serif;display:block}.ballStats small{font-size:7px;letter-spacing:1.4px;color:#809bbd;display:block;margin-top:7px}#viewControls{position:fixed;bottom:121px;left:40px;display:flex;align-items:center;gap:8px}#viewControls label{display:flex;gap:10px;align-items:center;color:#7f9abc}#viewControls label>span{font-size:8px}#quality{background:#051934;border:0;color:#e3edff;padding:1px 3px;font-size:10px}#viewControls button[aria-pressed=true]{color:#b6d2fc}#helpButton span{color:var(--yellow);margin-left:8px}#resumePanel{position:fixed;top:29%;left:50%;transform:translateX(-50%);width:260px;padding:22px;background:#01091de8;border:1px solid #668ecc44;border-radius:6px;backdrop-filter:blur(12px)}#resumePanel h2{font:500 34px 'Barlow Condensed';text-align:center;letter-spacing:3px;margin:0 0 24px}#resumePanel button{display:block;width:100%;margin-top:9px;padding:14px;border:1px solid #6f90bc55;border-radius:3px;background:#061b36;font-size:10px;letter-spacing:1px}#resumePanel #resume{color:#152304;background:var(--yellow);border-color:var(--yellow)}#help{position:fixed;right:30px;top:110px;bottom:115px;width:354px;overflow:auto;background:#020b1def;border:1px solid #557dae55;padding:27px;border-radius:7px;backdrop-filter:blur(16px);z-index:5}#help h2{font:600 27px 'Barlow Condensed';letter-spacing:1px;margin:0 0 17px}#help p{font-size:11px;line-height:1.7;color:#9eb7d7;margin-bottom:23px}#help>div{display:flex;gap:16px;align-items:center;margin:16px 0}kbd{font:9px Inter,Arial;border:1px solid #486894;padding:8px;border-radius:3px;min-width:92px;text-align:center}#help span{font-size:11px}#help i{display:block;color:#7d99be;font-style:normal;font-size:9px;margin-top:4px}#help .tip{border-top:1px solid #42618755;padding-top:17px;font-size:10px}#closeHelp{position:absolute;right:12px;top:9px;border:0;background:none;color:#8da8ca;font-size:24px}#touch{display:none}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){header{left:24px;right:24px}.brand{font-size:22px}#sound{font-size:0;padding:8px 12px}#sound::after{content:"♪";font-size:15px}#sound[aria-pressed=false]{opacity:.5}#scoreboard{gap:13px;padding:8px 15px}#scoreboard b{font-size:35px}#menu{left:5%;width:300px;top:22%}h1{font-size:72px}footer{left:24px;right:24px}.session{display:none}#viewControls{left:24px}.ballStats{gap:18px}}
@media(max-width:600px){header{top:20px;left:18px;right:18px}.brand{font-size:19px;letter-spacing:4px}.brand small{font-size:7px}#scoreboard{top:59px;padding:7px 13px;gap:15px}#scoreboard b{font-size:30px}#scoreboard small{font-size:7px}#matchType{font-size:7px}#menu{top:153px;left:24px;width:280px}h1{font-size:64px;margin:20px 0 16px}.eyebrow{font-size:8px}#introText{font-size:11px;margin-bottom:16px}.entry button{padding:14px 16px;width:222px;font-size:9px}#controller{font-size:7px;max-width:220px}#viewControls{left:18px;bottom:106px;gap:5px}#viewControls button,#viewControls label{font-size:8px;padding:9px 8px}#viewControls label>span{display:none}footer{left:18px;right:18px;bottom:24px}.ballStats{gap:14px}.ballStats b{font-size:25px}#announcement{top:24%}#announcement strong{font-size:35px}#readyHint{top:25%;padding:10px}#readyHint b{font-size:8px}#help{left:18px;right:18px;top:140px;bottom:150px;width:auto;padding:22px}}
@media(pointer:coarse){.playing #touch{display:flex;position:fixed;bottom:156px;left:18px;right:18px;gap:6px;justify-content:center;flex-wrap:wrap}#touch button{touch-action:none;background:#03183dd0;border:1px solid #6e95c777;border-radius:4px;min-width:38px;padding:13px 10px;font-size:9px;color:#e6f0ff}}
@media(max-height:560px){header{top:15px}#menu{top:102px}h1{font-size:50px;margin:12px 0}#introText{display:none}.entry button{padding:12px 16px}#controller{margin-top:9px}footer{bottom:17px}#viewControls{bottom:99px}#help{top:87px;bottom:106px}#resumePanel{top:20%}#announcement{top:24%}#scoreboard{top:0}}
/* Pilot identity, metalwork achievements, and the sphere-driven rival introduction. */
#pilotCard{position:fixed;right:4%;top:23%;width:262px;display:flex;gap:16px;text-align:left;padding:22px 18px;background:linear-gradient(125deg,#051021dc,#03091860);border:1px solid #a5c7f021;border-radius:6px;backdrop-filter:blur(12px);box-shadow:0 12px 48px #0003}.pilotBadge{width:66px;flex-shrink:0;filter:drop-shadow(0 3px 14px #acff001c)}.pilotBadge svg{display:block;width:100%}.pilotInfo{display:flex;flex-direction:column;min-width:0}.pilotInfo>small{font-size:6px;letter-spacing:1.4px;color:#7e9abf;white-space:nowrap}.pilotInfo>strong{font:700 29px 'Barlow Condensed';letter-spacing:1px;margin-top:7px;overflow:hidden;text-overflow:ellipsis}.pilotInfo>span{font-size:8px;letter-spacing:1px;color:#87a5ca;margin-top:4px}.pilotRating{display:flex;gap:10px;align-items:center}.pilotRating b{font:500 23px 'Barlow Condensed';color:#dfffac}.pilotRating i{font-size:7px;letter-spacing:1px;font-style:normal;color:#aadf55}.editPencil{position:absolute;right:11px;top:10px;color:#7e9abd}.playing #pilotCard{display:none}#medalsButton span{color:#b6f23e;margin-left:6px}
.modal{position:fixed;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);width:410px;max-width:calc(100vw - 34px);max-height:calc(100vh - 70px);overflow:auto;padding:32px;background:#020a19f5;border:1px solid #8cabcf4d;border-radius:9px;box-shadow:0 22px 110px #000a;backdrop-filter:blur(24px)}.modal h2{font:600 35px/1 'Barlow Condensed';margin:16px 0 22px;letter-spacing:1px}.modal p{font-size:11px;color:#829dbe;line-height:1.7}.modal label{display:block;color:#9fb5d2;font-size:9px;letter-spacing:1.5px;margin:20px 0}.modal input{display:block;width:100%;border:1px solid #48648a66;background:#061429;color:#e4f0ff;border-radius:4px;font:600 16px Inter,Arial;letter-spacing:1px;padding:14px 12px;margin-top:10px}.modal input:focus{outline:1px solid #b4ee3d}.modalClose{position:absolute;top:10px;right:14px;background:none;border:0;color:#88a4c4;font-size:24px}.primary{width:100%;padding:15px;background:#c2ff3e;border:0;border-radius:3px;font-size:10px;letter-spacing:1.5px;color:#132401;font-weight:700}.medalVault{width:780px}.medalVault h2{margin-bottom:10px}#medalGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:25px}.medalItem{border:1px solid #668abc24;border-radius:6px;padding:17px 14px;text-align:center;background:linear-gradient(145deg,#0c20313d,#05101d)}.medalItem svg{width:77px;display:block;margin:0 auto 15px;filter:drop-shadow(0 4px 12px #e9eef222)}.medalItem.locked svg{filter:grayscale(1);opacity:.19}.medalItem strong{display:block;font-size:9px;letter-spacing:1px}.medalItem small{display:block;font-size:9px;line-height:1.5;color:#7993b4;margin-top:8px}.medalItem .earned{color:#bafd73;font-size:7px;margin-top:10px;letter-spacing:1.4px}#medalToast{position:fixed;z-index:14;right:28px;top:116px;display:flex;align-items:center;gap:14px;border:1px solid #a7e14a55;background:#031423ee;border-radius:7px;padding:13px 20px;box-shadow:0 8px 45px #0008;animation:enter .45s both}#toastBadge{display:block;width:48px}#medalToast small{display:block;font-size:7px;color:#a1d75b;letter-spacing:1.5px}#medalToast strong{display:block;font:600 22px 'Barlow Condensed';letter-spacing:1px;margin-top:7px}
.searching header,.searching #menu,.searching #pilotCard,.searching footer,.searching #viewControls,.searching #announcement,.searching #readyHint,.searching #touch{visibility:hidden!important}.searching .shade{display:none}#searchOverlay{position:fixed;inset:0;z-index:9;pointer-events:none}.scanBrand{position:absolute;left:40px;top:31px;font-size:24px;letter-spacing:5px;font-weight:700}.scanBrand b{font-size:13px;letter-spacing:2px;color:#b8ff32}.scanBrand small{display:block;margin-top:11px;font-size:8px;letter-spacing:2px;color:#608b80}.scanCopy{position:absolute;left:5.5%;top:25%;max-width:310px}.scanCopy .eyebrow{font-size:8px;color:#739786}.scanCopy h2{font:600 clamp(44px,5vw,68px)/.9 'Barlow Condensed';margin:21px 0;letter-spacing:-.5px}.scanCopy h2 span{color:#a4ff21}.scanCopy p{font-size:11px;color:#79a08a}.scanStatus{position:absolute;right:5%;top:46%;display:flex;gap:12px;align-items:center;font-size:8px;color:#b5e796;letter-spacing:1.4px;max-width:155px;line-height:1.8}.scanStatus i{display:block;width:6px;height:6px;border-radius:50%;background:#b1ff26;box-shadow:0 0 16px #a1ff00;animation:pulse .8s infinite alternate}.versusCards{position:absolute;left:50%;bottom:99px;transform:translateX(-50%);display:flex;gap:40px;align-items:center;text-align:center;white-space:nowrap}.versusCards>div{min-width:180px}.versusCards small{display:block;font-size:7px;letter-spacing:2px;color:#74a786}.versusCards strong{display:block;font:600 29px 'Barlow Condensed';letter-spacing:2px;margin:9px 0 5px}.versusCards span{display:block;font-size:7px;letter-spacing:1px;color:#7f9b8a}.versusCards>b{font-size:10px;color:#b6ff38}.scanProgress{position:absolute;bottom:72px;left:25%;right:25%;height:2px;background:#8cbc6727}.scanProgress i{display:block;width:0;height:100%;background:#b7ff41;box-shadow:0 0 14px #94ef57}#skipScan,#cancelScan{pointer-events:auto;position:absolute;bottom:28px;right:40px;background:#0b1d1555;border:1px solid #6c9d7544;border-radius:4px;padding:12px 16px;font-size:8px;letter-spacing:1.5px}#cancelScan{left:40px;right:auto;color:#7f9e8c}@keyframes pulse{to{opacity:.3}}
@media(max-width:1000px){#pilotCard{width:213px;right:24px;padding:17px 13px;gap:12px;top:23%}.pilotBadge{width:49px}.pilotInfo>strong{font-size:25px}.pilotInfo>small{font-size:5px}.scanCopy{left:4%;max-width:245px}.scanCopy h2{font-size:49px}.scanStatus{right:3%;max-width:120px;font-size:7px}.versusCards{gap:24px}.versusCards>div{min-width:140px}}
@media(max-width:600px){#pilotCard{top:135px;right:17px;width:138px;padding:12px;gap:9px}.pilotBadge{width:29px}.pilotInfo>small{display:none}.pilotInfo>strong{font-size:20px;margin:0}.pilotInfo>span{font-size:6px;max-width:73px;line-height:1.5}.pilotRating{gap:6px}.pilotRating b{font-size:18px}.pilotRating i{font-size:5px}.editPencil{display:none}#medalGrid{grid-template-columns:repeat(2,1fr)}.modal{padding:24px}.medalItem{padding:13px 10px}.medalItem svg{width:63px}.modal h2{font-size:29px}#viewControls{gap:4px}#viewControls button{font-size:7px;padding:9px 7px}#viewControls label{padding:8px 4px}#viewControls #medalsButton span{display:none}.scanBrand{left:23px;top:23px;font-size:21px}.scanCopy{top:100px;left:23px}.scanCopy h2{font-size:36px;margin-top:12px}.scanCopy p{display:none}.scanCopy .eyebrow{font-size:6px}.scanStatus{top:auto;bottom:212px;left:50%;right:auto;transform:translateX(-50%);max-width:unset;width:max-content;font-size:7px}.versusCards{gap:16px;bottom:112px}.versusCards>div{min-width:120px}.versusCards strong{font-size:23px}.versusCards small,.versusCards span{font-size:6px}.scanProgress{left:14%;right:14%;bottom:89px}#skipScan,#cancelScan{bottom:25px;font-size:7px}#skipScan{right:20px}#cancelScan{left:20px}#medalToast{top:135px;right:18px;left:18px}}
@media(max-height:560px){#pilotCard{top:135px}.scanCopy{top:110px}.scanCopy h2{font-size:37px}.versusCards{bottom:81px}.versusCards strong{font-size:23px}.scanProgress{bottom:59px}#skipScan,#cancelScan{bottom:13px;padding:9px 12px}}

.modalOpen::after{content:"";position:fixed;inset:0;background:#00061070;z-index:11}.searching #resumePanel,.searching #help,.searching .modal,.searching #medalToast{visibility:hidden!important}

.directorLinks{display:flex;gap:14px;margin-top:16px;flex-wrap:wrap}.directorLinks a{font-size:7px;letter-spacing:1px;color:#bbd4f1;text-decoration:none}.directorLinks a:hover{color:#d4ff3b}

@media(max-width:760px){
 #flightHud{bottom:calc(20px + env(safe-area-inset-bottom,0px));padding-bottom:86px}
 #flightHud .boost{width:min(340px,calc(100vw - 36px))}
 #flightHud .flightTelemetry>small{font-size:8px}
 #flightHud #flightSpeed{font-size:24px}
 #flightHud .ballStats b{font-size:24px}
 #viewControls{bottom:calc(169px + env(safe-area-inset-bottom,0px))}
}
@media(pointer:coarse) and (max-width:760px){
 .playing #touch{bottom:calc(218px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){#flightHud .track i{transition:none}}
@media(forced-colors:active){
 #flightHud .track{background:Canvas;border-color:CanvasText}
 #flightHud .track i{background:Highlight;forced-color-adjust:none}
 #flightHud .track::before,#flightHud .track::after{display:none}
}

/* Actual match state, kept beneath the score and away from the ball. */
#arenaMoment{position:fixed;z-index:12;top:100px;left:50%;transform:translateX(-50%);margin:0;padding:8px 14px;background:#061521e8;color:#d2f69f;border:1px solid #547148;font-size:11px;font-weight:650;letter-spacing:.06em;text-align:center;white-space:nowrap;pointer-events:none}
#arenaMoment[hidden]{display:none}
#arenaMoment[data-moment="match-point"]{color:#ffe2a3;border-color:#9c8150;background:#211a0ce8}
@media(max-width:700px){#arenaMoment{top:94px;font-size:11px;padding:7px 10px}}