:root{--purple: #8e56bd;--purple-2: #7b3fb0;--purple-dark: #4b2477;--purple-deep: #2e1650;--gold: #f5b83d;--gold-dark: #c98a17;--cream: #fff8ec;--ink: #2b2230;--muted: #74687c;--wa: #25d366;--red: #eb5757;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Fredoka,Trebuchet MS,system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--purple-deep);overscroll-behavior:none}body{position:fixed;inset:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;color:#fff}#app{position:fixed;inset:0;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}button{font:inherit}.btn{font-weight:700;border:0;border-radius:18px;padding:12px 18px;cursor:pointer;color:var(--ink);transition:transform .08s ease,box-shadow .08s ease,filter .15s;touch-action:manipulation}.btn:active{transform:translateY(3px)}.btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.btn-primary{background:var(--gold);color:var(--purple-deep);box-shadow:0 6px 0 var(--gold-dark),0 12px 22px #00000040}.btn-primary:active{box-shadow:0 3px 0 var(--gold-dark),0 6px 12px #0003}.btn-secondary{background:#fff;color:var(--purple-2);box-shadow:0 6px #d6c4ec}.btn-ghost{background:#ffffff29;color:#fff;border:2px solid rgba(255,255,255,.28)}.btn-soft{background:#efe6fa;color:var(--purple-2);flex:1}.btn-soft.off{opacity:.45;text-decoration:line-through}.btn-link{background:none;color:var(--purple-2);padding:6px;text-decoration:underline;text-underline-offset:3px;font-weight:600}.btn-xl{font-size:27px;padding:15px 24px;width:100%;letter-spacing:.5px}.btn-lg{font-size:20px;width:100%;padding:13px}.btn-icon{width:52px;padding:10px 0}.btn-wa{background:var(--wa);color:#fff;box-shadow:0 6px #189e4a;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px}.row-btns{display:flex;gap:8px;justify-content:center}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:#26104499;overflow-y:auto;z-index:10}.card{background:var(--cream);color:var(--ink);border-radius:28px;padding:22px 18px 16px;width:min(420px,100%);box-shadow:0 10px #0000002e,0 24px 48px #00000059;display:flex;flex-direction:column;gap:12px;text-align:center;animation:pop .38s cubic-bezier(.2,1.5,.4,1);margin:auto}.card h2{margin:0;color:var(--purple-2);font-size:25px;line-height:1.15}.muted{color:var(--muted);margin:0;font-size:15px}.small{font-size:13px}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}.screen-title{flex-direction:column;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#2e16508c,#2e165000 26% 44%,#5e2f8cd1 62%,#2e1650f7);overflow:hidden}.title-top{display:flex;flex-direction:column;align-items:center;margin-top:2vh}.logo{text-align:center;line-height:.84;transform:rotate(-4deg);animation:bob 2.4s ease-in-out infinite}.logo-top,.logo-run{font-weight:700;--o: var(--purple-dark);text-shadow:3px 0 0 var(--o),-3px 0 0 var(--o),0 3px 0 var(--o),0 -3px 0 var(--o),2px 2px 0 var(--o),-2px 2px 0 var(--o),2px -2px 0 var(--o),-2px -2px 0 var(--o),0 8px 0 var(--o),0 12px 18px rgba(0,0,0,.35)}.logo-top{font-size:min(15vw,70px);color:#fff;letter-spacing:3px}.logo-run{font-size:min(21vw,96px);color:var(--gold)}.ribbon{margin-top:10px;background:var(--purple-2);color:#fff;font-weight:700;font-size:min(5vw,22px);padding:6px 22px;border-radius:10px;box-shadow:0 4px 0 var(--purple-dark);transform:rotate(-2deg);border:2px solid rgba(255,255,255,.5)}@keyframes bob{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-6px)}}.title-bottom{width:min(420px,100%);display:flex;flex-direction:column;gap:12px;align-items:stretch}.pick-label{text-align:center;font-weight:600;font-size:15px;opacity:.9}.pick{display:flex;gap:12px;justify-content:center}.char{flex:1;max-width:170px;background:#ffffff24;border:3px solid rgba(255,255,255,.3);border-radius:22px;padding:8px 6px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:transform .2s cubic-bezier(.2,1.5,.4,1),background .2s,box-shadow .2s;font-weight:700;font-size:16px}.char img{height:min(17vh,150px);width:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.3));pointer-events:none}.char.selected{background:#fff;color:var(--purple-2);border-color:var(--gold);transform:translateY(-4px) scale(1.03);box-shadow:0 7px 0 var(--gold-dark)}.best{text-align:center;font-size:14px;opacity:.92}.best b{color:var(--gold)}#hud{position:absolute;inset:0;pointer-events:none;z-index:5}.hud-top{position:absolute;top:calc(10px + var(--safe-top));left:12px;right:12px;display:flex;align-items:flex-start;gap:10px}.icon-btn{pointer-events:auto;flex:none;width:44px;height:44px;border-radius:14px;border:2px solid rgba(255,255,255,.35);background:#2e165099;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.tierbar{flex:1;padding-top:13px;min-width:0}.tierbar-track{position:relative;height:12px;background:#2e16508c;border-radius:8px;border:2px solid rgba(255,255,255,.7)}.tierbar-fill{height:100%;width:0%;background:linear-gradient(90deg,#f5b83d,#ffe08a);border-radius:6px}.tier-mark{position:absolute;top:50%;transform:translate(-50%,-50%);min-width:30px;height:22px;padding:0 4px;border-radius:11px;background:#fff;border:2px solid var(--purple-2);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--purple-2);transition:transform .3s cubic-bezier(.2,1.8,.4,1),background .2s}.tier-mark.on{background:var(--gold);border-color:#fff;color:var(--purple-deep);transform:translate(-50%,-50%) scale(1.12)}.tier-mark:last-child{transform:translate(-85%,-50%)}.tier-mark.on:last-child{transform:translate(-85%,-50%) scale(1.12)}.tierbar-label{margin-top:9px;font-size:12.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 6px rgba(0,0,0,.35);text-align:center;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scorebox{flex:none;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.score{font-size:34px;font-weight:700;line-height:1;color:#fff;--o: rgba(46, 22, 80, .85);text-shadow:2px 0 0 var(--o),-2px 0 0 var(--o),0 2px 0 var(--o),0 -2px 0 var(--o),0 4px 0 var(--o);font-variant-numeric:tabular-nums}.coins{display:inline-flex;align-items:center;gap:5px;background:#2e165099;padding:3px 10px 3px 3px;border-radius:20px;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.coins img{width:22px;height:22px}.mult{background:var(--red);color:#fff;font-weight:700;font-size:12px;padding:3px 9px;border-radius:10px;animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{to{transform:scale(1.1)}}.toast{position:absolute;top:calc(96px + var(--safe-top));left:50%;transform:translate(-50%,-20px);background:#2e1650d1;border:2px solid rgba(255,255,255,.4);padding:8px 16px;border-radius:16px;font-weight:700;font-size:16px;white-space:nowrap;opacity:0;transition:opacity .3s,transform .3s cubic-bezier(.2,1.5,.4,1)}.toast.show{opacity:1;transform:translate(-50%)}.bigtoast{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%) scale(.4);text-align:center;opacity:0;transition:opacity .25s,transform .4s cubic-bezier(.2,1.8,.4,1);width:90%}.bigtoast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.bigtoast .bt-emoji{font-size:54px;line-height:1}.bigtoast .bt-title{font-size:36px;font-weight:700;color:var(--gold);--o: var(--purple-dark);text-shadow:3px 0 0 var(--o),-3px 0 0 var(--o),0 3px 0 var(--o),0 -3px 0 var(--o),0 6px 0 var(--o)}.bigtoast .bt-sub{font-size:17px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.6)}.hint{position:absolute;left:50%;bottom:calc(22% + var(--safe-bottom));transform:translate(-50%);background:#2e1650e0;border:3px solid var(--gold);color:#fff;padding:12px 18px;border-radius:20px;font-size:20px;font-weight:700;text-align:center;width:max-content;max-width:90%;animation:hintbob .7s ease-in-out infinite alternate}@keyframes hintbob{to{transform:translate(-50%) translateY(-8px)}}.powerups{position:absolute;left:12px;bottom:calc(16px + var(--safe-bottom));display:flex;gap:8px}.pu{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--c) calc(var(--p) * 1%),rgba(255,255,255,.25) 0);animation:pop .3s cubic-bezier(.2,1.5,.4,1)}.pu span{width:41px;height:41px;border-radius:50%;background:#2e1650e0;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700}.danger{position:absolute;inset:0;box-shadow:inset 0 0 #eb575700;transition:box-shadow .25s}.danger.on{box-shadow:inset 0 0 90px 24px #eb57578c;animation:dangerpulse .5s ease-in-out infinite alternate}@keyframes dangerpulse{to{box-shadow:inset 0 0 60px 14px #eb575759}}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:120px;font-weight:700;color:var(--gold);--o: var(--purple-dark);text-shadow:5px 0 0 var(--o),-5px 0 0 var(--o),0 5px 0 var(--o),0 -5px 0 var(--o),0 10px 0 var(--o);z-index:12;pointer-events:none}.countdown span{animation:pop .5s cubic-bezier(.2,1.8,.4,1)}.debug{position:absolute;left:8px;bottom:calc(80px + var(--safe-bottom));font:12px/1.3 ui-monospace,monospace;background:#0009;padding:6px 8px;border-radius:8px;white-space:pre}.tier-icon{width:1.25em;height:1.25em;object-fit:contain;display:block;filter:drop-shadow(0 3px 3px rgba(0,0,0,.3))}.tier-icon.dim{filter:grayscale(.6) opacity(.6)}.tier-icon.mini{width:26px;height:26px;margin:0 auto 2px;filter:none}.tiers-mini div:not(.on) .tier-icon.mini{filter:grayscale(1) opacity(.45)}.bigtoast .tier-icon{width:84px;height:84px;margin:0 auto 4px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.over-title{font-size:30px;font-weight:700;color:var(--purple-2)}.over-score{font-size:64px;font-weight:700;line-height:1;color:var(--purple-deep);font-variant-numeric:tabular-nums}.over-new{align-self:center;background:var(--red);color:#fff;font-weight:700;font-size:13px;padding:4px 12px;border-radius:10px;animation:pulse .5s ease-in-out infinite alternate}.over-stats{display:flex;justify-content:center;gap:16px;color:var(--muted);font-size:16px}.over-stats span{display:inline-flex;align-items:center;gap:4px}.over-stats img{width:20px;height:20px}.over-stats b{color:var(--ink)}.tier-card{border-radius:20px;padding:14px;background:linear-gradient(135deg,var(--purple),var(--purple-2));color:#fff;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:0 5px 0 var(--purple-dark)}.tier-card.none{background:#efe6fa;color:var(--purple-2);box-shadow:0 5px #d6c4ec}.tier-card .tc-emoji{font-size:42px;line-height:1}.tier-card .tc-main{font-size:24px;font-weight:700;line-height:1.1}.tier-card .tc-sub{font-size:14px;opacity:.92}.tiers-mini{display:flex;gap:6px}.tiers-mini div{flex:1;border-radius:12px;padding:6px 2px;background:#f1eaf8;color:#a79ab3;font-size:12px;font-weight:700;line-height:1.2}.tiers-mini div b{display:block;font-size:16px}.tiers-mini div.on{background:var(--gold);color:var(--purple-deep)}.coupon form,#coupon-result{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:4px;text-align:left;font-weight:600;font-size:15px;color:var(--purple-2)}.field input{font:inherit;font-size:18px;padding:12px 14px;border-radius:14px;border:2px solid #d9cbe9;background:#fff;color:var(--ink);user-select:text;-webkit-user-select:text}.field input:focus{outline:none;border-color:var(--purple)}.check{display:flex;gap:10px;align-items:flex-start;text-align:left;font-size:14px;color:var(--muted)}.check input{width:22px;height:22px;accent-color:var(--purple);flex:none;margin:0}.error{color:var(--red);font-weight:600;font-size:14px;min-height:0}.error:empty{display:none}.ticket{position:relative;background:linear-gradient(135deg,#9a63c9,#6e3aa0);color:#fff;border-radius:18px;padding:16px 14px 14px;display:flex;flex-direction:column;gap:6px;-webkit-mask:radial-gradient(circle 12px at 0 62%,transparent 11px,#000 12px) left / 51% 100% no-repeat,radial-gradient(circle 12px at 100% 62%,transparent 11px,#000 12px) right / 51% 100% no-repeat;mask:radial-gradient(circle 12px at 0 62%,transparent 11px,#000 12px) left / 51% 100% no-repeat,radial-gradient(circle 12px at 100% 62%,transparent 11px,#000 12px) right / 51% 100% no-repeat}.ticket-head{font-weight:700;font-size:14px;letter-spacing:1px;opacity:.9}.ticket-disc{display:flex;align-items:baseline;justify-content:center;gap:6px}.ticket-disc span{font-size:58px;font-weight:700;line-height:1;color:var(--gold)}.ticket-disc small{font-size:18px;font-weight:700}.ticket-code{margin-top:6px;border-top:2px dashed rgba(255,255,255,.5);padding-top:12px;font:700 26px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:2px;user-select:all;-webkit-user-select:all}.ticket-exp{font-size:13px;opacity:.9}.ticket-demo{font-size:11px;background:#00000040;border-radius:8px;padding:3px 6px;align-self:center}.rules{text-align:left;margin:0;padding-left:20px;color:var(--muted);font-size:13.5px;line-height:1.45}.prize-list{display:flex;flex-direction:column;gap:8px}.prize{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 3px #eadff5;text-align:left}.prize .p-emoji{font-size:38px;width:52px;display:flex;justify-content:center}.prize .p-name{font-weight:700;color:var(--purple-2)}.prize .p-score{font-size:13px;color:var(--muted)}.prize .p-disc{margin-left:auto;font-size:26px;font-weight:700;color:var(--purple-deep)}.howto{display:flex;flex-direction:column;gap:8px;text-align:left}.howto div{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:8px 12px;font-size:15px}.howto b{flex:none;width:52px;text-align:center;font-size:22px}.howto b img{width:28px;height:28px;vertical-align:middle}.fade{position:absolute;inset:0;background:var(--purple-deep);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:20}.fade.on{opacity:1}.loading{position:absolute;inset:0;z-index:30;background:radial-gradient(circle at 50% 40%,#6e3aa0,#2e1650 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-weight:600;font-size:18px;transition:opacity .4s}.loading img{width:120px;height:120px;animation:spin 1.4s linear infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}.loading.done{opacity:0;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}@media (min-height: 760px){.card{gap:14px}}@media (max-height: 620px){.char img{height:12vh}.logo-top{font-size:48px}.logo-run{font-size:64px}.over-score{font-size:48px}}