:root{font-family:Fredoka,ui-rounded,Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff6e8;background:#0b0913;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;touch-action:none}button{border:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.shell{position:relative;width:min(100vw,480px);min-height:100svh;margin:0 auto;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden;background:radial-gradient(120% 70% at 50% -8%,rgba(120,116,200,.22),transparent 60%),radial-gradient(90% 50% at 50% 108%,rgba(150,90,160,.14),transparent 60%),linear-gradient(180deg,#1f1b2e,#110d1c);box-shadow:0 0 0 1px #ffffff14,0 24px 80px #0009}.topbar{min-height:64px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:max(13px,env(safe-area-inset-top)) 14px 8px}.topbar-title{min-width:0}.topbar-title strong,.topbar-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-title strong{font-size:20px;line-height:1.05;font-weight:950;color:#ffe9c4}.topbar-title span{margin-top:2px;color:#d2b897;font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.topbar-actions{display:flex;gap:8px}.iconbtn{width:44px;height:44px;border-radius:14px;font-size:18px;line-height:1;color:#f3e6cf;background:#fff2d61a;border:1px solid rgba(255,225,180,.14)}.hint{color:#0c2733;background:linear-gradient(180deg,#bdeee7,#5bbcb1);border:0;font-size:13px;font-weight:950;box-shadow:inset 0 -3px #083c3638,0 9px 18px #0003}.hint span{color:inherit;line-height:1}.hint strong{color:inherit;font-size:12px;min-height:0;margin-top:1px}.hint.on{background:linear-gradient(180deg,#4ecdc4,#2a9d8f);color:#fff;box-shadow:inset 0 -3px #083c364d,0 0 0 2px #4ecdc480,0 9px 18px #00000040}.hud{display:flex;gap:7px;padding:0 12px 10px}.hud>.hud-cell{flex:1;min-width:0}.hud>.hint{flex:1.1}.hud>.hud-skip{flex:0 0 44px;font-size:15px;color:#f3e6cf}.hud-cell{min-width:0;padding:8px 7px;border-radius:15px;text-align:center;background:#fff2d61a;border:1px solid rgba(255,225,180,.11);font:inherit;color:inherit}.hud-pick{cursor:pointer;background:#78c0fc29;border-color:#78c0fc4d}.hud-cell.hud-hi{background:#ffba242e;border-color:#ffba2480;animation:hud-hi-pulse 1.4s ease-in-out infinite}@keyframes hud-hi-pulse{0%,to{box-shadow:0 0 #ffba2400}50%{box-shadow:0 0 0 3px #ffba2447}}@media(prefers-reduced-motion:reduce){.hud-cell.hud-hi{animation:none}}.picker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-content:start;overflow-y:auto;padding:max(14px,env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% 0%,rgba(120,116,200,.18),transparent 55%),linear-gradient(180deg,#1c1830,#100c1a)}.picker.hidden{display:none}.picker .pk-close{grid-column:1 / -1;height:42px;border-radius:13px;color:#f3e6cf;background:#fff2d61a;border:1px solid rgba(255,225,180,.16);font-size:14px;font-weight:900}.picker .pk-world{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 2px 0;color:#ffcf8f;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.picker .pk-world:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--wc, #ffcf8f);box-shadow:0 0 8px var(--wc, transparent)}.picker .pk-world span:first-of-type{flex:1}.picker .pk-progress{color:#ffba24;letter-spacing:.02em}.picker .pk-tile{aspect-ratio:1;display:grid;place-content:center;gap:3px;border-radius:14px;color:#fff5d8;background:color-mix(in srgb,var(--wc, #fff5d8) 14%,rgba(18,14,28,.55));border:1px solid color-mix(in srgb,var(--wc, #fff) 34%,transparent);text-align:center;transition:transform .12s ease}.picker .pk-tile:not(:disabled):active{transform:scale(.93)}.picker .pk-tile strong{font-size:18px;font-weight:950;line-height:1;color:var(--wc, #fff5d8)}.picker .pk-tile .pk-tstars{font-size:9px;letter-spacing:1px;color:#ffba24}.picker .pk-now{box-shadow:0 0 0 2px var(--wc, #ffba24),0 0 14px #ffba2440}.picker .pk-tile:disabled{opacity:.4}.picker .pk-tile:disabled strong{color:#cdb196}.picker .pk-tile:disabled .pk-tstars{color:#9a866d;font-size:11px}.hud span,.hud strong{display:block}.hud span{color:#c6aa88;font-size:11px;font-weight:900}.hud strong{min-height:22px;margin-top:2px;color:#fff5d8;font-size:17px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud .hint strong{color:inherit;font-size:12px;min-height:0;margin-top:1px}#game{aspect-ratio:440 / 796;width:min(calc(100% - 20px),calc((100svh - 136px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 440 / 796));height:auto;min-height:0;align-self:center;margin:0 auto max(10px,env(safe-area-inset-bottom));display:block;border-radius:28px;background:#2c2520;border:1px solid rgba(255,228,186,.16);box-shadow:inset 0 -5px #0000002e,0 16px 34px #0000004d;touch-action:none}.home{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:28px;text-align:center;background:radial-gradient(110% 70% at 50% 26%,rgba(146,134,232,.24),transparent 60%),radial-gradient(90% 50% at 50% 102%,rgba(255,140,182,.12),transparent 60%),linear-gradient(180deg,#221d38,#100c1a)}.home.hidden{display:none}.home-inner{display:flex;flex-direction:column;align-items:center;width:min(100%,300px)}.home-mascot{width:132px;height:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45));animation:home-bob 2.6s ease-in-out infinite}.result-mascot{width:64px;height:auto;margin:-4px auto 4px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.home-logo{position:relative;margin:22px 0 0;font-size:clamp(46px,16vw,64px);font-weight:950;letter-spacing:-.5px;color:#fff3df;text-shadow:0 3px 0 rgba(0,0,0,.2)}.home-band{position:absolute;left:8%;right:8%;bottom:6px;height:9px;border-radius:9px;background:linear-gradient(90deg,#ff6b9d,#ff8fb4);transform:rotate(-1.6deg);box-shadow:0 2px 6px #ff6b9d73}.home-tag{margin:10px 0 26px;max-width:240px;color:#d8bf9f;font-size:14px;font-weight:800;line-height:1.35}.home .primary,.home .secondary{width:100%}@keyframes home-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#0c09078c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.confirm.hidden{display:none}.confirm-card{width:min(100%,320px);padding:24px 22px;border-radius:26px;text-align:center;color:#382419;background:#fff4dc;box-shadow:0 24px 56px #0000006b}.confirm-icon{font-size:40px;line-height:1}.confirm-title{margin:8px 0 0;font-size:22px;font-weight:950;color:#34200f}.confirm-text{margin:8px 0 18px;font-size:14px;font-weight:800;line-height:1.4;color:#8a5a33}.finale{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#0c090799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.finale.hidden{display:none}.finale-card{width:min(100%,340px);padding:26px 24px;border-radius:28px;text-align:center;color:#382419;background:#fff4dc;box-shadow:0 26px 60px #00000075}.finale-trophy{font-size:56px;line-height:1}.finale-title{margin:6px 0 0;font-size:24px;font-weight:950;color:#34200f}.finale-total{margin:8px 0 2px;font-size:42px;font-weight:950;color:#e8a33a}.finale-total span{font-size:20px;color:#b98a3e}.finale-worlds{margin:12px 0 6px;display:grid;gap:6px}.finale-worlds .fw{display:flex;justify-content:space-between;padding:7px 12px;border-radius:12px;font-size:13px;font-weight:850;color:#6f4a25;background:#78461412}.finale-worlds .fw span:last-child{color:#c8902e}.finale-sub{margin:8px 0 16px;font-size:13px;font-weight:850;color:#9a5527}.finale .primary,.finale .secondary{width:100%}.home-stars{margin:-10px 0 14px;font-size:16px;font-weight:950;color:#ffba24}.result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#0c090785;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.result.hidden{display:none}.result-card{width:min(100%,340px);padding:24px;border-radius:28px;text-align:center;color:#382419;background:#fff4dc;box-shadow:0 26px 60px #0000006b}.result-card p,.result-card h1{margin:0}.result-card p{color:#9a5527;font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.result-card h1{margin-top:6px;font-size:58px;line-height:1}.stars{margin:10px 0 17px;color:#6647272e;font-size:34px;letter-spacing:0}.stars .lit{color:#ffba24;text-shadow:0 2px 0 rgba(91,47,10,.14)}@keyframes result-pop{0%{transform:scale(.82);opacity:0}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes star-pop{0%{transform:scale(0)}70%{transform:scale(1.35)}to{transform:scale(1)}}.result:not(.hidden) .result-card{animation:result-pop .42s cubic-bezier(.2,1.1,.4,1) both}.result:not(.hidden) .stars span{display:inline-block;animation:star-pop .4s cubic-bezier(.2,1.4,.4,1) both}.result:not(.hidden) .stars span:nth-child(1){animation-delay:.16s}.result:not(.hidden) .stars span:nth-child(2){animation-delay:.32s}.result:not(.hidden) .stars span:nth-child(3){animation-delay:.48s}@media(prefers-reduced-motion:reduce){.home-ball,.result:not(.hidden) .result-card,.result:not(.hidden) .stars span{animation:none}}.primary,.secondary{width:100%;min-height:50px;border-radius:16px;font-weight:950}.primary{color:#34200f;background:linear-gradient(180deg,#fff16a,#ffb238);box-shadow:inset 0 -3px #7d430933,0 10px 24px #71390a33}.primary:disabled{opacity:.45}.secondary{margin-top:9px;color:#58311c;background:#fff9ec;border:1px solid rgba(94,47,22,.16)}.danger{width:100%;min-height:50px;border-radius:16px;font-weight:950;color:#fff;background:linear-gradient(180deg,#ff8a7a,#e0503f);box-shadow:inset 0 -3px #78180c40,0 10px 24px #781e0e33}.home-gear{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px}.ghost{width:100%;margin-top:8px;min-height:38px;border-radius:14px;color:#95642f;background:transparent;font-weight:900;font-size:14px}@media(min-width:760px){body{padding:24px 0}.shell{min-height:calc(100svh - 48px);border-radius:34px}#game{width:min(calc(100% - 20px),calc((100svh - 184px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 440 / 796))}}@media(max-width:370px){.topbar-title strong{font-size:17px}.restart{min-width:78px}.hud{gap:5px}.hud div{padding-inline:4px}}.star-glyph{color:#ffba24;font-weight:950}.hint svg,.iconbtn svg{vertical-align:-2px}.hint.hint-nudge{animation:hint-nudge 1.6s ease-in-out infinite}@keyframes hint-nudge{0%,to{transform:scale(1);box-shadow:inset 0 -3px #083c3638,0 9px 18px #0003}50%{transform:scale(1.05);box-shadow:inset 0 -3px #083c3638,0 0 0 3px #4ecdc473,0 9px 18px #00000040}}@media(prefers-reduced-motion:reduce){.hint.hint-nudge{animation:none;box-shadow:inset 0 -3px #083c3638,0 0 0 3px #4ecdc473,0 9px 18px #00000040}}.hintbtn{background:linear-gradient(180deg,#bdeee7,#5bbcb1);border:0}.result-card.flawless{background:linear-gradient(180deg,#fff7e0,#ffe6a0);box-shadow:0 26px 60px #ffa81e80,inset 0 0 0 3px #ffc43cb3}.result-card.flawless p[data-result-title]{color:#b06a00;font-size:24px;letter-spacing:.04em;text-shadow:0 2px 0 rgba(255,255,255,.45)}.result-card.flawless .stars .lit{color:#ffd84d;text-shadow:0 0 14px rgba(255,200,40,.95)}.picker .pk-tile.pk-flawless{position:relative;border-color:#ffce4d;box-shadow:0 0 0 2px #ffce4db3,0 4px 10px #ffb4284d}.picker .pk-tile .pk-fl{position:absolute;top:3px;right:5px;color:#ffb01f;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.home-cards{display:flex;gap:9px;width:100%;margin-top:11px}.home-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:66px;border-radius:15px;padding:11px 8px;font-weight:900;color:#58311c;background:#fff9ec;border:1px solid rgba(94,47,22,.16)}.home-card:active{transform:scale(.97)}.hc-ico{font-size:22px;line-height:1}.hc-label{font-size:14px}.hc-count{font-size:11px;font-weight:800;line-height:14px;min-height:14px;opacity:.9;transition:opacity .15s;color:#a9794a}.home-card--comm{color:#1b1430;background:linear-gradient(180deg,#d7c8ff,#b59bff);border:1px solid rgba(120,95,200,.4);box-shadow:inset 0 -3px #462d822e,0 6px 16px #785ad238}.home-card--comm .hc-count{color:#1b14309e}.community{position:absolute;top:0;right:0;bottom:0;left:0;z-index:16;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% 0%,rgba(120,116,200,.18),transparent 55%),linear-gradient(180deg,#1c1830,#100c1a)}.community.hidden,.editor.hidden{display:none}.comm-head{display:grid;grid-template-columns:44px 1fr auto;align-items:center;padding:max(12px,env(safe-area-inset-top)) 12px 6px}.comm-head strong{text-align:center;font-size:18px;font-weight:950;color:#ffe9c4}.comm-head-actions{display:flex;gap:6px}.comm-ico{width:32px;height:32px;border-radius:10px;font-size:14px;line-height:1;background:#fff2d617;border:1px solid rgba(255,225,180,.16);color:#ffe9c4}.comm-ico:active{transform:scale(.92)}.gk-mdim{color:#a98a68;font-weight:700;font-size:12px;margin:-4px 0 10px}.comm-tabs{display:flex;gap:6px;padding:4px 12px 8px}.comm-tab{flex:1;min-height:36px;border-radius:11px;font-weight:900;font-size:13px;color:#c6aa88;background:#fff2d612;border:1px solid transparent}.comm-tab.on{color:#1b1430;background:linear-gradient(180deg,#d7c8ff,#b59bff)}.comm-list{flex:1;overflow-y:auto;padding:4px 12px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.comm-spin,.comm-empty{text-align:center;color:#a99;padding:40px 12px;font-weight:800}.comm-card{display:flex;flex-direction:column;gap:7px;padding:12px 14px;border-radius:16px;background:#fff2d60f;border:1px solid rgba(255,225,180,.12);cursor:pointer}.comm-card:active{transform:scale(.98)}.comm-card-main{display:flex;align-items:baseline;gap:8px}.comm-card-main strong{font-size:16px;font-weight:900;color:#fff5d8}.comm-by{font-size:12px;color:#b39;color:#c6aa88}.comm-card-meta{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:#c6aa88}.comm-diff{color:#1b1430;background:var(--dc, #ffd24a);padding:2px 9px;border-radius:999px;font-weight:950}.comm-par{color:#ffba24}.comm-like{margin-left:auto;color:#ff9ec4;background:#ff6b9d1f;border:1px solid rgba(255,107,157,.25);border-radius:999px;padding:3px 10px;font-weight:900}.comm-like.on{color:#fff;background:linear-gradient(180deg,#ff8fb4,#ff5f96)}.comm-plays{color:#9ab}.comm-report{color:#ffb0a0;border-color:#ff8a5a47;background:#ff8a5a1a;font-weight:950}.comm-hide{color:#cbb7f8;border-color:#b79bff47;background:#b79bff1a;font-size:20px}.editor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;display:flex;flex-direction:column;pointer-events:none}.shell.is-editing>.topbar,.shell.is-editing>.hud{visibility:hidden}.shell.is-editing{grid-template-rows:0 0 1fr}.shell.is-editing #game{align-self:start;margin:54px auto 0;width:min(calc(100% - 24px),calc((100svh - 248px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 440 / 796))}.ed-head{pointer-events:auto;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:max(12px,env(safe-area-inset-top)) 12px 8px;background:linear-gradient(180deg,#14101f,#14101f00)}.ed-head strong{text-align:center;font-size:17px;font-weight:950;color:#cfe2ff}.ed-spacer{flex:1;pointer-events:none}.ed-bottom{pointer-events:auto;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#14101f 70%,#14101f00);display:flex;flex-direction:column;gap:9px}.ed-props{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.ed-prop{min-height:34px;padding:0 12px;border-radius:11px;font-weight:900;font-size:12px;color:#cfe2ff;background:#5db4ff29;border:1px solid rgba(93,180,255,.3)}.ed-prop.ed-del{color:#ff8a7a;background:#e0503f29;border-color:#e0503f59}.ed-palette{display:flex;gap:6px;justify-content:center}.ed-tool{width:40px;height:40px;border-radius:12px;font-size:18px;color:#f3e6cf;background:#fff2d61a;border:1px solid rgba(255,225,180,.16)}.ed-tool.on{color:#1b1430;background:linear-gradient(180deg,#bdeee7,#5bbcb1);box-shadow:0 0 0 2px #5dbcb180}.ed-actions{display:flex;gap:8px}.ed-actions .secondary,.ed-actions .primary{margin:0;min-height:46px}.ed-status{text-align:center;font-size:12px;font-weight:800;color:#c6aa88;min-height:16px}.ed-status.ok{color:#7af0a8}.ed-status.bad{color:#ff8a7a}.gk-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:22px;background:#0c091299;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.gk-modal-card{width:min(100%,330px);padding:22px;border-radius:24px;text-align:center;color:#382419;background:#fff4dc;box-shadow:0 24px 56px #00000080;animation:result-pop .32s cubic-bezier(.2,1.1,.4,1) both}.gk-mtitle{margin:0 0 4px;font-size:24px;font-weight:950;color:#34200f}.gk-mtext{margin:4px 0 12px;font-size:14px;font-weight:800;color:#8a5a33}.gk-rulebox{display:flex;gap:8px;justify-content:center;margin:12px 0 16px}.gk-rulebox span{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:950;color:#6a3d1e;background:#78461414;border:1px solid rgba(120,70,20,.12)}.gk-input{width:100%;min-height:46px;padding:0 14px;margin:4px 0 12px;border-radius:13px;font:inherit;font-weight:800;color:#34200f;background:#fff9ec;border:2px solid rgba(94,47,22,.18)}.gk-input:focus{outline:none;border-color:#ffb238}.gk-modal-card .primary,.gk-modal-card .secondary{width:100%}.gk-lb{margin:8px 0 14px;text-align:left}.gk-lb-title{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;color:#9a5527;margin-bottom:4px}.lb-row{display:grid;grid-template-columns:22px 1fr auto auto;gap:8px;align-items:center;padding:5px 6px;border-radius:9px;font-size:13px;font-weight:800;color:#6f4a25}.lb-row:nth-child(odd){background:#7846140f}.lb-rank{color:#c8902e;font-weight:950}.lb-shots{color:#b06a00;font-weight:950}.lb-time{color:#9a7;color:#9a866d;font-size:12px}.gk-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);z-index:60;padding:11px 18px;border-radius:14px;font-weight:900;font-size:14px;color:#fff5d8;background:#1c1830f5;box-shadow:0 10px 30px #0006;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}.gk-toast.show{opacity:1;transform:translate(-50%)}.home-noads{margin-top:4px;align-self:center;padding:8px 18px;border-radius:12px;font-size:13px;font-weight:800;color:#cfe6fb;background:#8fc9ee24;border:1px solid rgba(234,246,255,.18)}.home-noads:active{transform:scale(.95)}.ad-stub{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#040a14e0}.ad-card{width:min(86%,320px);padding:26px 20px;border-radius:18px;text-align:center;background:linear-gradient(180deg,#1b4068,#102a48);border:1px solid rgba(234,246,255,.18);box-shadow:0 24px 70px #0009;display:flex;flex-direction:column;gap:12px}.ad-tag{font-size:11px;font-weight:900;letter-spacing:.08em;color:#7fa6c8}.ad-body{font-size:16px;font-weight:800;color:#f4fbff}.ad-count{font-size:13px;font-weight:700;color:#bbd7ee;min-height:16px}.ad-skip{min-height:42px;border-radius:12px;font-weight:800;color:#08182b;background:linear-gradient(160deg,#bff6ff,#7be9ff)}.ad-skip:disabled{opacity:.5;color:#dff0ff;background:#8fc9ee29}