@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101322;--muted:#888da6;--white:#f3f0e9;--mint:#b7e5d5;--coral:#ee957f}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 40%,#20253d 0%,#101322 65%);color:var(--white);font-family:'DM Sans',system-ui,sans-serif}main{max-width:680px;margin:auto;padding:30px 30px 18px}header{display:flex;align-items:center;gap:18px;padding-bottom:30px}.logo{font-family:'Space Grotesk',system-ui,sans-serif;letter-spacing:5px;font-size:22px;font-weight:600;color:var(--white);text-decoration:none;display:flex;align-items:center;gap:13px}.logoicon{color:var(--mint);font-size:32px;letter-spacing:0}.edition{font-size:8px;letter-spacing:2px;color:var(--muted)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}#sound{margin-left:auto;border:1px solid #34384e;border-radius:25px;padding:9px 12px;background:transparent;color:#b9bdd0;font-size:11px}button:focus-visible,.arena:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.hud{display:flex;align-items:center;gap:30px;padding:0 12px 8px}.hud span{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:5px}.hud strong{font-family:'Space Grotesk',system-ui,sans-serif;font-size:39px;font-weight:500;font-variant-numeric:tabular-nums}.best strong{font-size:24px;color:var(--mint)}.best{align-self:flex-start;margin-top:2px}#pause{margin-left:auto;background:#25293f;border:1px solid #363b53;width:40px;height:40px;border-radius:50%;color:#e2e1e4}button:disabled{opacity:.4;cursor:default}.arena{position:relative;aspect-ratio:1;width:100%;border:1px solid #343951;border-radius:25px;overflow:hidden;background:radial-gradient(ellipse at center,#252c45,#15192a 72%);touch-action:manipulation;user-select:none}canvas{width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#121626c9;backdrop-filter:blur(4px);padding:24px}.overlay[hidden]{display:none}.eyebrow{font-size:8px;letter-spacing:2px;color:var(--mint)}h1{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:400;font-size:clamp(40px,8vw,65px);letter-spacing:-3px;line-height:1.08;margin:20px 0}h1 em{font-style:normal;color:var(--mint)}.overlay p{font-size:14px;line-height:1.8;color:#b3b8cc;margin:0 0 24px}.primary{border:0;background:var(--mint);color:#173b35;border-radius:35px;padding:15px 26px;min-width:200px;font-size:14px;font-weight:700;display:flex;justify-content:space-between;gap:25px}.primary:hover{background:#ceeee3}.overlay small{font-size:10px;color:var(--muted);margin-top:18px}.switch{display:flex;align-items:center;justify-content:space-between;width:100%;margin:18px 0 0;padding:17px 23px;border-radius:14px;border:1px solid #596576;background:linear-gradient(120deg,#b7e5d51a,#b7e5d505);color:var(--mint);font-size:11px;letter-spacing:2px;touch-action:manipulation}.switch span{font-size:23px;line-height:1}.switch:active:not(:disabled){background:#b7e5d533;transform:scale(.99)}.instruction{text-align:center;font-size:11px;color:var(--muted);margin:14px 0 30px}footer{border-top:1px solid #2b3044;padding-top:18px;display:flex;justify-content:space-between;gap:14px;font-size:9px;color:#727992}footer span:first-child{letter-spacing:1.2px}i{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:6px}#flash{position:absolute;inset:0;pointer-events:none;background:#ee957f;opacity:0;transition:opacity .4s}#flash.hit{opacity:.25}.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}@media(max-width:480px){main{padding:20px 18px 15px}header{padding-bottom:24px}.edition{display:none}.hud{padding-left:5px}.arena{border-radius:20px}.overlay p{font-size:12px;margin-bottom:17px}.overlay h1{margin:16px 0;font-size:44px}.eyebrow{font-size:7px}.overlay small{margin-top:12px}footer{font-size:8px}.instruction{margin-bottom:22px}}@media(max-height:730px) and (min-width:600px){main{max-width:520px;padding-top:15px}header{padding-bottom:12px}.hud strong{font-size:29px}.instruction{margin-bottom:15px}}

