@font-face{font-family:Barlow;src:url(../assets/text.ttf)}@font-face{font-family:Display;src:url(../assets/display.ttf);font-weight:700}*{box-sizing:border-box}html,body{color:#f1f2e9;background:#0a1013;width:100%;height:100%;margin:0;font-family:Barlow,sans-serif;overflow:hidden}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline-offset:5px;outline:2px solid #e0fc9e}#game{width:100%;height:100%;display:block}#vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 47%,#03090c55 100%);position:fixed;inset:0}.hidden{display:none!important}.smallcaps,.eyebrow{letter-spacing:.2em;font-size:12px}.eyebrow{color:#e7efcf;align-items:center;gap:12px;display:flex}.eyebrow i{background:#daf3a4;border-radius:50%;width:7px;height:7px}#loading{z-index:20;background:#11191b;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}h1,h2,.wordmark,.score,#clock,#boost-number{margin:0;font-family:Display,sans-serif}#loading h2{letter-spacing:-.035em;margin:10px 0 26px;font-size:70px}.load-track{background:#324144;width:240px;height:2px}#load-progress{background:#d7f3ab;width:5%;height:100%;transition:width .3s}#loading p{color:#90a3a3;font-size:12px}#menu{background:linear-gradient(90deg,#071113e8 0%,#071113ad 27%,#07111318 58%,#0000 100%);position:fixed;inset:0}header{align-items:center;gap:25px;display:flex;position:absolute;top:32px;left:48px;right:48px}.wordmark{color:#edf2e7;letter-spacing:-.06em;font-size:34px;text-decoration:none}.wordmark span{color:#d4f0a1}.venue{letter-spacing:.17em;font-size:11px}.venue span{color:#e1efad;padding:0 12px}header button{margin-left:auto}.text-button{color:#dce3dc;letter-spacing:.13em;background:0 0;border:0;padding:10px;font-size:10px}.intro{position:absolute;top:18%;left:6.3%}.intro h1{letter-spacing:-.04em;margin:24px 0;font-size:clamp(80px,10vw,165px);line-height:.82}.intro h1>span{margin-left:9px;font:18px Barlow;position:relative;top:-.2em}.intro p{color:#c5cecd;margin:22px 0 27px;font-size:18px;line-height:1.5}.primary{text-align:left;letter-spacing:.055em;color:#132119;background:#d6eca6;border:1px solid #d6eca6;justify-content:space-between;align-items:center;width:290px;padding:19px 22px;font-family:Display;font-size:19px;transition:background .2s,transform .2s;display:flex}.primary:hover{background:#ecffca;transform:translateY(-2px)}.primary span{font-size:24px}.match-info{letter-spacing:.14em;color:#b0bab8;margin-top:15px;font-size:10px}.match-info b{color:#d1e4aa;margin:0 10px}.menu-bottom{border-top:1px solid #bccabd38;padding-top:17px;position:absolute;bottom:25px;left:48px;right:48px}.control-title{letter-spacing:.17em;justify-content:space-between;font-size:11px;display:flex}.control-title>span{color:#a7b3af;font-size:9px}.controls{grid-template-columns:1fr 1fr 1.35fr 1fr 1fr 1fr;gap:24px;margin:23px 0 18px;display:grid}.controls>div{flex-direction:column;gap:7px;display:flex}.controls kbd{align-self:flex-start}.controls strong{letter-spacing:.1em;font-size:10px;font-weight:400}.controls span{color:#adbbb7;font-size:10px}kbd{color:#e6eddf;white-space:nowrap;border:1px solid #a5b5ae70;border-radius:2px;padding:4px 8px;font:10px Barlow}.footer-note{color:#9aaca7;justify-content:space-between;font-size:10px;display:flex}.footer-note>span{color:#d2e5ac;letter-spacing:.13em}#hud{pointer-events:none;position:fixed;inset:0}.match-tag{letter-spacing:.22em;text-shadow:0 2px 9px #000;font-size:12px;font-weight:700;position:absolute;top:30px;left:32px}.match-tag span{color:#23332b;vertical-align:middle;background:#d5ecac;margin-left:10px;padding:3px 5px;font-size:8px}.match-tag small{color:#becac8;letter-spacing:.18em;margin-top:7px;font-size:8px;font-weight:400;display:block}.scoreboard{filter:drop-shadow(0 4px 10px #0006);align-items:stretch;height:76px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.team{letter-spacing:.12em;background:#111d2188;align-self:center;min-width:81px;padding:0 19px;font-family:Display;font-size:15px;line-height:38px}.team.left{border-left:2px solid #8bbaca}.team.right{border-right:2px solid #eeb087}.score{justify-content:center;align-items:center;width:65px;font-size:44px;display:flex}.score.blue{background:#285263e8}.score.orange{background:#a96540e8}.clock-wrap{background:#111a1ded;flex-direction:column;justify-content:center;align-items:center;min-width:115px;display:flex}#clock{font-size:33px;line-height:1}.clock-wrap small{letter-spacing:.18em;color:#bdc5bf;margin-top:6px;font-size:7px}.top-actions{pointer-events:auto;gap:10px;display:flex;position:absolute;top:28px;right:24px}.top-actions kbd{margin-left:6px;font-size:8px}#announcement{text-align:center;text-shadow:0 3px 25px #0009;width:90%;position:absolute;top:24%;left:50%;transform:translate(-50%)}#announcement small{letter-spacing:.25em;font-size:12px}#announcement h2{letter-spacing:.02em;font-size:clamp(65px,7vw,100px);line-height:1.1}#announcement p{letter-spacing:.17em;color:#e3eccf;font-size:12px}#camera-mode{letter-spacing:.15em;text-shadow:0 2px 10px #000;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;bottom:35px;left:34px}#camera-mode i{background:#d6eca6;border-radius:50%;width:6px;height:6px}#camera-mode small{letter-spacing:.1em;color:#b7c4c4;font-size:8px}#boost-gauge{width:144px;height:144px;position:absolute;bottom:39px;right:36px}#boost-gauge svg{width:100%;height:100%;overflow:visible;transform:rotate(-210deg)}#boost-gauge circle{fill:none;stroke-width:4px;stroke-linecap:round;stroke-dasharray:304 365}.gauge-bg{stroke:#d5e8e02b}#boost-arc{stroke:#e4f3bc;filter:drop-shadow(0 0 5px #e1e6b444);transition:stroke-dasharray .1s}#boost-gauge>div{flex-direction:column;align-items:center;display:flex;position:absolute;inset:27px 0 0}#boost-number{font-size:53px;line-height:1.05}#boost-gauge small{letter-spacing:.22em;color:#dbe7d9;font-size:9px}.boost-key{text-align:center;letter-spacing:.2em;color:#bdc9b5;font-size:8px;position:absolute;bottom:0;left:0;right:0}#speed{color:#c3d0c6;letter-spacing:.15em;font-size:8px;position:absolute;bottom:22px;right:67px}#speed span{color:#eff4e9;font-family:Display;font-size:17px}#tip{letter-spacing:.12em;color:#d0dcd5;text-shadow:0 1px 7px #000;white-space:nowrap;font-size:9px;transition:opacity 1s;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}#tip b{color:#e7f2c5;padding:0 10px}#touch-toast{letter-spacing:.12em;color:#e6f3bf;text-shadow:0 2px 15px #000;font-family:Display;font-size:20px;transition:opacity .3s;position:absolute;top:130px;left:50%;transform:translate(-50%)}#replay{text-align:center;letter-spacing:.2em;width:260px;font-size:14px;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.record-dot{background:#ed895c;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}#replay small{letter-spacing:.1em;color:#cad5d2;margin-top:12px;font-size:8px;display:block}.replay-track{background:#ffffff3a;height:2px;margin-top:15px}.replay-track i{background:#e8f0d7;width:0;height:100%;display:block}.overlay{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071214b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{background:#0d181bef;border-top:1px solid #cce0c75e;width:440px;padding:40px}.panel h2{letter-spacing:-.02em;margin-top:20px;font-size:64px;line-height:1}.panel p{color:#a9bab5;margin:20px 0 30px;font-size:14px;line-height:1.6}.panel .primary,.panel .secondary{width:100%;margin-bottom:12px}.secondary{color:#dce6d7;letter-spacing:.08em;background:0 0;border:1px solid #b7c8b84d;padding:16px;font-family:Display;font-size:17px}.secondary:hover{background:#d5e4c618}.panel>.text-button{margin:10px auto;display:block}.settings{color:#bccbc3;border-top:1px solid #a4b7b536;flex-direction:column;gap:18px;margin-top:25px;padding-top:20px;font-size:12px;display:flex}.settings label{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings select{color:#e0e8dd;background:#203034;border:1px solid #596c64;padding:6px;font-size:11px}.settings label:last-child{justify-content:flex-start}#final-score{letter-spacing:.16em;margin-top:20px;font-family:Display;font-size:75px}.result-stats{border-top:1px solid #94aca743;gap:35px;margin-bottom:30px;padding-top:20px;display:flex}.result-stats>div{flex-direction:column;gap:7px;display:flex}.result-stats b{font-family:Display;font-size:33px}.result-stats span{letter-spacing:.13em;color:#b2c5ba;font-size:9px}@media (height<=800px){.intro{top:17%}.intro h1{margin:18px 0;font-size:min(12vw,116px)}.intro p{margin:16px 0;font-size:16px}.menu-bottom{bottom:18px}.controls{margin:16px 0}.primary{padding:14px 20px}.intro .eyebrow{font-size:10px}}@media (width<=1000px){header,.menu-bottom{left:28px;right:28px}.controls{gap:14px}.controls span{font-size:8px}.match-tag{display:none}.top-actions{top:110px;right:10px}.team{min-width:60px;padding:0 12px}.scoreboard{height:64px}.score{width:54px}.clock-wrap{min-width:98px}#boost-gauge{width:125px;height:125px;right:20px}#boost-gauge>div{inset:24px 0 0}#boost-number{font-size:44px}#tip{font-size:8px;bottom:70px}}