@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#11152d;--muted:#aeb7d1;--pink:#ff67bc;--yellow:#fff16b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f5ff;font:16px 'DM Sans',Arial,sans-serif}main{max-width:1260px;margin:auto;padding:28px 32px}header,.brand,.title,.toolbar,.toolbar>div,.legend,.action{display:flex;align-items:center}header{justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #30364e}.brand{gap:12px;font-size:14px;font-weight:700;letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:12px;letter-spacing:2px;margin-top:4px}.brandmark{background:var(--yellow);color:#11152d;padding:9px 7px;font-weight:900;border-radius:4px;transform:rotate(-5deg)}.tag{color:var(--muted);font-size:12px;letter-spacing:1.5px}.title{justify-content:space-between;margin:25px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#a4acc9;margin:0 0 8px}h1{font:900 clamp(32px,4.7vw,62px)/1 'Barlow Condensed','Arial Narrow',sans-serif;margin:0;letter-spacing:-1px}h1 em{font-style:normal;color:var(--yellow)}h1>span{color:var(--pink);margin-left:10px}.score{display:flex;align-items:center;gap:18px}.score small{font-size:12px;letter-spacing:1.4px;max-width:45px;line-height:1.5}.score strong{font:800 52px 'Barlow Condensed',sans-serif;color:var(--yellow)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px}.machine{border:1px solid #444967;border-radius:20px;overflow:hidden;background:#1e2541;box-shadow:0 12px 0 #090d21}.toolbar{padding:12px 18px;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:1px}.toolbar>span{color:#91e1bd}.toolbar>div{gap:7px}button,select{font:600 14px 'DM Sans',sans-serif;cursor:pointer}button{border:1px solid #525976;color:white;background:#303851;border-radius:7px;padding:10px 13px}button:hover{filter:brightness(1.18)}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:4px}canvas{display:block;width:100%;height:auto;background:#193f42}.legend{justify-content:center;gap:25px;padding:13px;font-size:13px;color:#d3daed}.legend span{display:flex;align-items:center;gap:7px}i{width:12px;height:12px;border-radius:3px}.yellow{background:var(--yellow)}.blue{background:#69c9ff}.pink{background:var(--pink)}.action{flex-direction:column;padding:0 20px 13px}.action button{background:var(--yellow);color:#171b31;width:100%;padding:18px;font-size:18px;font-weight:900;box-shadow:0 4px 0 #b6a94a;border:0}.action button span{font-size:11px;margin-left:15px;opacity:.65}.action p{font-size:12px;color:var(--muted);margin:13px 0 0}.panel{border-top:4px solid var(--pink);border-radius:12px;background:#242a46;padding:23px}.panel h2{font-size:25px;margin:12px 0}.panel p:not(.eyebrow){line-height:1.65;color:#d3daed;margin-bottom:22px}.signal{font-size:12px;font-weight:800;letter-spacing:1px;border:1px solid #5c6583;padding:12px;border-radius:7px;color:var(--yellow)}.signal.safe{color:#a4f4c7;border-color:#559c7f}.settings{padding:25px 0;display:grid;gap:12px}.settings label{font-size:14px;font-weight:700}.settings label span{float:right;color:var(--muted);font-weight:400}select{width:100%;padding:13px;background:#242a46;color:white;border:1px solid #515a78;border-radius:7px}input{width:100%;accent-color:var(--pink);margin:0 0 12px}details{border-top:1px solid #3e4661;padding-top:18px}summary{font-weight:700;cursor:pointer}ol{padding-left:22px;color:#bec8df;font-size:14px;line-height:1.65}li{padding:5px 0}li b{color:white}.note{background:#252b43;padding:14px;border-left:3px solid var(--yellow);font-size:13px;line-height:1.6}footer{font-size:12px;color:#9da7c3;line-height:1.7;margin:32px 0 5px;max-width:920px}footer a{color:#ced6ed}button:disabled{opacity:.6;cursor:default}@media(min-width:1000px){canvas{max-height:610px;object-fit:contain}}@media(max-width:800px){main{padding:18px 14px}.layout{grid-template-columns:1fr}.tag{display:none}.title{margin:22px 0}.score{gap:8px}.score strong{font-size:38px}.score small{font-size:10px}h1{font-size:36px}.toolbar{padding:10px;font-size:10px}.toolbar button{padding:9px;font-size:12px}aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:17px}.settings{padding:0}details{grid-column:1/-1}.panel h2{font-size:22px}}@media(max-width:480px){h1{font-size:30px}h1>span{display:none}.score small{display:none}.panel p:not(.eyebrow){font-size:14px}.panel{grid-column:1/-1}.settings{grid-column:1/-1}.action button{font-size:16px}.legend{gap:18px}}

.purple{background:#bc96ff}.orange{background:#ffa675}.legend{flex-wrap:wrap;gap:10px 18px}.route-toggle{display:flex;gap:9px;align-items:center;font-size:13px!important;font-weight:500!important}.route-toggle input{width:18px;height:18px;margin:0;flex-shrink:0}

.toolbar{flex-wrap:wrap;gap:8px}.toolbar #pace{color:var(--yellow);white-space:nowrap}.toolbar>div{margin-left:auto}

.layout>aside{display:block}

[hidden]{display:none!important}.leaderboard{margin-top:32px;background:#1e2541;border:1px solid #444967;border-radius:16px;padding:24px;max-width:920px}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.board-heading h2{font:800 30px 'Barlow Condensed',sans-serif;margin:0;color:var(--yellow)}.board-tabs{display:flex;gap:8px;margin-top:18px}.board-tabs button[aria-pressed=true]{background:var(--yellow);color:#11152d;border-color:var(--yellow)}.leaderboard table{width:100%;border-collapse:collapse;text-align:left;margin:16px 0;font-variant-numeric:tabular-nums}.leaderboard th{color:var(--muted);font-size:14px}.leaderboard td,.leaderboard th{padding:12px 8px;border-bottom:1px solid #39425c}.leaderboard td:last-child,.leaderboard th:last-child{text-align:right}.leaderboard tbody tr:first-child{color:var(--yellow);font-weight:700}.board-note,#board-message,#nickname-help{color:#bac5df;font-size:14px;line-height:1.6}.score-entry{padding:20px;background:#30304f;border-left:4px solid var(--pink);border-radius:8px;margin:18px 0}.score-entry h3{margin:0;color:var(--yellow)}.nickname-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.nickname-controls input{flex:1;min-width:150px;background:#11152d;border:1px solid #77809d;border-radius:7px;color:white;padding:12px;font:inherit;margin:0}.nickname-controls button{min-height:44px}#save-score{background:var(--yellow);color:#11152d}#save-message,#run-message{font-size:14px;line-height:1.6}#run-message:empty,#save-message:empty{display:none}.personal-best{color:#6ff5b5;font-size:14px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:480px){.leaderboard{padding:16px}.board-heading h2{font-size:26px}}

.release-banner{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;padding:8px 12px;border:1px solid #505777;border-radius:7px;background:#242a46;color:#cbd3e8;font-size:14px;line-height:1.4}.release-banner strong{color:var(--yellow);letter-spacing:1px}.release-banner span:last-child{margin-left:auto}