.leaderboard{border:1px solid #343951;border-radius:20px;padding:22px;margin:26px 0;background:#15192a}.leaderhead{display:flex;justify-content:space-between;align-items:center}.leaderhead h2{font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:500;margin:8px 0}.leaderboard button{border:1px solid #49546a;background:#253342;color:var(--mint);border-radius:10px;padding:10px 13px;font-size:12px}.boardnote,.leaderboard small{font-size:10px;line-height:1.6;color:var(--muted)}#boardStatus{font-size:12px;color:var(--mint)}#leaderRows{list-style:none;padding:0;margin:18px 0}#leaderRows li{display:flex;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid #2c334a;font-size:13px}#leaderRows li b{min-width:24px;color:#909ab8;font-weight:500}#leaderRows li span{flex:1;overflow-wrap:anywhere}#leaderRows li strong{color:var(--mint);font-variant-numeric:tabular-nums}#leaderRows li.mine{background:#b7e5d50b;border-radius:8px;padding-left:8px;padding-right:8px}#submitScore{border-top:1px solid #343951;padding-top:15px;margin-top:16px}#submitScore[hidden]{display:none}#submitScore label{display:block;font-size:12px;margin-bottom:9px}.submitrow{display:flex;gap:8px;margin-bottom:8px}#playerName{width:100%;min-width:0;background:#101322;border:1px solid #49546a;color:var(--white);border-radius:10px;padding:12px;font:inherit;font-size:13px}.submitrow button{flex-shrink:0}#playerName:focus-visible{outline:2px solid var(--mint)}
.modes{display:flex;gap:8px;padding:0 0 8px}.modes button{flex:1;border:1px solid #39435a;border-radius:13px;padding:13px;background:#171c2e;color:#a4afc8;font-weight:600;font-size:14px}.modes button.selected{background:#b7e5d516;border-color:#b7e5d5;color:var(--mint)}.modes small{display:block;font-size:10px;margin-top:4px;font-weight:400}.modehelp{text-align:center;color:#a4aec5;font-size:11px;margin:7px 0 23px}.journey,.runmeta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#b9c3d8;padding:10px 4px}.journey #world{color:var(--mint);letter-spacing:1.4px;font-size:9px}.runmeta{padding-top:12px}.runmeta #dustCount{color:#ffe5a0}.runmeta button{background:transparent;border:0;color:var(--mint);font-size:11px;text-decoration:underline}#toast{position:absolute;top:14px;left:14px;right:14px;text-align:center;color:#fff1bf;font-size:12px;pointer-events:none}#toast:not(:empty){background:#24243de8;border:1px solid #d4b87b55;padding:12px;border-radius:12px}.wardrobe{border:1px solid #343951;border-radius:18px;padding:18px;background:#171c2b}.wardrobe summary{cursor:pointer;color:#dde7e3;font-size:14px}.wardrobe summary span{float:right;color:var(--mint);font-size:10px;margin-top:3px}#cosmetics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}#cosmetics button{background:#20273d;border:1px solid #3c4661;border-radius:10px;color:#d6dcee;font-size:11px;padding:12px 5px}#cosmetics button.equipped{border-color:var(--mint);color:var(--mint)}#cosmetics small{display:block;margin-top:7px;font-size:9px;color:#a1adc4}#cosmetics button:disabled{opacity:.6}.motion{display:flex;align-items:center;gap:7px;font-size:12px;flex-wrap:wrap}.motion small{font-size:10px;color:#a5aec2}.motion input{accent-color:var(--mint)}.submitrow{flex-wrap:wrap}.submitrow select,.submitrow input{background:#101322;border:1px solid #49546a;color:#eee;border-radius:9px;padding:10px;font-size:12px;min-width:0}.submitrow select{flex:1}.submitrow input{width:55px}.submitrow button{width:100%}header{padding-bottom:20px}.overlay p{max-width:330px}.overlay small{line-height:1.5}#inspectHit[hidden]{display:none}@media(max-width:480px){.overlay{padding:17px}.overlay h1{font-size:38px}.overlay p{font-size:11px;line-height:1.55}.overlay .primary{padding:12px 22px;min-width:180px}.modehelp{margin-bottom:15px}.wardrobe summary span{float:none;display:block;margin:7px 0 0}.journey{font-size:9px}.runmeta{font-size:9px}.edition{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}#flash{transition:none}}
[hidden]{display:none!important}.mode-chooser{text-align:center;padding:30px 0 45px}.mode-chooser h1{font-size:clamp(38px,8vw,60px);margin:20px 0}.mode-chooser>p{color:#abb5cc;font-size:14px;line-height:1.6}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 22px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:13px;padding:24px 20px;min-width:0;border:1px solid #728f8a;border-radius:20px;background:radial-gradient(ellipse at top left,#b7e5d51d,transparent 80%),#171e2f;color:#e4ebe9}.mode-card .mode-icon{font-size:38px;color:var(--mint)}.mode-card .mode-tag{font-size:8px;letter-spacing:1.5px;color:var(--mint)}.mode-card strong{font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:500}.mode-card>span:not(.mode-icon):not(.mode-tag){font-size:12px;line-height:1.7;color:#b5bfd5}.mode-card b{font-size:13px;color:var(--mint);margin-top:9px}.nova-card{border-color:#9580b8;background:radial-gradient(ellipse at top right,#b898e72a,transparent 80%),#1c1d32}.nova-card .mode-icon,.nova-card .mode-tag,.nova-card b{color:#d6bdff}.mode-card:hover{border-color:#e4f7f0;background-color:#263149}.mode-chooser>small{font-size:11px;line-height:1.6;color:#a9b2c8}.change-mode{border:0;background:transparent;color:#b7e5d5;font-size:12px;padding:8px 0;margin-bottom:14px}.name-preview{width:100%;color:#b7e5d5;font-size:12px;overflow-wrap:anywhere}.submitrow #playerName{width:100%}@media(max-width:480px){.mode-chooser{padding-top:16px}.mode-cards{grid-template-columns:1fr;gap:12px;margin-top:22px}.mode-card{display:grid;grid-template-columns:46px 1fr;padding:18px;gap:7px 12px}.mode-card .mode-icon{grid-column:1;grid-row:1/3}.mode-card .mode-tag,.mode-card strong,.mode-card>span:not(.mode-icon):not(.mode-tag),.mode-card b{grid-column:2}.mode-card strong{font-size:26px}.mode-card b{margin-top:4px}.mode-chooser h1{font-size:42px;letter-spacing:-2px}}

.mode-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mode-card{min-width:0;padding:22px 16px}.mode-card strong{font-size:22px}.mode-card>span:not(.mode-icon):not(.mode-tag){font-size:11px;line-height:1.6}.mode-select-label{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin:14px 0}.mode-select-label select{flex:1;min-width:0;background:#25293f;color:var(--white);border:1px solid #49546a;border-radius:10px;padding:11px;font:inherit}.modes{display:none}.mode-chooser>h1{font-size:clamp(35px,6vw,58px)}@media(max-width:560px){.mode-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mode-card{padding:17px 12px}.mode-card strong{font-size:19px}.mode-card .mode-tag{font-size:7px}.mode-card .mode-icon{font-size:28px}}