*{box-sizing:border-box;margin:0;padding:0}html,body{background:#1b2233;width:100%;height:100%;overflow:hidden}body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#game{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}#hud{padding:calc(10px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) 0 calc(14px + env(safe-area-inset-left,0px));pointer-events:none;text-shadow:0 2px #00000059;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}#stage{flex-direction:column;gap:5px;min-width:120px;display:flex}#stage-pips{gap:3px;display:flex}#stage-pips i{background:#ffffff38;border:1px solid #00000040;border-radius:50%;width:9px;height:9px}#stage-pips i.on{background:#5ff6ff;box-shadow:0 0 6px #5ff6ff}#stage-pips i.now{background:#fff;transform:scale(1.25);box-shadow:0 0 10px #5ff6ff}#stage-name{letter-spacing:1.5px;font-size:13px;font-weight:800}#mass{flex-direction:column;flex:0 340px;align-items:stretch;gap:4px;display:flex}#mass .lbl{letter-spacing:2px;text-align:center;opacity:.95;font-size:11px;font-weight:800}#mass-pct{color:#5ff6ff;margin-left:4px}#mass-bar{background:#0a0e188c;border:2px solid #ffffffbf;border-radius:8px;height:14px;overflow:hidden;box-shadow:0 3px #00000040}#mass-fill{background:linear-gradient(90deg,#e23b36,#ff9f1c 55%,#5ff6ff);width:0%;height:100%;transition:width .12s ease-out}#mass.full #mass-bar{animation:.35s infinite alternate pulse}#mass.max #mass-fill{background:linear-gradient(90deg,#ff4fd8,#5ff6ff)}@keyframes pulse{0%{border-color:#fff}to{border-color:#5ff6ff;box-shadow:0 0 14px #5ff6ff}}#hud .hud-spacer{min-width:200px}#dbg-btn,#mute-btn,#end-btn{top:calc(8px + env(safe-area-inset-top,0px));color:#fff;cursor:pointer;z-index:35;background:#0a0e1873;border:1px solid #ffffff59;border-radius:8px;width:30px;height:30px;font-size:15px;position:fixed}#dbg-btn{right:calc(12px + env(safe-area-inset-right,0px))}#mute-btn{right:calc(48px + env(safe-area-inset-right,0px))}#end-btn{right:calc(84px + env(safe-area-inset-right,0px));font-size:13px}#kg{float:right;color:#ffd23f;letter-spacing:.5px;margin-left:12px}#death{z-index:9;pointer-events:none;text-align:center;width:92vw;font-weight:900;animation:.45s cubic-bezier(.2,1.8,.4,1) capPop;position:fixed;top:34%;left:50%;transform:translate(-50%,-50%)}#death .d1{letter-spacing:5px;color:#ff6b5f;text-shadow:0 2px #0006;font-size:clamp(14px,3vmin,22px)}#death .d2{letter-spacing:2px;text-shadow:0 5px #00000059;font-size:clamp(30px,8vmin,64px)}#death .d3{color:#ffd23f;text-shadow:0 6px #e23b36;min-height:1.1em;font-size:clamp(54px,14vmin,120px)}#death .d3.pop{animation:.4s cubic-bezier(.2,1.8,.4,1) numPop}@keyframes numPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}#death .d3 small{letter-spacing:3px;color:#fff;text-shadow:none;opacity:.8;font-size:.22em;display:block}#banner{text-align:center;pointer-events:none;opacity:0;text-shadow:0 3px #0006,0 0 18px #5ff6ffb3;z-index:5;white-space:nowrap;transition:opacity .15s,transform .25s cubic-bezier(.2,1.8,.4,1);position:fixed;top:22%;left:50%;transform:translate(-50%,-50%)scale(.6)}#banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}#banner .b1{letter-spacing:6px;color:#5ff6ff;font-size:clamp(14px,3.4vmin,22px);font-weight:800}#banner .b2{letter-spacing:2px;font-size:clamp(26px,7vmin,52px);font-weight:900}#joy{pointer-events:none;z-index:4;background:#0a0e182e;border:2px solid #ffffff73;border-radius:50%;width:120px;height:120px;margin:0;display:none;position:fixed;transform:translate(-50%,-50%)}#joy-knob{background:#ffffffbf;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #5ff6ffcc}#debug{right:10px;top:calc(46px + env(safe-area-inset-top,0px));z-index:25;color:#dfe7f5;touch-action:pan-y;-webkit-user-select:text;user-select:text;background:#0c101ae6;border:1px solid #ffffff2e;border-radius:10px;width:min(300px,100vw - 20px);padding:10px 12px 14px;font:12px/1.35 ui-monospace,Menlo,Consolas,monospace;position:fixed;bottom:10px;overflow-y:auto}#debug h3{letter-spacing:2px;color:#5ff6ff;margin:10px 0 6px;font-size:11px}#debug h3:first-child{margin-top:0}#debug .row{grid-template-columns:1fr 52px;align-items:center;gap:2px 8px;margin-bottom:5px;display:grid}#debug .row label{color:#aab4c8;grid-column:1/-1;justify-content:space-between;display:flex}#debug .row label b{color:#fff;font-weight:600}#debug input[type=range]{accent-color:#5ff6ff;grid-column:1/-1;width:100%}#debug .btns{flex-wrap:wrap;gap:6px;display:flex}#debug button,#debug select{font:inherit;color:#fff;cursor:pointer;background:#2a3448;border:1px solid #44506a;border-radius:6px;padding:5px 8px}#debug button.hot{background:#e23b36;border-color:#ff8a86;font-weight:700}#debug button:active{transform:translateY(1px)}#debug .check{color:#aab4c8;align-items:center;gap:6px;margin:4px 0;display:flex}#debug pre{white-space:pre-wrap;color:#cfe;background:#0000004d;border-radius:6px;padding:6px;font-size:11px}#debug .thr{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}#debug .thr label{flex-direction:column;gap:2px;font-size:10px;display:flex}#debug .sub{opacity:.7;margin:6px 0 3px;font-size:10px}#hint{left:50%;bottom:calc(18% + env(safe-area-inset-bottom,0px));z-index:8;pointer-events:none;letter-spacing:1.5px;white-space:nowrap;text-overflow:ellipsis;opacity:0;background:#0a0e18b8;border:2px solid #5ff6ffb3;border-radius:999px;max-width:94vw;padding:8px 18px;font-size:clamp(13px,2.6vmin,18px);font-weight:900;transition:opacity .25s,transform .25s;position:fixed;overflow:hidden;transform:translate(-50%,12px)}#hint.show{opacity:1;transform:translate(-50%)}#hint.prey{color:#bff5cf;border-color:#3ddc6f}#hint.danger{color:#ffc9c4;border-color:#ff4b3e}#hint.evolve{color:#fff1b8;border-color:#ffd23f}#caption.count{color:#ffd23f;text-shadow:0 6px #e23b36,0 0 30px #ffd23fb3;font-size:clamp(64px,17vmin,140px)}#caption.warn10{color:#ffd23f}#debug .thr input{width:100%;font:inherit;color:#fff;background:#1d2536;border:1px solid #44506a;border-radius:4px;padding:2px 4px}@media (max-width:600px){#hud{padding-right:calc(122px + env(safe-area-inset-right,0px));flex-direction:column;align-items:stretch;gap:6px}#mass{display:contents}#mass .lbl{letter-spacing:1.5px;white-space:nowrap;order:-4;margin-bottom:-2px;font-size:10px}#mass-bar{order:-3}#stage{flex-direction:column;order:-2;align-items:flex-start;gap:4px;min-width:0}#hud #boosts{order:-1;justify-content:flex-start}#boosts:has(.boost:not(.hidden)){margin-bottom:12px}#stage-name{letter-spacing:1px;white-space:nowrap;font-size:10px}#hud .hud-spacer{display:none}}#board{right:calc(10px + env(safe-area-inset-right,0px));top:calc(46px + env(safe-area-inset-top,0px));pointer-events:none;z-index:6;text-shadow:0 1px #0006;width:196px;position:fixed}.board-top{justify-content:flex-end;align-items:center;gap:12px;margin:0 2px 4px 0;display:flex}#timer{text-align:right;letter-spacing:1px;font-size:22px;font-weight:900}#kills{color:#ffd6d2;align-items:center;gap:4px;font-size:20px;font-weight:900;display:flex}#kills svg{color:#ff6b5f;filter:drop-shadow(0 1px #00000073);width:19px;height:19px}#kills.pop{animation:.45s cubic-bezier(.2,1.8,.4,1) killPop}#kills.pop svg{animation:.9s ease-out killFlash}@keyframes killPop{0%{transform:scale(1.7)}to{transform:scale(1)}}@keyframes killFlash{0%{color:#ffd23f}to{color:#ff6b5f}}#timer.low{color:#ff5a4f;animation:.5s infinite alternate tick}@keyframes tick{0%{transform:scale(1)}to{transform:scale(1.12)}}#board ol{background:#0a0e186b;border-radius:10px;padding:5px 7px;list-style:none}#board li{white-space:nowrap;align-items:center;gap:5px;padding:2px 0;font-size:12px;font-weight:700;display:flex}#board li .n{text-align:right;opacity:.7;width:14px}#board li .dot{border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 1px #0000004d}#board li .nm{text-overflow:ellipsis;flex:1;overflow:hidden}#board li .kg{text-align:right;opacity:.95;font-variant-numeric:tabular-nums;min-width:54px;font-size:12px}#board li.chase{color:#ffd23f;opacity:.9;justify-content:flex-end;padding-top:3px;font-size:10.5px}#board li.chase.lead{color:#3ddc6f}#board li.me{color:#5ff6ff}#board li.dead{opacity:.45}#board li.gap{opacity:.5;justify-content:center;padding:0}#feed{left:calc(12px + env(safe-area-inset-left,0px));top:calc(62px + env(safe-area-inset-top,0px));z-index:6;pointer-events:none;flex-direction:column;gap:4px;max-width:60vw;display:flex;position:fixed}#feed .line{text-shadow:0 1px #00000080;background:#0a0e1880;border-radius:8px;padding:4px 9px;font-size:13px;font-weight:700;transition:opacity .5s,transform .5s;animation:.25s ease-out feedIn}#feed .line.good{background:#267840bf}#feed .line.bad{background:#a02028cc}#feed .line.out{opacity:0;transform:translate(-10px)}@keyframes feedIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}#marks{pointer-events:none;z-index:3;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#marks .tag{white-space:nowrap;text-shadow:0 1px 2px #000c;align-items:center;gap:4px;font-size:12px;font-weight:800;display:none;position:absolute;top:0;left:0}#marks .tag span{text-align:center;color:#1b2233;min-width:16px;height:16px;text-shadow:none;background:#f4b400;border-radius:50%;font-size:10px;line-height:16px}#marks .tag.danger span{color:#fff;background:#ff4b3e}#marks .tag.prey span{background:#3ddc6f}#marks .tag.danger b{color:#ffb3ad}#marks .arrow{width:0;height:0;display:none;position:absolute;top:0;left:0}#marks .arrow i{clip-path:polygon(100% 50%,18% 8%,34% 50%,18% 92%);filter:drop-shadow(0 0 3px #0009);background:#f4b400;width:34px;height:34px;position:absolute;top:0;left:0}#marks .arrow.danger i{background:#ff3b2e;animation:.5s infinite alternate arrowBlink}@keyframes arrowBlink{0%{background:#ff3b2e}to{background:#ff8a7d}}#marks .arrow.prey i{background:#3ddc6f}@keyframes blink{0%{opacity:1}to{opacity:.55}}#marks .arrow i{filter:drop-shadow(0 0 1.5px #000)drop-shadow(0 0 1.5px #000)drop-shadow(0 1px 3px #0009);width:30px;height:30px}#marks .arrow em{white-space:nowrap;text-shadow:0 1px 2px #000000e6;font-size:11px;font-style:normal;font-weight:800;display:none;position:absolute;top:0;left:0}#marks .arrow.danger em{color:#ffb3ad;display:block}#marks .arrow.prey em{color:#b7f5c8}#danger{pointer-events:none;z-index:2;opacity:0;background:radial-gradient(#ff282800 55%,#ff1e1e8c 100%);position:fixed;top:0;bottom:0;left:0;right:0}#caption{z-index:8;pointer-events:none;letter-spacing:2px;text-align:center;text-shadow:0 3px #00000059,0 0 22px #5ff6ff99;opacity:0;width:92vw;font-size:clamp(22px,5.5vmin,44px);font-weight:900;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}#caption.show{opacity:1}#caption.small{letter-spacing:3px;font-size:clamp(15px,3.4vmin,26px)}#caption.go{color:#ffd23f;text-shadow:0 6px #e23b36,0 0 30px #ffd23fb3;font-size:clamp(54px,14vmin,120px)}#caption.pop{animation:.45s cubic-bezier(.2,1.8,.4,1) capPop}#caption.escaped{color:#3ddc6f;text-shadow:0 3px #00000059,0 0 22px #3ddc6f99;font-size:clamp(22px,5vmin,40px)}@keyframes capPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}#splash{z-index:40;background:#0c0e16;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .45s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#splash.out{opacity:0}#splash .pz{letter-spacing:4px;color:#fff;text-shadow:4px 4px #c8102e;font-size:clamp(30px,9vmin,64px);font-weight:900;animation:.7s cubic-bezier(.2,1.6,.4,1) both pzIn}#splash .pres{letter-spacing:8px;color:#5ac8fa;font-size:clamp(11px,2.4vmin,15px);animation:.6s .5s both fadeIn}@keyframes pzIn{0%{opacity:0;transform:scale(.3)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#menu{z-index:30;touch-action:pan-y;background:radial-gradient(#0c0f1826,#0c0f18b3);justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}#menu.leave{opacity:0;pointer-events:none}.menu-card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(460px,100%);margin:auto;display:flex}.menu-card .logo{letter-spacing:1px;white-space:nowrap;text-shadow:0 5px #e23b36,0 10px #00000059;font-size:clamp(28px,min(10vmin,8.8vw),84px);font-weight:900}.menu-card .logo .m1{animation:.7s cubic-bezier(.2,1.6,.4,1) both dropIn;display:inline-block}.menu-card .logo .m2{color:#5ff6ff;animation:.7s cubic-bezier(.2,1.6,.4,1) .12s both dropIn;display:inline-block}.menu-card .logo em{color:#ffd23f;margin-left:4px;font-size:.45em;font-style:normal;animation:.6s cubic-bezier(.2,1.6,.4,1) .3s both dropIn;display:inline-block}@keyframes dropIn{0%{opacity:0;transform:translateY(-60px)scale(.6)}to{opacity:1;transform:none}}#name{width:min(300px,100%);font:inherit;text-align:center;color:#1b2233;-webkit-user-select:text;user-select:text;background:#fff;border:3px solid #1b2233;border-radius:12px;outline:none;padding:10px 12px;font-size:18px;font-weight:800;box-shadow:0 4px #0000004d}#name:focus{border-color:#5ff6ff}.picks{gap:8px;width:min(340px,100%);display:flex}.pick{min-width:0;font:inherit;color:#fff;cursor:pointer;text-align:left;background:#0a0e188c;border:2px solid #ffffff4d;border-radius:12px;flex:1;align-items:center;gap:8px;padding:6px 10px;display:flex}.pick:hover{border-color:#5ff6ff}.pick.static,.pick.static:hover{cursor:default;border-color:#ffffff4d}.pick i{border-radius:6px;flex:none;width:22px;height:22px;box-shadow:0 0 0 1px #0006}.pick span{flex-direction:column;min-width:0;display:flex}.pick small{letter-spacing:1.5px;opacity:.7;font-size:9px;font-weight:800}.pick b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.more{flex-wrap:wrap;justify-content:center;gap:4px 14px;display:flex}.more button{font:inherit;letter-spacing:1.5px;color:#fff;cursor:pointer;opacity:.85;background:0 0;border:none;border-bottom:2px solid #0000;padding:3px 1px;font-size:11.5px;font-weight:800}.more button:hover{opacity:1;border-bottom-color:#5ff6ff}#play{font:inherit;letter-spacing:4px;color:#fff;cursor:pointer;background:#e23b36;border:none;border-radius:14px;flex-direction:column;align-items:center;padding:10px 58px 8px;font-size:26px;font-weight:900;line-height:1.1;animation:.9s ease-in-out infinite alternate bob;display:flex;box-shadow:0 6px #8e1f1c}#play small{letter-spacing:2px;opacity:.85;font-size:10.5px;font-weight:800}#panel{z-index:25;background:#0a0c1499;justify-content:center;align-items:center;padding:16px;animation:.2s both fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.panel-card{background:#141a28f5;border:2px solid #ffffff26;border-radius:16px;width:min(520px,100%);max-height:100%;margin:auto;padding:14px 16px 16px;overflow-y:auto;box-shadow:0 12px 40px #00000080}.p-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.p-head b{letter-spacing:3px;font-size:16px;font-weight:900}.p-close{font:inherit;color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;width:30px;height:30px}.p-body{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.p-body .card{font:inherit;color:#fff;cursor:pointer;text-align:left;background:#ffffff0f;border:2px solid #ffffff24;border-radius:12px;flex-direction:column;gap:3px;padding:9px 10px;display:flex;position:relative}.p-body .card:hover{border-color:#5ff6ffb3}.p-body .card.on{border-color:#ffd23f;box-shadow:0 0 12px #ffd23f59}.p-body .card i{border-radius:7px;width:100%;height:26px;box-shadow:0 0 0 1px #0006}.p-body .card b{font-size:14px}.p-body .card span{opacity:.8;font-size:11px;line-height:1.3}.p-body .card.locked{cursor:default}.p-body .card.locked i{filter:grayscale(.9)brightness(.5)}.p-body .card.locked b{opacity:.7}.p-body .card .prog{background:#00000073;border-radius:4px;height:6px;margin-top:3px;display:block;overflow:hidden}.p-body .card .prog i{width:0;height:100%;box-shadow:none;filter:none;background:linear-gradient(90deg,#ffd23f,#5ff6ff);border-radius:0;display:block}.p-body .card small{opacity:.75;letter-spacing:.5px;font-size:10px;font-weight:800}.p-body .paints,.p-body .set-row,.p-body .set-help,.p-body .p-sub{grid-column:1/-1}.p-sub{letter-spacing:3px;opacity:.75;margin-top:6px;font-size:11px;font-weight:900}.p-body .card.set i{height:34px}.p-body .card.set.locked i{filter:saturate(.9)brightness(.8)}.set-row{align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.set-row span{width:110px}.set-row input{accent-color:#5ff6ff;flex:1}.set-row.check input{flex:none;width:20px;height:20px}.set-row select{font:inherit;color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;flex:1;padding:6px 8px;font-size:13px;font-weight:800}.set-row select option{color:#1b2233}#fps{left:calc(10px + env(safe-area-inset-left,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:40;pointer-events:none;letter-spacing:.5px;color:#fff;text-shadow:0 1px #00000080;background:#0a0e188c;border-radius:6px;padding:4px 7px;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:fixed}#fps b{font-size:13px}#fps span{opacity:.7;margin-left:4px;font-weight:600}#fps.good b{color:#7dff9a}#fps.ok b{color:#ffd23f}#fps.bad b{color:#ff5a4f}.set-help{opacity:.8;margin-top:6px;font-size:12px;line-height:1.6}#play:active{transform:translateY(3px);box-shadow:0 3px #8e1f1c}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.menu-card .how{opacity:.75;letter-spacing:.5px;font-size:13px;font-weight:700;animation:.6s .8s both fadeIn}#results{z-index:30;touch-action:pan-y;background:#0a0c148c;justify-content:center;align-items:center;padding:16px;animation:.3s both fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.res-card{text-align:center;background:#141a28f0;border:2px solid #ffffff26;border-radius:18px;flex-direction:column;gap:10px;width:min(420px,100%);margin:auto;padding:18px 18px 16px;animation:.5s cubic-bezier(.2,1.5,.4,1) both dropIn;display:flex;box-shadow:0 12px 40px #00000080}.r-title{letter-spacing:2px;text-shadow:0 4px #e23b36;font-size:clamp(28px,7vmin,42px);font-weight:900}.r-sub{opacity:.9;font-size:14px;font-weight:700}.r-rank{color:#ffd23f;font-size:44px;font-weight:900;line-height:1}.r-rank small{color:#fff;opacity:.6;font-size:18px}.r-best{color:#3ddc6f;letter-spacing:3px;font-weight:900}.r-best.in{animation:.4s .4s infinite alternate bestBlink}@keyframes bestBlink{0%{color:#3ddc6f}to{color:#c8ffd6}}.r-stats{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.r-stats div.form b{color:#5ff6ff}.r-stats div{background:#ffffff12;border-radius:10px;flex-direction:column;gap:2px;padding:7px 2px;display:flex}.r-stats b{font-size:17px}.r-stats span{opacity:.75;font-size:10px}.r-board{text-align:left;font-size:13px;font-weight:700;list-style:none}.r-board li{border-radius:6px;align-items:center;gap:7px;padding:3px 6px;display:flex}.r-board li.me{color:#5ff6ff;background:#5ff6ff24}.r-board li span{text-align:right;opacity:.6;width:16px}.r-board li i{border-radius:50%;width:10px;height:10px}.r-board li em{text-overflow:ellipsis;white-space:nowrap;flex:1;font-style:normal;overflow:hidden}.r-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.r-btns button{font:inherit;letter-spacing:2px;color:#fff;cursor:pointer;background:#2a3448;border:none;border-radius:12px;padding:11px 18px;font-size:15px;font-weight:900;box-shadow:0 4px #00000059}.r-btns button.hot{background:#e23b36;box-shadow:0 4px #8e1f1c}.r-btns button.big{flex-basis:100%;padding:14px 44px;font-size:22px}.r-btns button.big small{letter-spacing:1.5px;opacity:.85;margin-top:3px;font-size:11px;display:block}.r-btns button.quiet{box-shadow:none;opacity:.75;background:0 0;padding:6px 14px;font-size:13px}@media (max-width:600px){#board{width:150px;top:calc(76px + env(safe-area-inset-top,0px))}#board li .kg{min-width:42px;font-size:11px}#timer{font-size:18px}#feed{top:calc(82px + env(safe-area-inset-top,0px))}#feed .line{font-size:11px}#feed{max-width:calc(100vw - 196px)}.r-stats b{font-size:14px}#play{padding:11px 44px;font-size:22px}}@media (max-height:480px){.res-card{gap:6px;padding:10px 14px}.r-title{font-size:24px}.r-rank{font-size:28px}.r-board{display:none}.r-btns{flex-wrap:nowrap}.r-btns button{padding:8px 12px;font-size:13px}.menu-card{gap:7px}.menu-card .how{display:none}#play{padding:6px 40px 5px;font-size:20px}}#lvl{align-items:center;gap:8px;font-size:12px;font-weight:800;animation:.6s .5s both fadeIn;display:flex}#lvl b{color:#1b2233;background:#ffd23f;border-radius:8px;padding:2px 8px;font-size:13px}#lvl span{opacity:.85;text-align:left;min-width:84px}.xpbar{background:#0a0e1899;border:1px solid #ffffff80;border-radius:6px;width:150px;height:9px;overflow:hidden}.xpbar i{background:linear-gradient(90deg,#ffd23f,#5ff6ff);width:0%;height:100%;display:block}.paints{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.paints .sw{cursor:pointer;border:3px solid #ffffff59;border-radius:50%;width:30px;height:30px;padding:0;position:relative;box-shadow:0 2px #00000059}.paints .sw.on{border-color:#fff;box-shadow:0 0 0 3px #5ff6ff}.paints .sw.locked{filter:grayscale(.85)brightness(.55);cursor:default}.paints .sw em{color:#fff;justify-content:center;align-items:center;font-size:11px;font-style:normal;font-weight:900;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.r-xp{flex-direction:column;align-items:center;gap:5px;display:flex}.r-xp-top{gap:10px;font-weight:900;display:flex}.r-xp-top b{color:#ffd23f}.r-xp.up .r-xp-top span{color:#3ddc6f}.r-lvlup{visibility:hidden;align-items:baseline;gap:10px;font-weight:900;line-height:1.05;display:flex}.r-lvlup.shown{visibility:visible}.r-lvlup b{color:#3ddc6f;letter-spacing:2px;text-shadow:0 4px #17813f,0 0 26px #3ddc6f99;font-size:clamp(28px,7vmin,40px)}.r-lvlup span{color:#ffd23f;text-shadow:0 3px #a5760f;font-size:clamp(20px,4.6vmin,28px)}.r-lvlup.pop{animation:.7s cubic-bezier(.2,1.8,.4,1) lvlBoom}@keyframes lvlBoom{0%{opacity:0;transform:scale(2.6)}55%{opacity:1}to{opacity:1;transform:scale(1)}}.xpbar.flash{animation:.7s ease-out barFlash}@keyframes barFlash{0%{border-color:#7dff9a;box-shadow:0 0 24px #7dff9a}to{box-shadow:none}}.r-unlock{opacity:0;transition:opacity .45s}.r-unlock.show{opacity:1}.r-xp .xpbar{width:220px}.r-unlock{font-size:12px;font-weight:700}#marks .tag small{opacity:.75;font-size:9px;font-weight:700}@media (max-height:480px){.paints .sw{width:24px;height:24px}.r-unlock{display:none}#board{width:150px}#board li{padding:1px 0;font-size:10px}#board li .kg{width:44px;font-size:9px}#timer{margin-bottom:2px;font-size:17px}}.ad-btn{font:inherit;letter-spacing:1px;color:#0b1020;cursor:pointer;pointer-events:auto;background:linear-gradient(#7dff9a,#2fcf6a);border:none;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 4px #17813f,0 0 18px #7dff9a59}.ad-btn i{color:#7dff9a;background:#0b1020;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-style:normal;display:inline-grid}.ad-btn b{color:#0b1020}.ad-btn small{opacity:.7;letter-spacing:.5px;font-size:10px;font-weight:800}.ad-btn:disabled{filter:grayscale(.6);cursor:default;opacity:.8}.ad-btn:not(:disabled):hover{filter:brightness(1.08)}#death .ad-btn{margin-top:14px}.r-xp .ad-btn{margin-top:4px}.r-xp.doubled .r-xp-top b{animation:.5s both numPop}.r-xp.doubled .r-xp-top b:after{content:" ×2";color:#7dff9a}#version{left:calc(10px + env(safe-area-inset-left,0px));top:calc(10px + env(safe-area-inset-top,0px));letter-spacing:.5px;color:#fff;opacity:.55;text-shadow:0 1px #0009;pointer-events:none;-webkit-user-select:none;user-select:none;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute}.set-help .ver{opacity:.6;font:700 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#results .st{opacity:0;transition:opacity .35s,transform .5s cubic-bezier(.2,1.5,.4,1);transform:translateY(10px)scale(.97)}#results .st.in{opacity:1;transform:none}#results .st:not(.in){pointer-events:none}#results .r-title.st{transform:scale(1.6)}#results .r-title.st.in{transform:none}#results .r-rank.pop{animation:.6s cubic-bezier(.2,1.8,.4,1) rankPop}@keyframes rankPop{0%{transform:scale(2.2)}to{transform:scale(1)}}#results .r-stats .st{transform:translateY(14px)scale(.85)}#results .r-stats .st.in{transform:none}#results .r-board li.st{transform:translate(28px)}#results .r-board li.st.in{transform:none}.r-stats b{font-variant-numeric:tabular-nums}#paused{z-index:45;-webkit-backdrop-filter:blur(2px);cursor:pointer;text-align:center;background:#0a0e1a8c;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-weight:900;animation:.2s both fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#paused b{letter-spacing:6px;color:#fff;text-shadow:0 6px #e23b36;font-size:clamp(40px,11vmin,96px)}#paused span{letter-spacing:3px;text-transform:uppercase;opacity:.85;font-size:clamp(13px,2.6vmin,18px)}#boosts{justify-content:center;gap:6px;min-height:0;display:flex}#boosts .boost{background:conic-gradient(var(--c) calc(var(--k,1) * 1turn), #0a0e188c 0);width:28px;height:28px;box-shadow:0 0 10px color-mix(in srgb, var(--c) 60%, transparent);border-radius:50%;place-items:center;display:grid;position:relative}#boosts .boost:before{content:"";background:#0a0e18d1;border-radius:50%;position:absolute;top:3px;bottom:3px;left:3px;right:3px}#boosts .boost svg{width:15px;height:15px;fill:var(--c);position:relative}#boosts .boost b{color:#fff;font-size:10px;font-weight:900;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}#boosts .boost.hidden{display:none}#boosts .boost.ending{animation:.25s infinite alternate blink}#hud:has(#boosts .boost:not(.hidden)) #mass{margin-bottom:12px}@media (max-width:600px){body:has(#boosts .boost:not(.hidden)) #feed{top:calc(116px + env(safe-area-inset-top,0px))}#boosts .boost{width:24px;height:24px}#boosts .boost svg{width:13px;height:13px}}#caption.pu-magnet{color:#ff8ae6;text-shadow:0 3px #00000059,0 0 22px #ff4fd8b3}#caption.pu-speed{color:#ffe14a;text-shadow:0 3px #00000059,0 0 22px #ffe14ab3}#caption.pu-shield{color:#8ccbff;text-shadow:0 3px #00000059,0 0 22px #4fb4ffb3}#caption.pu-surge{color:#ffa65a;text-shadow:0 3px #00000059,0 0 22px #ff8a1cb3}#hint.powerup{color:#ffd1f4;border-color:#ff4fd8}#marks .arrow.pu i{background:var(--c);animation:none}#marks .tag.shielded span{box-shadow:0 0 0 2px #4fb4ff}#marks .arrow.shielded i{background:#4fb4ff}.ad-btn.charge{background:linear-gradient(#ff9cf0,#ff4fd8);box-shadow:0 4px #9a2382,0 0 18px #ff4fd866}.ad-btn.charge i{color:#ff4fd8}.ad-btn.charge.armed{filter:none;opacity:1}#menu .ad-btn.charge{margin-top:10px}.r-charge{justify-content:center;margin:2px 0 6px;display:flex}.r-charge:has(>.hidden){display:none}#caption.bp{white-space:pre-line;color:#ffe08a;text-shadow:0 3px #00000059,0 0 22px #5ff6ffbf;line-height:1.35}#caption.bp.done{color:#fff1b8;text-shadow:0 3px #00000059,0 0 26px #f2c14ee6;font-size:clamp(18px,4vmin,30px)}#feed .line.bp{color:#ffe9a6}#marks .arrow.bp i{background:#f2c14e;animation:.6s infinite alternate bpGlow}@keyframes bpGlow{0%{background:#f2c14e}to{background:#5ff6ff}}.panel-card.wide{width:min(940px,100%)}.p-body.custom{display:block}.cz{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.cz-view{flex-direction:column;gap:8px;display:flex}.cz-stage{aspect-ratio:1;background:radial-gradient(at 50% 35%,#2c3e66 0%,#141b2c 75%);border-radius:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff14}.cz-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.cz-form{justify-content:space-between;align-items:center;gap:8px;display:flex}.cz-form b{letter-spacing:1.5px;text-align:center;flex:1;font-size:13px;font-weight:900}.cz-form button{font:inherit;color:#fff;cursor:pointer;background:#ffffff14;border:2px solid #ffffff40;border-radius:10px;width:40px;height:34px;font-size:16px;font-weight:900}.cz-form button:hover{border-color:#5ff6ff}.cz-side{flex-direction:column;gap:10px;min-width:0;display:flex}.cz-tabs{gap:6px;display:flex}.cz-tabs button{font:inherit;letter-spacing:1px;color:#fff;cursor:pointer;background:#ffffff0f;border:2px solid #ffffff2e;border-radius:10px;flex:1;padding:9px 4px;font-size:11px;font-weight:900}.cz-tabs button.on{background:#5ff6ff26;border-color:#5ff6ff}.cz-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:8px;max-height:min(60vh,520px);padding-right:2px;display:grid;overflow-y:auto}.cz-list.color{flex-direction:column;gap:10px;display:flex}.cz-list .p-sub,.cz-list .cz-note,.cz-list .cz-accs{grid-column:1/-1}.cz-note{opacity:.7;text-align:center;font-size:11px;line-height:1.4}.cz-accs{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.p-body .card.acc{text-align:center;align-items:center}.p-body .card.acc b{font-size:13px}.card.acc .ok{color:#7dff9a;font-weight:800}.card.acc.on .ok{color:#ffd23f}.card.acc .bars,.r-bp .bars{letter-spacing:1px;color:#5ff6ff;font-family:ui-monospace,Menlo,Consolas,monospace}.card.acc .now{letter-spacing:1px;color:#0b1020;background:#f2c14e;border-radius:4px;padding:1px 4px;font-size:9px;font-style:normal;font-weight:900}.acc-ico{place-items:center;width:56px;height:56px;display:grid;position:relative}.acc-ico.none{opacity:.6;border:2px dashed #ffffff4d;border-radius:10px;width:48px;height:48px;font-size:30px;font-weight:900}.acc-ico em,.bp-ico em{filter:drop-shadow(0 2px 2px #0009);font-size:22px;font-style:normal;position:absolute;bottom:-4px;right:-6px}.schem{width:100%;height:100%}.schem .paper{fill:#0d2a52;stroke:#f2c14e;stroke-width:.8px}.schem .grid{stroke:#5ff6ff2e;stroke-width:.3px;fill:none}.schem .ghost{fill:none;stroke:#5ff6ff4d;stroke-width:.9px;stroke-dasharray:1 1.2;stroke-linecap:round;stroke-linejoin:round}.schem .lit{fill:none;stroke:#bff9ff;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1px #5ff6ff)}.card.acc.locked .acc-ico{opacity:.95}@media (max-width:700px){.cz{grid-template-columns:1fr}.cz-stage{aspect-ratio:4/3;width:100%;max-height:38vh}.cz-list{max-height:none}}.r-bp{background:#0d2a52b3;border:2px solid #f2c14e99;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;margin:6px auto 2px;padding:8px 14px;display:flex}.r-bp.hidden{display:none}.r-bp .bp-ico{width:48px;height:48px;position:relative}.r-bp .bp-ico.big{width:64px;height:64px}.r-bp .bp-txt{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.r-bp small{letter-spacing:2px;color:#ffe08a;font-size:11px;font-weight:900}.r-bp b{letter-spacing:1px;font-size:16px;font-weight:900}.r-bp b span{color:#fff;margin-left:6px;font-family:inherit}.r-bp.done{border-color:#f2c14e;box-shadow:0 0 22px #f2c14e73}.r-bp.done small{font-size:13px}.r-bp .ad-btn.equip{background:linear-gradient(#ffe08a,#f2c14e);padding:6px 14px;font-size:13px;box-shadow:0 4px #9a6f1c}body.pill{--pill-r:70px;--pill-b:78px}@media (min-width:1211px){body.pill{--pill-r:100px;--pill-b:96px}}body.pill #hud{padding-left:max(calc(14px + env(safe-area-inset-left,0px)), var(--pill-r))}body.pill:has(#dbg-btn.hidden) #mute-btn{right:calc(12px + env(safe-area-inset-right,0px))}body.pill:has(#dbg-btn.hidden) #end-btn{right:calc(48px + env(safe-area-inset-right,0px))}@media (max-width:600px){body.pill:has(#dbg-btn.hidden) #hud{padding-right:calc(86px + env(safe-area-inset-right,0px))}body.pill #mass .lbl{letter-spacing:1px}}@media (max-width:380px){body.pill #mass .lbl-m{display:none}}@media (max-width:359px){#mass .lbl-m{display:none}body.pill #stage-name{letter-spacing:.5px;font-size:9px}}@media (min-width:601px){body.pill #feed{left:max(calc(12px + env(safe-area-inset-left,0px)), var(--pill-r))}}@media (orientation:portrait){body.pill #panel{padding-top:max(16px, var(--pill-b))}}@media (orientation:landscape){body.pill #panel{padding-left:max(16px, var(--pill-r));padding-right:max(16px, var(--pill-r))}}
