: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-signs .count{position:absolute;left:calc(100% + 6px);font-size:13px;font-weight:900;color:#5b8df0;-webkit-text-stroke:.5px var(--ui-shadow);text-shadow:0 2px 0 var(--ui-shadow);white-space:nowrap}#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) calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 20px) calc(var(--safe-left) + 20px);text-align:center}#title-screen{justify-content:center;background:radial-gradient(ellipse 100% 46% at 50% 54%,#140828b8,#1408287a 58%,#14082800 82%),url(/poster-vikki1.webp) calc(100% + 16px) top / auto 100% no-repeat,linear-gradient(#bfe4fb,#2f4d86)}#title-screen .menu-tap{color:var(--ui-yellow);text-shadow:0 3px 0 var(--ui-shadow),0 0 18px rgba(20,8,40,.85),0 0 6px rgba(20,8,40,.9)}#title-screen .menu-btn-row{flex-direction:column;align-items:center;gap:12px}#title-screen .menu-btn-row .menu-btn{width:min(64vw,250px)}#title-screen .menu-logo,#title-screen .menu-sub{display:none}.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}.menu-btn.secondary.title-action-btn{color:var(--ui-teal);border-color:var(--ui-teal);background:#2ec4b61f}.menu-btn.action-launch{color:var(--ui-cream);background:var(--ui-pink)}.menu-btn:focus-visible,.action-link:focus-visible{outline:4px solid var(--ui-teal);outline-offset:3px}.action-screen,.gameover-screen{overflow-y:auto;touch-action:pan-y}.action-screen{gap:10px}.action-heading{margin:0;font-size:clamp(34px,10vw,54px)}.action-intro{width:min(86vw,400px);margin:0 0 4px;font-size:clamp(15px,4vw,18px);font-weight:700;line-height:1.35;color:var(--ui-cream);text-shadow:0 2px 0 var(--ui-shadow)}.action-list{display:grid;gap:10px;width:min(88vw,420px)}.action-link{display:flex;align-items:center;gap:14px;min-height:92px;padding:14px 16px;color:var(--ui-cream);background:#140828a8;border:3px solid var(--ui-yellow);border-radius:16px;box-shadow:0 4px 0 var(--ui-shadow);text-align:left;text-decoration:none;touch-action:manipulation}.action-link:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ui-shadow)}.action-link.primary{color:var(--ui-purple);background:var(--ui-yellow)}.action-copy{display:flex;flex:1;flex-direction:column;min-width:0}.action-kicker{font-size:clamp(10px,2.8vw,12px);font-weight:900;line-height:1.1;letter-spacing:1.4px;color:var(--ui-teal)}.action-link.primary .action-kicker{color:var(--ui-pink)}.action-title{margin-top:3px;font-size:clamp(18px,5vw,23px);font-weight:900;line-height:1.05}.action-detail{margin-top:4px;font-size:clamp(12px,3.2vw,15px);font-weight:700;line-height:1.25;opacity:.88}.action-arrow{flex:0 0 auto;font-size:28px;font-weight:900;line-height:1;color:var(--ui-yellow)}.action-link.primary .action-arrow{color:var(--ui-pink)}.action-back{margin-top:2px}@media(max-height:700px){.action-screen,.gameover-screen{justify-content:flex-start;gap:8px}.action-heading{font-size:clamp(30px,8vw,42px)}.action-intro{font-size:14px}.action-link{min-height:74px;padding:10px 14px}.action-detail{font-size:12px}.gameover-screen .menu-logo{font-size:clamp(30px,9vw,46px)}.gameover-screen .menu-btn{padding-top:11px;padding-bottom:11px}}@media(orientation:landscape)and (max-height:500px){.action-screen{justify-content:flex-start;gap:7px;padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(10px + env(safe-area-inset-bottom))}.action-heading{font-size:clamp(28px,7vh,36px)}.action-intro{width:min(calc(100vw - var(--safe-left) - var(--safe-right) - 40px),900px);font-size:13px}.action-list{grid-template-columns:repeat(3,minmax(0,1fr));width:min(calc(100vw - var(--safe-left) - var(--safe-right) - 40px),900px)}.action-link{min-height:108px;padding:10px 12px}.action-title{font-size:clamp(16px,2.4vw,20px)}.action-detail{font-size:11px}.action-arrow{font-size:22px}}.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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}