@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800;1,900&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--night:#15102f;--acid:#d8ff55;--target-color:#3478f6;--hud-ink:#fff;--font:'DM Sans',sans-serif;--display:'Barlow Condensed','Arial Narrow',sans-serif;--numbers:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--night);color:#fff;font:14px var(--font)}body[data-screen=play]{background:var(--target-color)}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:5px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icons{display:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.home-screen{position:relative;display:grid;place-items:center;min-height:100svh;min-height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 20%,#3c2075aa,transparent 58%),radial-gradient(ellipse at 0 100%,#5736b240,transparent 65%),#15102f}.home-screen:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#c9bfff33 .7px,transparent .7px);background-size:29px 29px;mask-image:linear-gradient(#0005,transparent 75%);pointer-events:none;z-index:-1}.home-content{text-align:center;position:relative;z-index:1;padding:45px 25px 58px;width:100%;max-width:720px}.title-art{position:relative;margin:auto auto 32px;max-width:470px}h1{font:900 italic clamp(108px,14vw,177px)/.76 var(--display);letter-spacing:-2px;margin:0;transform:rotate(-6deg);text-align:center;filter:drop-shadow(0 12px 24px #08021955)}h1>span{display:block}.title-pixel{color:#fff9ff;text-shadow:3px 3px 0 #8b54d3,6px 6px 0 #603294,9px 9px 0 #3e1d6a}.title-dash{position:relative;color:var(--acid);text-shadow:3px 3px 0 #7d9b27,6px 6px 0 #425520,9px 9px 0 #263823;padding:10px 0 7px}.title-star{position:absolute;right:0;top:-25px;font:500 48px var(--numbers);color:#e9b6ff;transform:rotate(12deg);text-shadow:3px 3px 0 #76459b}.deco-cube{position:absolute;width:42px;height:42px;z-index:-1;border:1px solid #ffffff33;border-radius:9px;animation:float-cube 6s ease-in-out infinite;box-shadow:inset 0 -6px #0002,0 14px 25px #0002}.cube-one{background:#ff52b6;left:2%;top:0;--angle:-20deg;transform:rotate(var(--angle));animation-delay:-1s}.cube-two{background:#39dddf;width:34px;height:34px;right:0;bottom:2%;--angle:18deg;transform:rotate(var(--angle));animation-delay:-3s}.cube-three{background:#8b64f0;width:25px;height:25px;left:6%;bottom:-15%;--angle:18deg;transform:rotate(var(--angle));animation-delay:-2s}.rules{font-size:14px;line-height:1.9;font-weight:400;color:#b7abcF;margin:0 0 32px;letter-spacing:.1px}.arcade-btn{display:inline-flex;align-items:center;justify-content:center;gap:55px;background:var(--acid);color:#243313;border:1px solid #efffc0;border-radius:9px;padding:16px 27px;font:800 italic 24px var(--display);letter-spacing:1px;box-shadow:0 6px 0 #72882d,0 13px 25px #0003;transition:transform .12s,box-shadow .12s;min-width:230px;position:relative}.arcade-btn:before{content:'';position:absolute;inset:4px;border:1px solid #536c3b33;border-radius:5px;pointer-events:none}.arcade-btn svg{width:21px;height:21px;stroke-width:2}.arcade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 #72882d,0 17px 30px #0004}.arcade-btn:active{transform:translateY(5px);box-shadow:0 1px 0 #72882d,0 5px 15px #0003}.start-btn{min-width:260px;padding:16px 28px;font-size:28px;gap:95px}.home-orb{position:absolute;pointer-events:none;filter:blur(50px);border-radius:50%;z-index:-1}.orb-one{width:370px;height:370px;top:5%;left:-260px;background:#af35b95e}.orb-two{width:300px;height:300px;bottom:5%;right:-220px;background:#466add55}.floor{position:absolute;height:270px;width:160%;left:-30%;bottom:-140px;transform:perspective(260px) rotateX(52deg);background:linear-gradient(#b16cf533 1px,transparent 1px),linear-gradient(90deg,#b16cf533 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(transparent,#0009);z-index:-1;pointer-events:none}.music-toggle{position:fixed;bottom:max(23px,env(safe-area-inset-bottom));right:25px;height:42px;width:42px;border-radius:50%;display:grid;place-items:center;color:#cfbce9;border:1px solid #c7a7ee26;background:#160e2b66;z-index:3;transition:background .2s}.music-toggle:hover{background:#452464}.music-toggle svg{width:18px;height:18px}body[data-screen=play] .music-toggle{color:var(--hud-ink);border-color:currentColor;background:#ffffff09;opacity:.55}body[data-screen=play] .music-toggle:hover{opacity:1;background:#ffffff22}
.play-screen{min-height:100svh;min-height:100dvh;display:grid;place-items:center;padding:24px 20px 28px}.play-content{--board-size:min(470px,calc(100vw - 40px),calc(100dvh - 190px));width:var(--board-size);position:relative}.hud{display:flex;align-items:center;justify-content:space-between;margin:0 5px 24px;color:var(--hud-ink);gap:20px}.hud-label{display:block;font:700 10px var(--font);letter-spacing:2px;opacity:.6;margin-bottom:5px}.level b{font:700 31px/.95 var(--numbers);letter-spacing:-1px}.timer{display:flex;align-items:baseline;gap:4px;font:700 58px/.95 var(--numbers);font-variant-numeric:tabular-nums;letter-spacing:-3px;position:absolute;left:50%;transform:translateX(-50%)}.timer>svg{width:21px;height:21px;margin-right:7px;align-self:center;stroke-width:2;opacity:.7}.timer small{font:600 16px var(--numbers);letter-spacing:0;opacity:.55;margin-left:2px}.timer.urgent{animation:timer-tick 1s ease-in-out infinite}.misses{text-align:right}.misses>strong{font:700 31px/.95 var(--numbers);letter-spacing:-1px}.misses>strong span{font-size:18px;opacity:.5;margin-left:2px}.cube-tray{position:relative;width:100%;background:#161b2a;border:1px solid #ffffff33;border-radius:23px;padding:clamp(17px,4vw,27px);box-shadow:0 10px 0 #0002,0 26px 50px #0002,inset 0 1px 0 #ffffff15;isolation:isolate}.cube-tray:before{content:'';position:absolute;inset:8px;border:1px solid #ffffff05;border-radius:17px;pointer-events:none}.grid{position:relative;display:grid;gap:16px;width:100%;user-select:none;touch-action:manipulation;margin-bottom:8px}.pixel{position:relative;min-width:0;min-height:0;background:var(--tile);border:1px solid #ffffff38;border-radius:12px;box-shadow:0 7px 0 color-mix(in srgb,var(--tile) 48%,#0b1020),0 11px 16px #0003,inset 0 1px 0 #ffffff40;transition:transform .1s,box-shadow .1s}.pixel:before{content:'';position:absolute;inset:6px;border:1px solid #ffffff24;border-radius:7px;pointer-events:none}.pixel:after{content:'';position:absolute;top:11px;left:11px;width:8px;height:8px;border-left:1px solid #ffffff7a;border-top:1px solid #ffffff7a;pointer-events:none}.pixel:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 0 color-mix(in srgb,var(--tile) 48%,#0b1020),0 14px 20px #0004,inset 0 1px 0 #ffffff40}.pixel:active:not(:disabled){transform:translateY(5px) scale(.98);box-shadow:0 2px 0 color-mix(in srgb,var(--tile) 48%,#0b1020),0 3px 8px #0003}.pixel:disabled{opacity:1}.grid.dense{gap:10px}.grid.dense .pixel{border-radius:6px;box-shadow:0 4px 0 color-mix(in srgb,var(--tile) 48%,#0b1020),0 7px 11px #0002}.grid.dense .pixel:before{inset:3px;border-radius:3px}.grid.dense .pixel:after{top:7px;left:7px;width:4px;height:4px}.progress-track{position:absolute;left:29%;right:29%;bottom:10px;height:3px;background:#ffffff0a;border-radius:10px;overflow:hidden}.progress-track>div{height:100%;width:0;background:#d8ff55;border-radius:10px;transition:width .16s ease}.play-bottom{display:flex;justify-content:center;margin-top:28px;color:var(--hud-ink)}.quiet-icon{width:36px;height:36px;display:grid;place-items:center;opacity:.42;border-radius:7px}.quiet-icon:hover{opacity:.9;background:#ffffff15}.quiet-icon svg{width:19px;height:19px;stroke-width:2}.cube-tray.wrong{animation:shake .24s ease-in-out}.hit-label{position:absolute;font:900 italic 44px var(--display);z-index:3;pointer-events:none;transform:translate(-50%,-50%);text-shadow:0 3px 0 #0003;animation:hit-float .5s ease-out forwards;color:#fff}.miss-label{font:700 65px var(--numbers);color:white;text-shadow:0 3px 0 #a62a48}.particle{position:absolute;pointer-events:none;background:#eaffad;height:7px;width:7px;z-index:2;border-radius:1px;animation:particle-out .5s ease-out forwards}
dialog{color:#fff;background:#1c1636;border:1px solid #9c7cd44d;border-radius:21px;box-shadow:0 20px 100px #0005,0 8px 0 #100a1d80;max-width:410px;width:calc(100% - 38px);padding:37px 30px}dialog::backdrop{background:#100b2580;backdrop-filter:blur(7px)}.state-dialog{text-align:center;overflow:visible;padding:34px 25px 25px}.result-icon{font:700 47px var(--numbers);height:63px;color:#ceff6b;line-height:1.2}.state-dialog[data-mode=won] .result-icon{color:#d8ff55;animation:slow-spin 22s linear infinite}.state-dialog[data-mode=lost] .result-icon{color:#f09fdb}.state-kicker{font-size:9px;letter-spacing:2px;color:#a48ebc;margin:6px 0 13px}.state-dialog h2{font:900 italic 67px/.9 var(--display);margin:0 0 17px;letter-spacing:.5px}.state-detail{color:#a596bd;font-size:12px;margin:0 0 27px;line-height:1.7}.state-dialog .arcade-btn{font-size:22px;min-width:220px;padding:14px 22px;gap:40px}.state-secondary{display:flex;justify-content:center;gap:20px;margin-top:27px}.state-secondary button{font-size:9px;color:#7c6997;padding:5px 0}.state-secondary button:hover{color:#c4abdc}.music-dialog{padding:31px 27px;border-radius:17px;max-width:390px}.music-dialog h2{font:800 italic 30px var(--display);letter-spacing:.5px;margin:0 0 24px}.dialog-close{position:absolute;right:13px;top:13px;display:grid;place-items:center;color:#9e84b9;width:28px;height:28px}.dialog-close svg{width:17px;height:17px}.track-display{display:flex;align-items:center;gap:12px;margin:0 0 23px}.album{width:44px;height:44px;background:#33234f;color:#bfa2ef;border:1px solid #a980d32b;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0}.album span{width:3px;height:10px;background:currentColor;border-radius:2px}.album span:nth-child(2){height:19px}.album span:nth-child(3){height:14px}.album span:nth-child(4){height:23px}.album.playing span{animation:eq .7s infinite alternate}.album.playing span:nth-child(2n){animation-delay:-.4s}.track-info{min-width:0}.track-info h3{font-size:12px;font-weight:600;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:245px}.track-info p{font-size:10px;color:#8b76a3;margin:0;line-height:1.5}.player-controls{display:flex;gap:16px;align-items:center;margin:0 0 23px}.player-controls button{padding:0;display:grid;place-items:center;color:#bda6d5}.player-controls .play-music{width:33px;height:33px;border-radius:50%;background:#d8ff55;color:#253020}.play-music svg{width:15px;height:15px}.player-controls>button:nth-child(2) svg{width:15px;height:15px}.track-time{font-size:10px;color:#a28cbb;font-variant-numeric:tabular-nums}.volume{display:flex;align-items:center;gap:7px;margin-left:auto}.volume svg{width:14px;height:14px;color:#9b7dbb}.volume input{width:78px;height:3px;accent-color:#c4a2ec;cursor:pointer}.upload-btn{width:100%;padding:12px;border:1px dashed #65507c;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#c2a9d8;letter-spacing:.5px}.upload-btn:hover{background:#ffffff05}.upload-btn svg{width:14px;height:14px}.local-note{font-size:9px;line-height:1.5;color:#665278;text-align:center;margin:13px 0 0}.music-notice{font-size:10px;line-height:1.7;color:#c3aad9;margin-top:10px}.music-notice:empty{display:none}.playlist{max-height:190px;overflow:auto;scrollbar-width:thin;scrollbar-color:#6e4485 transparent}.playlist:empty{display:none}.playlist-row{display:flex;align-items:center;gap:5px;border-top:1px solid #ffffff0c;padding:7px 0;margin-top:9px}.playlist-row>button:first-child{flex:1;min-width:0;text-align:left;font-size:10px;color:#9e84b9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px}.playlist-row.selected>button:first-child{color:#d8ff55}.remove-track{padding:4px;color:#7e628f}.remove-track svg{width:12px;height:12px}
@keyframes float-cube{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-11px) rotate(calc(var(--angle) + 8deg))}}@keyframes timer-tick{50%{opacity:.6}}@keyframes hit-float{0%{opacity:1;transform:translate(-50%,-25%) scale(.8)}30%{opacity:1;transform:translate(-50%,-55%) scale(1.1)}100%{opacity:0;transform:translate(-50%,-130%) scale(1)}}@keyframes particle-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(95deg) scale(.3)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes eq{to{transform:scaleY(.4)}}
@media(min-width:1400px){.play-content{--board-size:min(500px,calc(100vw - 40px),calc(100dvh - 210px))}.title-art{max-width:510px}h1{font-size:190px}.home-content{padding-bottom:75px}.rules{font-size:15px}}
@media(max-width:600px){.home-content{padding:32px 28px 48px}.title-art{max-width:360px;margin-bottom:31px}h1{font-size:clamp(105px,30vw,145px);letter-spacing:-1px}.title-star{font-size:34px;top:-16px;right:3px}.title-pixel{text-shadow:2px 2px 0 #8b54d3,4px 4px 0 #603294,6px 6px 0 #3e1d6a}.title-dash{text-shadow:2px 2px 0 #7d9b27,4px 4px 0 #425520,6px 6px 0 #263823;padding-top:7px}.rules{font-size:11px;line-height:1.95;margin-bottom:28px}.start-btn{min-width:230px;gap:90px;font-size:26px;padding:15px 23px}.cube-one{width:31px;height:31px;left:0;top:-6px}.cube-two{width:25px;height:25px;right:0;bottom:-2%}.cube-three{width:19px;height:19px;left:1%;bottom:-9%}.music-toggle{width:36px;height:36px;bottom:max(19px,env(safe-area-inset-bottom));right:19px}.music-toggle svg{width:16px;height:16px}.floor{height:210px;bottom:-110px}.play-screen{padding:22px 20px 30px}.play-content{--board-size:min(430px,calc(100vw - 40px),calc(100dvh - 174px))}.hud{margin:0 4px 23px;gap:12px}.hud-label{font-size:8px;letter-spacing:1.6px;margin-bottom:5px}.level b,.misses>strong{font-size:27px}.misses>strong span{font-size:16px}.timer{font-size:48px;letter-spacing:-2px}.timer>svg{width:17px;height:17px;margin-right:5px}.timer small{font-size:13px}.cube-tray{border-radius:19px;padding:19px;box-shadow:0 8px 0 #0002,0 20px 40px #0002}.cube-tray:before{inset:6px;border-radius:14px}.grid{gap:13px;margin-bottom:7px}.pixel{border-radius:10px;box-shadow:0 6px 0 color-mix(in srgb,var(--tile) 48%,#0b1020),0 9px 14px #0003,inset 0 1px 0 #ffffff40}.pixel:before{inset:5px;border-radius:6px}.pixel:after{top:10px;left:10px;width:6px;height:6px}.grid.dense{gap:7px}.grid.dense .pixel{border-radius:5px;box-shadow:0 3px 0 color-mix(in srgb,var(--tile) 48%,#0b1020)}.grid.dense .pixel:after{top:6px;left:6px;width:3px;height:3px}.progress-track{bottom:9px;height:2px}.play-bottom{margin-top:23px}.quiet-icon svg{width:17px;height:17px}.state-dialog{padding:28px 20px 21px;max-width:350px}.state-dialog h2{font-size:58px}.state-detail{font-size:11px}.result-icon{height:57px;font-size:42px}.state-dialog .arcade-btn{min-width:210px;font-size:22px}.state-secondary{gap:20px}.state-secondary button{font-size:8px}.state-kicker{font-size:8px}.music-dialog{padding:30px 23px}.track-info h3{max-width:220px}.volume input{width:70px}}
@media(max-height:560px) and (min-width:600px){.home-content{padding:15px 25px 25px}.title-art{max-width:270px;margin-bottom:20px}h1{font-size:108px}.title-star{font-size:30px;top:-15px}.rules{font-size:10px;margin-bottom:19px}.start-btn{min-width:210px;font-size:23px;padding:11px 21px;gap:65px}.deco-cube{width:25px;height:25px}.cube-two{width:22px;height:22px}.cube-three{width:17px;height:17px}.play-screen{padding:18px 20px}.play-content{--board-size:min(340px,calc(100dvh - 135px))}.hud{margin-bottom:16px}.timer{font-size:38px}.timer>svg{width:16px;height:16px}.hud-label{font-size:7px}.level b,.misses>strong{font-size:23px}.misses>strong span{font-size:14px}.cube-tray{padding:15px;border-radius:15px}.grid{gap:10px}.grid.dense{gap:5px}.pixel{border-radius:6px}.pixel:before{inset:3px}.pixel:after{display:none}.play-bottom{margin-top:13px}.quiet-icon{height:25px;width:25px}.quiet-icon svg{width:15px;height:15px}.progress-track{bottom:7px}.state-dialog{padding:19px 22px;max-width:350px}.result-icon{font-size:31px;height:36px}.state-kicker{font-size:7px;margin-top:4px;margin-bottom:8px}.state-dialog h2{font-size:49px;margin-bottom:12px}.state-detail{font-size:10px;margin-bottom:17px}.state-dialog .arcade-btn{font-size:20px;padding:10px 17px;min-width:200px}.state-secondary{margin-top:17px}.music-dialog{max-height:calc(100dvh - 30px);overflow:auto}.music-dialog h2{font-size:25px;margin-bottom:18px}.track-display{margin-bottom:14px}}
@media(max-width:360px){.rules{font-size:10px}.title-art{max-width:280px}h1{font-size:110px}.title-star{right:-3px;font-size:29px}.play-content{--board-size:min(430px,calc(100vw - 30px),calc(100dvh - 174px))}.play-screen{padding-left:15px;padding-right:15px}.cube-tray{padding:15px}.grid{gap:11px}.grid.dense{gap:6px}.hud-label{font-size:7px}.timer{font-size:43px}.level b,.misses>strong{font-size:25px}.volume input{width:57px}.player-controls{gap:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hit-label,.particle{display:none}}

#pauseBtn{width:auto;min-width:95px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;opacity:.72;border:1px solid currentColor;border-radius:8px;font:700 10px var(--font);letter-spacing:1.4px}#pauseBtn svg{width:15px;height:15px}#pauseBtn:hover{opacity:1}@media(max-width:600px){#pauseBtn{min-width:86px;padding:8px 11px;font-size:9px}}@media(max-height:560px) and (min-width:600px){#pauseBtn{height:29px;padding:5px 10px;font-size:8px}}

/* Huebonk: two explicit sound modes and automatic retries. */
.title-pixel{letter-spacing:8px;padding-left:8px}.title-art{margin-bottom:35px}.start-options{display:flex;flex-direction:column;align-items:center;gap:18px}.start-options .start-btn{min-width:300px;gap:14px;font-size:26px;padding:16px 22px;letter-spacing:.7px}.start-options .start-btn svg{width:19px;height:19px}.silent-btn{min-width:300px;display:flex;align-items:center;justify-content:center;gap:44px;font:700 12px var(--font);letter-spacing:1.3px;color:#b5a2d2;border:1px solid #b692dd38;border-radius:8px;padding:15px 20px;background:#ffffff03}.silent-btn svg{width:16px;height:16px}.silent-btn:hover{background:#ffffff08;color:white;border-color:#b692dd77}.restart-overlay{position:absolute;inset:0;z-index:4;background:#15102fdf;backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:inherit;text-align:center;padding:15px}.restart-overlay h2{font:900 italic 59px/1 var(--display);color:#d8ff55;margin:0 0 14px;letter-spacing:1px}.restart-overlay p{font:500 11px var(--font);color:#b6a2cc;margin:0;line-height:1.7}.quiet-icon:disabled,.music-toggle:disabled{opacity:.25;pointer-events:none}
@media(max-width:600px){.home-content{padding-top:27px;padding-bottom:38px}.title-art{margin-bottom:28px}.start-options{gap:17px}.start-options .start-btn{min-width:265px;padding:14px 18px;font-size:24px;gap:13px}.silent-btn{min-width:265px;font-size:10px;padding:13px 16px}.rules{font-size:10px;line-height:1.9;margin-bottom:25px}.restart-overlay h2{font-size:46px}.restart-overlay p{font-size:10px}}
@media(max-height:560px) and (min-width:600px){.title-art{margin-bottom:17px}.title-pixel{letter-spacing:5px;padding-left:5px}.rules{margin-bottom:17px;font-size:9px}.start-options{gap:13px}.start-options .start-btn{min-width:245px;font-size:21px;padding:10px 16px}.silent-btn{min-width:245px;font-size:9px;padding:9px 14px}.restart-overlay h2{font-size:31px;margin-bottom:9px}.restart-overlay p{font-size:8px}}

/* Score is shared by every level in a run. */
.play-bottom{align-items:center;gap:32px}.score-counter{display:flex;align-items:baseline;gap:9px;color:var(--hud-ink);font-variant-numeric:tabular-nums}.score-counter>span{font:700 8px var(--font);letter-spacing:1.4px;opacity:.58}.score-counter>strong{font:700 27px var(--numbers);letter-spacing:-.5px;min-width:26px}.score-summary{display:flex;justify-content:center;gap:39px;text-align:center;margin:0 0 26px;padding:17px 0;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}.score-summary>div{min-width:72px}.score-summary span{display:block;font:700 8px var(--font);letter-spacing:1.5px;color:#9c86b9;margin-bottom:6px}.score-summary strong{display:block;font:700 35px/1.05 var(--numbers);color:#d8ff55;font-variant-numeric:tabular-nums}.score-summary>div:last-child strong{color:#c8b1e4}.end-score{margin:0 0 17px;padding:13px 20px;gap:32px}.end-score strong{font-size:32px}.end-score span{font-size:7px}.restart-overlay:has(.end-score:not([hidden])) h2{font-size:48px;margin-bottom:17px}.state-dialog{max-height:calc(100dvh - 38px);overflow:auto}
@media(max-width:600px){.play-bottom{gap:28px}.score-counter>strong{font-size:25px}.score-counter>span{font-size:7px}.score-summary{gap:29px;margin-bottom:22px;padding:14px 0}.score-summary strong{font-size:31px}.score-summary span{font-size:7px}.end-score{gap:25px;padding:11px 16px;margin-bottom:15px}.end-score strong{font-size:29px}.end-score>div{min-width:65px}.restart-overlay:has(.end-score:not([hidden])) h2{font-size:39px;margin-bottom:13px}}
@media(max-height:560px) and (min-width:600px){.score-counter>strong{font-size:20px}.score-counter>span{font-size:6px}.play-bottom{gap:24px}.score-summary{padding:10px 0;margin-bottom:16px;gap:28px}.score-summary strong{font-size:25px}.score-summary span{font-size:6px}.end-score{padding:7px 10px;gap:17px;margin-bottom:10px}.end-score>div{min-width:48px}.end-score strong{font-size:22px}.end-score span{font-size:5px}.restart-overlay:has(.end-score:not([hidden])) h2{font-size:27px;margin-bottom:8px}}
/* The final result stays open until the player chooses what to do next. */
.result-dialog{max-width:490px;width:calc(100% - 28px);padding:28px 28px 19px;text-align:center;max-height:calc(100dvh - 28px);overflow:auto;scrollbar-width:thin;scrollbar-color:#76558e transparent}.result-spark{font:700 42px/1 var(--numbers);color:#d8ff55;margin-bottom:12px}.result-dialog .state-kicker{font-size:8px;margin:0 0 12px;letter-spacing:1.8px}.result-dialog h2{font:900 italic 49px/.95 var(--display);margin:0 0 25px;letter-spacing:.1px}.final-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:19px 0;margin-bottom:24px}.final-stats span{font:700 7px var(--font);letter-spacing:1px;color:#9e87b6;display:block;margin-bottom:8px}.final-stats strong{font:700 37px/1 var(--numbers);font-variant-numeric:tabular-nums;color:#d8ff55}.final-stats>div:nth-child(2) strong{color:white}.final-stats>div:nth-child(3) strong{color:#bfa2dd}.result-dialog .arcade-btn{font-size:23px;padding:13px 23px;gap:48px;min-width:238px}.result-domain{display:block;width:fit-content;margin:22px auto 21px;text-decoration:none;color:#bca0de;font:600 12px var(--numbers)}.result-domain:hover{color:#d8ff55}.result-domain span{margin-left:5px}.share-area{border-top:1px solid #ffffff12;padding-top:19px}.share-area h3{font:700 8px var(--font);letter-spacing:1.6px;color:#8f77a9;margin:0 0 13px}.social-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.social-buttons a{border:1px solid #79559050;color:#d7c3ed;border-radius:7px;text-decoration:none;font:600 10px var(--font);padding:10px 6px;display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff03}.social-buttons a:hover{background:#ffffff0b;border-color:#ad7ed1}.social-buttons b{font:700 18px/1 var(--font);color:#bda3d4}.social-buttons a:first-child b{color:#98baff}.social-buttons a:nth-child(2) b{color:#f3a77f;font-size:12px}.share-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin:17px 0 12px}.share-actions button{font:700 8px var(--font);letter-spacing:.6px;color:#bfa8d7;padding:4px 0}.share-actions button:hover{color:#d8ff55}.share-actions button:disabled{opacity:.35}.share-actions span{font-size:12px;margin-left:4px}.share-details{text-align:left;margin:11px 0 0;border-top:1px solid #ffffff0a;padding-top:12px}.share-details summary{font-size:9px;color:#78608e;cursor:pointer;text-align:center}.share-details summary:hover{color:#baa0d3}.share-details img{width:130px;height:130px;object-fit:cover;display:block;margin:16px auto 12px;border-radius:8px}.share-details textarea{width:100%;display:block;resize:vertical;min-height:94px;font:11px/1.6 var(--font);color:#c4acd9;background:#120e25;border:1px solid #7550864d;border-radius:7px;padding:12px;margin-top:14px}.share-details p{font:10px/1.7 var(--font);color:#8d749f;text-align:center;margin:12px 3px 0}.share-status{font:10px/1.7 var(--font);color:#b99ccf;margin:13px 0 0}.share-status:empty{display:none}.result-home{font:9px var(--font);color:#7f6595;padding:7px 12px;margin-top:12px}.result-home:hover{color:#c9b1e1}
@media(max-width:600px){.result-dialog{max-width:400px;padding:23px 20px 15px}.result-spark{font-size:35px;margin-bottom:10px}.result-dialog .state-kicker{font-size:7px;letter-spacing:1.3px;margin-bottom:10px}.result-dialog h2{font-size:39px;margin-bottom:21px}.final-stats{gap:8px;padding:16px 0;margin-bottom:22px}.final-stats span{font-size:6px;letter-spacing:.7px}.final-stats strong{font-size:32px}.result-dialog .arcade-btn{font-size:21px;min-width:220px;padding:12px 20px;gap:45px}.result-domain{margin:20px auto 18px;font-size:11px}.share-area{padding-top:17px}.share-area h3{font-size:7px;margin-bottom:12px}.social-buttons{gap:7px}.social-buttons a{font-size:9px;gap:6px;padding:10px 5px}.share-actions{gap:13px;margin-top:15px}.share-actions button{font-size:7px}.share-status{font-size:9px}.result-home{font-size:8px}.share-details summary{font-size:8px}}
@media(max-width:360px){.result-dialog{padding-left:15px;padding-right:15px}.result-dialog h2{font-size:36px}.final-stats span{font-size:5px}.final-stats strong{font-size:30px}.share-actions{gap:12px}.social-buttons a{font-size:8px}}
@media(max-height:560px) and (min-width:600px){.result-dialog{padding:22px 25px 17px}.result-spark{display:none}.result-dialog h2{font-size:40px;margin-bottom:19px}.final-stats{padding:15px 0;margin-bottom:20px}.result-dialog .arcade-btn{font-size:20px;padding:10px 20px}.result-domain{margin:18px auto}.share-area{padding-top:17px}}

/* Quick music control beside Pause; the corner icon still opens the playlist. */
.play-bottom{gap:18px}.inline-music-toggle{height:36px;min-width:122px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;color:var(--hud-ink);border:1px solid currentColor;border-radius:8px;font:700 9px var(--font);letter-spacing:1px;opacity:.72}.inline-music-toggle svg{width:14px;height:14px}.inline-music-toggle:hover{opacity:1;background:#ffffff15}.inline-music-toggle[aria-pressed=true]{background:#ffffff14}.inline-music-toggle:disabled{opacity:.25;pointer-events:none}
@media(max-width:600px){.play-bottom{gap:10px}.inline-music-toggle{min-width:106px;height:34px;padding:8px 9px;gap:5px;font-size:8px;letter-spacing:.8px}.inline-music-toggle svg{width:12px;height:12px}}
@media(max-width:360px){.play-bottom{gap:8px}.score-counter{gap:6px}.inline-music-toggle{min-width:102px;padding-left:7px;padding-right:7px}}
@media(max-height:560px) and (min-width:600px){.play-bottom{gap:11px;flex-wrap:wrap}.inline-music-toggle{min-width:100px;height:29px;padding:5px 9px;font-size:8px;gap:5px}.inline-music-toggle svg{width:12px;height:12px}}

/* A clear invitation and prominent platform actions at the end of a run. */
.share-area h3{color:#d8ff55;font:800 italic 24px var(--display);letter-spacing:.6px;margin-bottom:9px}.share-invitation{font:12px/1.8 var(--font);color:#c8b3df;margin:0 0 17px}.social-buttons{gap:10px}.social-buttons a{min-height:46px;padding:12px 9px;font-size:11px;font-weight:700;border-width:1px;box-shadow:0 3px 0 #0003;transition:transform .12s,filter .12s}.social-buttons a:hover{transform:translateY(-2px);filter:brightness(1.15)}.social-buttons a:active{transform:translateY(2px);box-shadow:0 1px 0 #0003}.social-buttons #shareFacebook{background:#2965d6;border-color:#709af2;color:white}.social-buttons #shareFacebook b{color:white;font-size:21px}.social-buttons #shareReddit{background:#cf471e;border-color:#f17c51;color:white}.social-buttons #shareReddit b{color:#ffe0d4}.social-buttons #shareX{background:#30253e;border-color:#8f769f;color:white}.social-buttons #shareX b{color:white}.music-import-actions{display:flex;flex-direction:column;gap:10px}.music-import-actions .folder-btn{background:#d8ff55;border:1px solid #ebffad;color:#28351a;font-weight:700}.music-import-actions .folder-btn:hover{background:#e6ff91}.music-dialog{max-height:calc(100dvh - 34px);overflow:auto}
@media(max-width:600px){.share-area h3{font-size:22px}.share-invitation{font-size:10px;line-height:1.8;margin-bottom:15px}.social-buttons{gap:8px}.social-buttons a{min-height:44px;font-size:10px;padding:11px 6px}.music-import-actions{gap:9px}}
@media(max-width:360px){.share-invitation{font-size:9px}.social-buttons a{font-size:9px}}

.share-actions #copyShareText{background:#d8ff55;color:#233118;border:1px solid #e8ffa3;border-radius:7px;padding:12px 16px;font-size:10px;font-weight:800;box-shadow:0 3px 0 #0003}.share-actions #copyShareText:hover{background:#e7ff9a}.share-help{color:#c8b3df;font:11px/1.7 var(--font);margin:12px 0 0}