@font-face{font-family:Hoops Court;src:url(/fonts/hoops-court-regular.woff2) format("woff2");font-weight:400;font-display:block}@font-face{font-family:Hoops Court;src:url(/fonts/hoops-court-bold.woff2) format("woff2");font-weight:700;font-display:block}:root{--paper: #f6f6f4;--ink: #141416;--mute: #5e605f;--teal: #2e5669;--red: #ba1726}html,body{margin:0;height:100%;background:var(--paper);overflow:hidden}canvas{display:block;image-rendering:pixelated}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--ink);font-family:Hoops Court,monospace;-webkit-font-smoothing:none;font-smooth:never}#score{position:absolute;top:18px;left:20px;font-size:22px}#score .row{display:grid;grid-template-columns:12px auto 48px;align-items:center;gap:10px;line-height:1.5}#score .row i{width:12px;height:12px}#score .team0 i{background:var(--teal)}#score .team1 i{background:var(--red)}#score .row b{font-weight:400;font-size:33px;text-align:right}#score .to{margin-top:6px}#score .big{font-size:44px;line-height:1}#score .line{margin-top:8px}#combo{position:absolute;top:18px;right:22px;text-align:right;font-size:22px;opacity:0;transition:opacity .2s}#combo b{display:block;font-weight:400;font-size:33px;color:var(--red)}#combo.on{opacity:1}#pop{position:absolute;top:13%;left:50%;transform:translate(-50%);font-size:44px;opacity:0;transition:opacity .25s;white-space:nowrap;text-align:center}#pop.on{opacity:1}#pop small{display:block;font-size:22px;color:var(--ink);margin-top:6px}#banner{position:absolute;left:0;right:0;top:38%;text-align:center;font-size:66px;background:var(--ink);color:var(--paper);padding:18px 0 22px}#banner small{display:block;font-size:22px;margin-top:8px}#tags .name{position:absolute;transform:translate(-50%);font-size:11px;white-space:nowrap}#tags .team0{color:var(--teal)}#tags .team1{color:var(--red)}#tags .fire:after,#me .fire:after{content:" ▲";color:var(--red)}#prompt{position:absolute;transform:translate(-50%);font-size:22px;color:var(--paper);background:var(--ink);padding:2px 8px;white-space:nowrap}#prompt:empty{display:none}#me{position:absolute;transform:translate(-50%);display:grid;justify-items:center;gap:3px;font-size:11px}#me .gauge{width:56px;height:5px;background:#1414162e}#me .gauge i{display:block;height:100%}#me .energy i{background:var(--ink)}#me .energy.low i,#me .heat i{background:var(--red)}#me .heat.fire{outline:2px solid var(--red);animation:flash .4s steps(1) infinite}@keyframes flash{50%{outline-color:transparent}}#meter{position:absolute;width:16px;height:140px;border:3px solid var(--ink);background:var(--paper);display:none}#meter .zone{position:absolute;left:0;right:0;background:var(--teal)}#meter .fill{position:absolute;left:0;right:0;bottom:0;background:#14141680}#meter .mark{position:absolute;left:-9px;right:-9px;height:4px;display:none}#meter .label{position:absolute;left:28px;font-size:22px;white-space:nowrap}#hint{position:absolute;right:20px;bottom:16px;font-size:11px;color:var(--mute)}#controls{position:absolute;top:0;right:0;bottom:0;left:0;background:#f6f6f4f5;padding:8vh 8vw;box-sizing:border-box}#controls[hidden]{display:none}#controls h2{font-weight:400;font-size:44px;margin:0 0 28px}#controls dl{display:grid;grid-template-columns:max-content 1fr;gap:12px 32px;font-size:22px;margin:0}#controls dt{color:var(--red)}#controls dd{margin:0}#pop,#banner,#combo b,#score .row b,#score .big,#controls h2{font-weight:700}#heatbar{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;font-size:22px}#heatbar span{font-weight:700}#heatbar .track{width:220px;height:12px;border:3px solid var(--ink);background:var(--paper)}#heatbar .track i{display:block;height:100%;background:var(--red);transition:width .15s steps(10)}#heatbar b{font-weight:700;color:var(--red);min-width:110px}#heatbar.fire .track{animation:heatflash .35s steps(1) infinite}@keyframes heatflash{50%{border-color:var(--red)}}#combo{top:64px}@media (max-width: 900px){#heatbar{top:auto;bottom:44px}#heatbar .track{width:140px}}#callb{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:conic-gradient(var(--teal) var(--fill, 0%),rgba(20,20,22,.2) 0);display:grid;place-items:center}#callb b{width:24px;height:24px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:22px;font-weight:700;line-height:1}#callb.set b{background:var(--teal);color:var(--paper)}#callb[hidden]{display:none}#lesson{position:absolute;top:16px;left:16px;width:min(400px,calc(100vw - 32px));box-sizing:border-box;background:var(--paper);border:3px solid var(--ink);padding:10px 14px 12px}#lesson[hidden]{display:none}#lesson small{display:block;font-size:16px;opacity:.7}#lesson b{display:block;font-size:32px;margin:2px 0 6px}#lesson kbd{display:inline-block;font:inherit;font-size:18px;color:var(--paper);background:var(--ink);padding:2px 10px}#lesson p{font-size:16px;margin:8px 0 0}#lesson ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;padding:0;font-size:16px}#lesson li:before{content:"□ "}#lesson li.ok{color:var(--teal)}#lesson li.ok:before{content:"■ "}#lesson em{display:block;font-style:normal;font-size:14px;opacity:.5;margin-top:8px}#lesson.done{border-color:var(--teal)}#lesson.done b{color:var(--teal)}body[data-tutorial] #score,body[data-tutorial] #heatbar{display:none}