:root{font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,sans-serif;color:#fff;background:#06111d;touch-action:none;-webkit-user-select:none;user-select:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{display:grid;place-items:center;background:radial-gradient(circle at 50% 15%,#183a57,#06111d 70%)}button,a{font:inherit}#game-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#102b40}canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.home{position:absolute;z-index:8;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));height:42px;padding:0 14px;display:flex;align-items:center;gap:5px;border-radius:999px;text-decoration:none;color:#fff;background:#05111c88;border:1px solid #fff2;font-weight:900;backdrop-filter:blur(9px)}.home span{font-size:12px;letter-spacing:1px}.round{position:absolute;z-index:8;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));width:42px;height:42px;border-radius:50%;border:1px solid #fff2;background:#05111c88;color:white;font-weight:900;backdrop-filter:blur(9px)}#pause{right:max(62px,calc(env(safe-area-inset-right) + 62px))}.hud{position:absolute;z-index:6;top:max(66px,calc(env(safe-area-inset-top) + 66px));left:50%;width:min(94%,470px);transform:translateX(-50%);filter:drop-shadow(0 2px 5px #0008);pointer-events:none}.hud-main,.hud-sub{display:flex;justify-content:space-between;align-items:center}.hud-main{font-size:14px;font-weight:900;letter-spacing:.5px}.hud-main span{background:#071521c9;border:1px solid #fff2;border-radius:13px;padding:8px 12px;backdrop-filter:blur(7px)}.hud-main b{font-size:21px}.hud-sub{margin-top:6px;padding:0 8px;color:#e8f7ff;font-size:11px;font-weight:800;letter-spacing:.7px}.screen{position:absolute;z-index:10;inset:0;display:none;place-items:center;padding:calc(72px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(#04101b80,#03111de8);overflow:auto}.screen.active{display:grid}.panel{width:min(100%,420px);text-align:center}.hero .eyebrow{color:#74eaff;font-weight:900;letter-spacing:4px;font-size:11px}.hero h1{margin:12px 0 18px;font-size:clamp(66px,20vw,104px);line-height:.75;letter-spacing:-7px;font-style:italic;filter:drop-shadow(0 10px 0 #07152180)}.hero h1 em{font-style:inherit;color:#79f4a7}.instruction{font-size:12px;letter-spacing:2px;font-weight:900;color:#b7d0e2}.desktop-copy{display:none}.primary,.secondary{display:block;width:min(100%,300px);margin:18px auto 0;padding:17px 22px;border:0;border-radius:18px;font-size:18px;font-weight:1000;letter-spacing:1px;cursor:pointer}.primary{color:#06231d;background:linear-gradient(135deg,#65f4be,#5edfff);box-shadow:0 10px 28px #40e7cb44,0 5px 0 #239a94}.primary:active{transform:translateY(3px);box-shadow:0 7px 20px #40e7cb33,0 2px 0 #239a94}.secondary{color:#fff;background:#ffffff12;border:1px solid #ffffff25}.secondary small{display:block;font-size:8px;margin-top:3px;opacity:.65}.secondary:disabled{opacity:.36}.text-button{border:0;background:none;color:#b6cada;font-size:12px;font-weight:900;letter-spacing:2px;padding:18px;cursor:pointer}.best{margin-top:8px;color:#91aabd;font-size:11px;font-weight:800;letter-spacing:2px}.best strong{display:block;color:#fff;font-size:27px;letter-spacing:0}.compact,.result,.leaderboard{padding:26px;border:1px solid #ffffff22;border-radius:28px;background:#071723e8;box-shadow:0 28px 90px #0008;backdrop-filter:blur(14px)}h2{font-size:34px;margin:0 0 12px;letter-spacing:-1px}.new-best{color:#091c1b;background:#ffdf65;padding:8px 12px;border-radius:10px;font-weight:1000;transform:rotate(-2deg);margin:-8px auto 12px;width:max-content}.score-big{margin:14px 0}.score-big small{display:block;color:#8ea9ba;font-size:10px;letter-spacing:3px;font-weight:900}.score-big strong{font-size:54px;line-height:1}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats-grid span{padding:10px;background:#ffffff09;border-radius:12px;color:#8ea7b8;font-size:9px;letter-spacing:1px;font-weight:900}.stats-grid b{display:block;color:#fff;font-size:19px;letter-spacing:0;margin-top:3px}.stats-grid .wide{grid-column:1/-1}.rank-line{min-height:20px;margin-top:10px;color:#76e9ff;font-size:12px;font-weight:900}.leaderboard{position:relative}.leaderboard p{color:#8da8bb;font-size:12px}.leaderboard ol{list-style:none;padding:0;margin:12px 0 0;counter-reset:rank}.leaderboard li{counter-increment:rank;display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid #fff1;font-size:13px}.leaderboard li:before{content:counter(rank);width:24px;color:#74e6ff;font-weight:900}.leaderboard li span{flex:1;text-align:left}.leaderboard li b{font-variant-numeric:tabular-nums}.close{position:absolute;right:12px;top:10px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}.toast{position:absolute;z-index:20;left:50%;top:24%;transform:translate(-50%,-50%) scale(.7);opacity:0;padding:9px 16px;border-radius:999px;background:#06131dcc;color:#fff;font-size:25px;font-weight:1000;pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(hover:hover) and (pointer:fine){.mobile-copy{display:none}.desktop-copy{display:inline}}@media(min-width:700px){#game-shell{width:min(100%,720px);height:min(100%,1000px);box-shadow:0 0 100px #0009}.hero h1{font-size:104px}}@media(max-height:690px){.screen{padding-top:60px}.hero h1{font-size:64px;margin:8px 0 12px}.primary{padding:13px;margin-top:12px}.result{padding:18px}.score-big strong{font-size:42px}.stats-grid span{padding:7px}}
#fullscreen{right:max(112px,calc(env(safe-area-inset-right) + 112px));z-index:30;cursor:pointer}#game-shell:fullscreen,#game-shell.expanded{width:100vw;height:100dvh;max-width:none;max-height:none}.expanded{position:fixed!important;inset:0;z-index:100}