:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--ui-cream: #fff6ea;--ui-yellow: #ffd166;--ui-orange: #ff7a3d;--ui-pink: #ef476f;--ui-teal: #2ec4b6;--ui-purple: #46237a;--ui-shadow: rgba(20, 8, 40, .55)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#46237a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;user-select:none;-webkit-user-select:none}#game-root{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}#hud,#menus{position:absolute;inset:0;pointer-events:none;color:var(--ui-cream)}.hidden{display:none!important}#hud .hud-score{position:absolute;top:calc(var(--safe-top) + 42px);left:calc(var(--safe-left) + 14px);font-size:clamp(26px,7vw,38px);font-weight:800;letter-spacing:1px;text-shadow:0 3px 0 var(--ui-shadow);font-variant-numeric:tabular-nums}#hud .hud-combo{position:absolute;top:calc(var(--safe-top) + 84px);left:calc(var(--safe-left) + 15px);transform-origin:left center;font-size:clamp(17px,4.5vw,24px);font-weight:800;color:var(--ui-yellow);text-shadow:0 2px 0 var(--ui-shadow);opacity:0;transition:opacity .15s;white-space:nowrap}#hud .hud-combo.active{opacity:1}#hud .hud-combo.pulse{animation:combo-pulse .22s ease-out}@keyframes combo-pulse{0%{transform:scale(1.35)}to{transform:scale(1)}}#hud .hud-combo.banked{animation:combo-bank .5s ease-in forwards}@keyframes combo-bank{0%{transform:scale(1.1);opacity:1}to{transform:translateY(-46px) scale(.4);opacity:0}}#hud .hud-lives{position:absolute;top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 14px);display:flex;gap:5px;font-size:clamp(22px,6vw,28px);filter:drop-shadow(0 2px 0 var(--ui-shadow))}#hud .hud-lives .heart{transition:opacity .25s,transform .25s,filter .25s}#hud .hud-lives .heart.lost{filter:grayscale(1);opacity:.3;transform:scale(.82)}#hud .hud-lives .heart.breaking{animation:heart-break .5s ease-out}@keyframes heart-break{0%{transform:scale(1.6) rotate(0)}25%{transform:scale(1.4) rotate(-14deg)}50%{transform:scale(1.2) rotate(12deg)}to{transform:scale(.82) rotate(0)}}#hud .hud-frisbees-label{position:absolute;left:calc(var(--safe-left) + 15px);bottom:calc(var(--safe-bottom) + 44px);font-size:11px;font-weight:800;letter-spacing:2.5px;color:var(--ui-cream);opacity:.8;text-shadow:0 2px 0 var(--ui-shadow)}#hud .hud-frisbees{position:absolute;left:calc(var(--safe-left) + 14px);bottom:calc(var(--safe-bottom) + 16px);display:flex;gap:6px}#hud .hud-timers{position:absolute;left:calc(var(--safe-left) + 15px);top:calc(var(--safe-top) + 122px);display:flex;flex-direction:column;gap:6px}#hud .hud-timer{display:none;align-items:center;position:relative;width:96px;height:10px;padding-left:15px;border-radius:5px;background:#1408288c;box-shadow:0 2px 0 var(--ui-shadow);overflow:visible}#hud .hud-timer:before{content:"";position:absolute;left:1px;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--ui-cream)}#hud .hud-timer .fill{height:100%;border-radius:5px;transition:width .1s linear}#hud .t-signs .fill,#hud .t-signs:before{background:#5b8df0}#hud .t-vote .fill,#hud .t-vote:before{background:#9b5de5}#hud .t-star .fill,#hud .t-star:before{background:var(--ui-yellow)}#hud .hud-frisbees .disc{width:22px;height:22px;border-radius:50%;background:var(--ui-teal);border:3px solid var(--ui-cream);box-shadow:0 2px 0 var(--ui-shadow);opacity:.25;transition:opacity .15s}#hud .hud-frisbees .disc.full{opacity:1}#hud .hud-frisbees .disc.pop{animation:pip-pop .22s ease-out}@keyframes pip-pop{0%{transform:scale(1.45)}to{transform:scale(1)}}#hud .hud-pause{position:absolute;top:calc(var(--safe-top) + 6px);right:calc(var(--safe-right) + 6px);width:56px;height:56px;pointer-events:auto;background:none;border:none;cursor:pointer;font-size:26px;color:var(--ui-cream);text-shadow:0 2px 0 var(--ui-shadow)}#hud .hud-debug{position:absolute;bottom:calc(var(--safe-bottom) + 4px);right:calc(var(--safe-right) + 8px);font-size:11px;opacity:.6;font-variant-numeric:tabular-nums;text-align:right}#hud .hud-tut{position:absolute;top:26%;left:50%;transform:translate(-50%);width:min(86vw,380px);text-align:center;padding:12px 16px;background:#14082899;border:3px solid var(--ui-yellow);border-radius:16px;box-shadow:0 4px 0 var(--ui-shadow);pointer-events:none}#hud .hud-tut.pop{animation:tut-pop .25s ease-out}@keyframes tut-pop{0%{transform:translate(-50%) scale(1.1)}to{transform:translate(-50%) scale(1)}}#hud .hud-tut-text{font-size:clamp(16px,4.6vw,20px);font-weight:800;line-height:1.35;color:var(--ui-cream);text-shadow:0 2px 0 var(--ui-shadow)}#hud .hud-tut-progress{margin-top:3px;font-size:clamp(14px,4vw,17px);font-weight:900;color:var(--ui-yellow);min-height:1em}#hud .hud-tut-skip{pointer-events:auto;margin-top:8px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:700;color:var(--ui-cream);background:transparent;border:2px solid rgba(255,246,234,.5);border-radius:10px;cursor:pointer}#hud .hud-powerup{position:absolute;top:22%;left:50%;transform:translate(-50%);text-align:center;opacity:0;white-space:nowrap;pointer-events:none;background:#14082873;border-radius:14px;padding:8px 20px}#hud .hud-powerup .pu-title{font-size:clamp(22px,6.5vw,32px);font-weight:900;letter-spacing:1px;color:var(--ui-yellow);-webkit-text-stroke:1px var(--ui-shadow);text-shadow:0 3px 0 var(--ui-shadow)}#hud .hud-powerup .pu-desc{margin-top:2px;font-size:clamp(14px,4vw,18px);font-weight:700;color:var(--ui-cream);text-shadow:0 2px 0 var(--ui-shadow)}#hud .hud-powerup.show{animation:powerup-pop 2.2s ease-out forwards}@keyframes powerup-pop{0%{opacity:0;transform:translate(-50%) scale(.5)}12%{opacity:1;transform:translate(-50%) scale(1.15)}22%{transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-18px) scale(.92)}}#hud .reticle{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border:3px solid var(--ui-yellow);border-radius:50%;box-shadow:0 0 0 2px var(--ui-shadow),inset 0 0 0 2px var(--ui-shadow);opacity:0;transition:opacity .1s}#hud .reticle.locked{opacity:1}.menu-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:auto;background:linear-gradient(to bottom,#14082814,#1408288c 22%,#140828cc 55%,#140828d9);padding:calc(var(--safe-top) + 20px) 20px calc(var(--safe-bottom) + 20px);text-align:center}.menu-logo{font-size:clamp(40px,12vw,72px);font-weight:900;line-height:.95;letter-spacing:-1px;color:var(--ui-yellow);text-shadow:0 4px 0 var(--ui-pink),0 8px 0 var(--ui-shadow);transform:rotate(-3deg)}.menu-sub{font-size:clamp(16px,4.5vw,22px);font-weight:700;color:var(--ui-cream);text-shadow:0 2px 0 var(--ui-shadow)}.menu-tap{margin-top:18px;font-size:clamp(22px,6vw,30px);font-weight:800;color:var(--ui-cream);animation:tap-bob 1.1s ease-in-out infinite;text-shadow:0 3px 0 var(--ui-shadow)}@keyframes tap-bob{0%,to{transform:scale(1);opacity:.65}50%{transform:scale(1.08);opacity:1}}.menu-screen.dark{background:linear-gradient(to bottom,#1408289e,#140828db)}.menu-stats{display:flex;flex-direction:column;gap:6px;font-size:clamp(15px,4vw,19px);font-weight:600;font-variant-numeric:tabular-nums}.menu-stats .big{font-size:clamp(34px,10vw,54px);font-weight:900;color:var(--ui-yellow);text-shadow:0 3px 0 var(--ui-shadow)}.menu-stats .newbest{color:var(--ui-teal);font-weight:900;animation:tap-bob .7s ease-in-out infinite}.menu-btn{pointer-events:auto;min-width:220px;padding:16px 28px;font-size:clamp(18px,5vw,24px);font-weight:800;font-family:inherit;color:var(--ui-purple);background:var(--ui-yellow);border:none;border-radius:14px;box-shadow:0 5px 0 var(--ui-shadow);cursor:pointer}.menu-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ui-shadow)}.menu-btn.secondary{background:transparent;color:var(--ui-cream);border:3px solid var(--ui-cream);box-shadow:none;min-width:0;padding:10px 20px;font-size:clamp(14px,4vw,18px)}.menu-btn.small{min-width:0;padding:12px 18px;font-size:clamp(15px,4vw,19px)}.menu-btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.submit-row{display:flex;gap:8px;align-items:stretch}.submit-row input{width:min(46vw,200px);padding:10px 14px;font-family:inherit;font-size:clamp(16px,4.5vw,20px);font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ui-purple);background:var(--ui-cream);border:3px solid var(--ui-yellow);border-radius:12px;outline:none;text-align:center}.submit-row input::placeholder{color:#9a8fb8}.submit-row input.nudge{animation:input-nudge .35s;border-color:var(--ui-pink)}@keyframes input-nudge{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.submit-note{font-size:clamp(13px,3.5vw,16px);font-weight:700;color:var(--ui-teal);text-shadow:0 2px 0 var(--ui-shadow)}.tut-screen{gap:16px;justify-content:center}.tut-skip{position:absolute;top:calc(var(--safe-top) + 10px);right:calc(var(--safe-right) + 12px)}.tut-card{width:min(84vw,380px);padding:26px 22px;background:#14082899;border:3px solid var(--ui-yellow);border-radius:18px;box-shadow:0 5px 0 var(--ui-shadow);text-align:center}.tut-art{font-size:clamp(54px,16vw,76px);line-height:1.1;filter:drop-shadow(0 4px 0 var(--ui-shadow))}.tut-title{margin-top:10px;font-size:clamp(20px,6vw,28px);font-weight:900;letter-spacing:1px;color:var(--ui-yellow);text-shadow:0 3px 0 var(--ui-shadow)}.tut-text{margin-top:10px;font-size:clamp(15px,4.2vw,18px);font-weight:600;line-height:1.45;color:var(--ui-cream)}.tut-text b{color:var(--ui-yellow)}.tut-dots{display:flex;gap:7px}.tut-dots span{width:9px;height:9px;border-radius:50%;background:#fff6ea4d}.tut-dots span.on{background:var(--ui-yellow);transform:scale(1.25)}.audio-panel{display:flex;flex-direction:column;gap:18px;width:min(82vw,360px);padding:22px;background:#1408288c;border:3px solid var(--ui-yellow);border-radius:16px;box-shadow:0 5px 0 var(--ui-shadow)}.audio-row{display:flex;align-items:center;gap:14px;font-weight:800;font-size:clamp(15px,4.2vw,19px);color:var(--ui-cream)}.audio-row span{width:5.5em;text-align:left}.audio-row input[type=range]{flex:1;appearance:none;-webkit-appearance:none;height:10px;border-radius:5px;background:#fff6ea40;outline:none}.audio-row input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--ui-yellow);border:3px solid var(--ui-cream);box-shadow:0 2px 0 var(--ui-shadow);cursor:pointer}.audio-row input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--ui-yellow);border:3px solid var(--ui-cream);box-shadow:0 2px 0 var(--ui-shadow);cursor:pointer}.lb-screen{gap:10px}.lb-title{font-size:clamp(30px,9vw,48px)}.lb-note{font-size:clamp(13px,3.5vw,16px);font-weight:700;color:var(--ui-teal);text-shadow:0 2px 0 var(--ui-shadow)}.lb-list{width:min(86vw,420px);max-height:52vh;overflow-y:auto;touch-action:pan-y;display:flex;flex-direction:column;gap:6px;padding:12px;background:#1408288c;border:3px solid var(--ui-yellow);border-radius:16px;box-shadow:0 5px 0 var(--ui-shadow)}.lb-loading{text-align:center;padding:26px 0;font-weight:700;font-size:clamp(15px,4vw,18px);color:var(--ui-cream);opacity:.85}.lb-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#fff6ea14;font-weight:700;font-size:clamp(15px,4.2vw,19px);font-variant-numeric:tabular-nums}.lb-rank{width:2em;text-align:center;font-weight:900;color:var(--ui-cream);opacity:.8}.lb-top-1 .lb-rank{color:gold;opacity:1;font-size:1.25em}.lb-top-2 .lb-rank{color:#cfd2da;opacity:1;font-size:1.15em}.lb-top-3 .lb-rank{color:#d8915d;opacity:1;font-size:1.05em}.lb-top-1{background:#ffd70029}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.5px}.lb-score{color:var(--ui-yellow);font-weight:900}.lb-you{outline:3px solid var(--ui-teal);background:#2ec4b62e}