*,:before,:after{box-sizing:border-box}html,body,canvas,.pad,.pad-btn,.rotate-hint{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{color:#ef0000;-webkit-font-smoothing:none;overscroll-behavior:none;touch-action:none;background:#000;width:100%;height:100dvh;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}body{cursor:none;position:fixed;inset:0}.sound-test,.sound-test *{-webkit-user-select:text;user-select:text}canvas{touch-action:none;image-rendering:pixelated;image-rendering:crisp-edges;max-width:100%;max-height:100%;display:block}::selection{color:#000;background:#ef0000}.rotate-hint{text-align:center;color:#ef0000;letter-spacing:.18em;z-index:10;background:#000;place-content:center;justify-items:center;gap:28px;padding:24px;font-size:13px;line-height:2;display:none;position:fixed;inset:0}.rotate-hint p{margin:0}.rotate-hint button{font:inherit;letter-spacing:.16em;color:#ef0000;cursor:pointer;background:#000;border:1px solid #500;padding:12px 20px;font-size:12px}.rotate-hint button:active{color:#000;background:#ef0000}@media (orientation:portrait) and (max-height:900px){.rotate-hint{display:grid}}.sound-test{cursor:auto;letter-spacing:.14em;max-width:720px;min-height:100%;margin:0 auto;padding:32px 20px 48px}.sound-test h1{color:#ef0000;margin:0 0 4px;font-size:24px}.sound-test h2{color:#a40000;margin:28px 0 10px;font-size:12px;font-weight:400}.sound-test .sub{color:#a40000;margin:0 0 24px;font-size:11px}.sound-test .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.sound-test button{font:inherit;letter-spacing:.12em;color:#ef0000;cursor:pointer;text-align:left;background:#000;border:1px solid #500;padding:12px 10px;font-size:12px}.sound-test button:hover{background:#180000;border-color:#ef0000}.sound-test button:active,.sound-test button.on{color:#000;background:#ef0000;border-color:#ef0000}.sound-test .start{text-align:center;border-color:#ef0000;width:100%;margin-bottom:8px;display:block}.sound-test .readout{color:#a40000;min-height:16px;margin:24px 0 0;font-size:12px}.sound-test .back{color:#500;margin-top:16px;font-size:11px;text-decoration:none;display:inline-block}.sound-test .back:hover{color:#ef0000}.pad{z-index:5;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.pad-stick-zone{pointer-events:auto;touch-action:none;width:46%;position:absolute;top:0;bottom:0;left:0}.pad-stick-base,.pad-stick-knob{pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.pad-stick-base{border:1px solid #500;width:108px;height:108px}.pad-stick-knob{background:#ef000024;border:2px solid #ef0000;width:46px;height:46px}.pad-buttons{pointer-events:none;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:18px;right:18px}.pad-btn{pointer-events:auto;touch-action:none;font:inherit;letter-spacing:.14em;color:#ef0000;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000008c;border:2px solid #a40000;border-radius:50%}.pad-fire{width:92px;height:92px;font-size:13px}.pad-btn.on{color:#000;background:#ef0000d9;border-color:#ef0000}.board{cursor:auto;letter-spacing:.14em;max-width:640px;min-height:100%;margin:0 auto;padding:30px 18px 48px}.board h1{color:#ef0000;margin:0 0 4px;font-size:22px}.board .sub{color:#a40000;margin:0 0 22px;font-size:11px}.board-tabs{gap:8px;margin-bottom:18px;display:flex}.board-tabs button{font:inherit;letter-spacing:.14em;color:#ef0000;cursor:pointer;background:#000;border:1px solid #500;padding:9px 14px;font-size:11px}.board-tabs button:hover{border-color:#ef0000}.board-tabs button.on{color:#000;background:#ef0000;border-color:#ef0000}.board-note{color:#a40000;padding:20px 0;font-size:12px}.board-list{margin:0;padding:0;font-size:13px;list-style:none}.board-list li{color:#a40000;border-bottom:1px solid #1a0000;grid-template-columns:26px 16px 40px 1fr 26px 26px;align-items:center;gap:10px;padding:7px 6px;display:grid}.board-list li.mine{color:#ef0000;background:#1a0000}.board-list .rank{color:#500}.board-list li.mine .rank{color:#ef0000}.board-list .initials{color:#ef0000;letter-spacing:.2em}.board-list .score{text-align:right}.board-list .sector,.board-list .country{color:#500;font-size:11px}.board-back{color:#500;margin-top:22px;font-size:11px;text-decoration:none;display:inline-block}.board-back:hover{color:#ef0000}.board,.board *{-webkit-user-select:text;user-select:text}.run{cursor:auto;text-align:center;letter-spacing:.16em;place-content:center;justify-items:center;gap:10px;min-height:100%;padding:40px 20px;display:grid}.run-eyebrow{color:#a40000;letter-spacing:.4em;margin:0 0 12px;font-size:12px}.run-name{color:#ef0000;letter-spacing:.3em;align-items:center;gap:14px;font-size:30px;display:flex}.run-name em{color:#500;font-size:13px;font-style:normal}.run-score{color:#ef0000;letter-spacing:.1em;margin:6px 0 0;font-size:46px}.run-meta{color:#a40000;margin:0 0 26px;font-size:12px}.run-play{letter-spacing:.2em;color:#ef0000;border:2px solid #ef0000;padding:14px 26px;font-size:14px;text-decoration:none}.run-play:hover{color:#000;background:#ef0000}.run-board{color:#500;margin-top:6px;font-size:11px;text-decoration:none}.run-board:hover{color:#ef0000}.run,.run *{-webkit-user-select:text;user-select:text}.pad-endbuttons{pointer-events:none;gap:10px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.pad-flat{pointer-events:auto;touch-action:none;font:inherit;letter-spacing:.16em;color:#ef0000;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000000b3;border:1px solid #a40000;padding:10px 18px;font-size:11px;text-decoration:none}.pad-flat:active{color:#000;background:#ef0000}