html,body{margin:0;height:100%;overflow:hidden;background:#7ec8ee}#stage{position:fixed;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.startup-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:#fff;font-size:18px;background:#24303f}@font-face{font-family:Lilita One;src:url(./LilitaOne-d610f9f8.ttf) format("truetype");font-display:swap}.hud{position:absolute;inset:0;pointer-events:none;color:#fff;font-family:Lilita One,system-ui,sans-serif;letter-spacing:.02em;--u: clamp(11px, min(3.4vw, 3.6vh), 18px);font-size:var(--u)}.hud [hidden]{display:none!important}.hud-play{position:absolute;inset:0}.hud-text,.hud-size,.hud-banner,.hud-pop,.hud-label,.hud-duel-text{text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 6px rgba(0,0,0,.35)}.hud-top{position:absolute;top:max(8px,env(safe-area-inset-top));left:12px;width:calc(100% - 13.5em - 36px);max-width:26em}.hud-bar{display:flex;gap:3px;padding:4px;border-radius:1em;background:#0f1622d1}.hud-slot{flex:1;height:.8em;border-radius:.4em;overflow:hidden;background:#ffffff24}.hud-seg{display:block;height:100%;background:linear-gradient(#ffc24a,#f7941d);transform-origin:left;transform:scaleX(0);transition:transform .15s linear}.hud-size{margin-top:4px;font-size:1em}.hud-time{position:absolute;top:max(8px,env(safe-area-inset-top));right:12px;padding:.15em .7em;border-radius:1em;background:#0f1622e0;font-size:1.5em}.hud-board{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 2.7em);right:12px;width:13em;margin:0;padding:0;list-style:none}.hud-row{display:flex;align-items:center;gap:.4em;margin-bottom:2px;padding:.12em .25em .12em .6em;border-radius:.9em;background:#0f1622c2;font-size:.92em}.hud-row.is-me{background:#7a4a0aeb;outline:2px solid #f7b733;outline-offset:-2px}.hud-rank{width:1em}.hud-row.is-crown .hud-rank{color:#ffc93c}.hud-row.is-crown .hud-rank:before{content:"";display:inline-block;width:.9em;height:.6em;margin:0 .15em 0 -.4em;background:#ffc93c;clip-path:polygon(0 100%,0 20%,25% 60%,50% 0,75% 60%,100% 20%,100% 100%)}.hud-flag{flex:none;width:1.3em;height:.85em;border-radius:2px}.hud-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hud-num{min-width:1.5em;border-radius:.8em;background:#f7941d;text-align:center}.hud-score{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 1.45em);left:12px;padding-left:1.25em;font-size:1.75em;color:#ffd84a;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.35);transform-origin:left center}.hud-score:before{content:"";position:absolute;left:0;top:50%;width:1em;height:1em;margin-top:-.52em;background:#ffd84a;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.hud-score.is-bump{animation:hud-score-bump .28s ease-out}@keyframes hud-score-bump{0%{transform:scale(1)}35%{transform:scale(1.22);color:#fff4b8}to{transform:scale(1)}}.hud-feed{position:absolute;top:72%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.hud-kill{display:flex;align-items:center;gap:.4em;padding:.2em .8em .2em .35em;border-radius:.5em;background:linear-gradient(90deg,#96140eeb,#141018d9);border-left:4px solid #ff5a3c;font-size:1.15em;text-shadow:0 2px 0 rgba(0,0,0,.5);animation:hud-kill 1.7s ease-out both}.hud-kill-icon{width:1.1em;height:1.1em;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.hud-kill-verb{color:#ffb4a6;font-size:.8em}.hud-kill-name{color:#fff}@keyframes hud-kill{0%{opacity:0;transform:translate(-40px) scale(.9)}10%{opacity:1;transform:translate(4px) scale(1.05)}18%{transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.hud-multi{position:absolute;top:32%;left:0;right:0;padding:0 12px;text-align:center;font-size:2.8em;color:#ffd84a;opacity:0;pointer-events:none;text-shadow:0 3px 0 rgba(0,0,0,.6),0 0 14px rgba(255,120,30,.7)}.hud-multi.is-on{animation:hud-multi 1.5s ease-out both}.hud-multi.is-3{color:#ff9a2e}.hud-multi.is-4{color:#ff5a3c;font-size:3.1em}.hud-multi.is-5{color:#ff3c8a;font-size:3.3em}.hud-multi.is-6{color:#c46bff;font-size:3.5em}@keyframes hud-multi{0%{opacity:0;transform:scale(2.2) rotate(-6deg)}12%{opacity:1;transform:scale(.92) rotate(2deg)}22%{transform:scale(1.05) rotate(-1deg)}30%{transform:scale(1) rotate(0)}80%{opacity:1}to{opacity:0;transform:scale(1.1)}}.hud-floats{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hud-float{position:absolute;transform:translate(-50%,-50%);font-size:1.5em;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 6px rgba(0,0,0,.4);white-space:nowrap;animation:hud-float .95s ease-out both}.hud-float.is-small{font-size:1.15em}.hud-float.is-big{font-size:2.3em;color:#ffd84a}.hud-float.is-kill{font-size:2.6em;color:#ff8a3d}@keyframes hud-float{0%{opacity:0;transform:translate(-50%,-20%) scale(.5)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}30%{transform:translate(-50%,-80%) scale(1)}to{opacity:0;transform:translate(-50%,-260%) scale(.9)}}.hud-kills{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 5.6em);left:12px;padding:.1em .7em;border-radius:1em;background:#7a1c12e0;font-size:1em}.hud-boss{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 7.3em);left:12px;max-width:calc(100% - 15em);padding:.1em .7em;border-radius:1em;background:#0f1622d1;color:#ffc93c;font-size:.95em}.hud-boss.is-ready{background:#c62f1e;color:#fff}.hud-arrow{position:absolute;left:-16px;top:-16px;width:32px;height:32px;background:#ffc93c;clip-path:polygon(100% 50%,15% 8%,34% 50%,15% 92%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));will-change:transform}.hud-label{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:.9em;white-space:nowrap;will-change:transform}.hud-badge{min-width:1.55em;height:1.55em;padding:0 .3em;border-radius:.8em;border:2px solid rgba(255,255,255,.92);font-size:1.05em;line-height:1.35em;text-align:center;color:#fff;box-shadow:0 2px #00000059}.hud-badge.is-me{background:#f7a21b}.hud-badge.is-prey{background:#2fbf4a}.hud-badge.is-even{background:#e8b400}.hud-badge.is-danger{background:#e2382b}.hud-banner{position:absolute;top:24%;left:0;right:0;padding:0 12px;text-align:center;font-size:2.6em;color:#ffc93c;opacity:0}.hud-banner.is-on{animation:hud-banner 1.7s ease-out both}@keyframes hud-banner{0%{opacity:0;transform:scale(.6)}12%{opacity:1;transform:scale(1.08)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0}}.hud-pops{position:absolute;top:58%;left:0;right:0;text-align:center}.hud-pop{font-size:1.35em;animation:hud-pop .7s ease-out both}@keyframes hud-pop{0%{opacity:0;transform:translateY(14px)}20%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.hud-duel{position:absolute;bottom:max(14%,env(safe-area-inset-bottom));left:50%;width:min(70%,22em);transform:translate(-50%);opacity:0;text-align:center;transition:opacity .1s linear}.hud-duel.is-on{opacity:1}.hud-duel-text{font-size:1.9em;color:#ff6b5b}.hud-duel.is-winning .hud-duel-text{color:#9dff6b}.hud-duel-bar{height:.7em;margin-top:3px;border-radius:.4em;overflow:hidden;background:#0f1622cc}.hud-duel-fill{display:block;height:100%;background:#ff6b5b;transform-origin:left}.hud-duel.is-winning .hud-duel-fill{background:#9dff6b}.hud-paused{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#0f162273;font-size:2.4em}.hud.is-paused .hud-paused{display:flex;pointer-events:auto}.hud.is-paused *{animation-play-state:paused!important}.hud-debug{position:absolute;left:6px;bottom:6px;padding:2px 6px;background:#0009;font:12px monospace}@media(max-height:430px)and (min-aspect-ratio:1/1){.hud{--u: clamp(10px, 3.4vh, 14px)}.hud-board{width:11em}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7em;padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));box-sizing:border-box;text-align:center;background:linear-gradient(#0f16221a,#0f16228c);pointer-events:auto;touch-action:manipulation}.title{margin:0;font-size:clamp(1.9em,9vmin,4em);font-weight:400;line-height:1.05;color:#ffc93c;text-shadow:0 3px 0 #7a3b00,0 0 12px rgba(0,0,0,.45)}.card{box-sizing:border-box;width:min(100%,26em);padding:.7em 1em;border-radius:1em;background:#0f1622db}.btn{position:relative;box-sizing:border-box;width:min(100%,22em);min-height:48px;padding:.3em 1em;border:0;border-radius:1em;color:#fff;font:inherit;font-size:1.2em;cursor:pointer;touch-action:manipulation}.btn:active{transform:translateY(2px)}.btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.btn:disabled{opacity:.45;cursor:default}.btn-main{background:linear-gradient(#ffb238,#f07f13);box-shadow:0 4px #a85608}.btn-ad{background:linear-gradient(#35c98c,#149a63);box-shadow:0 4px #0b6b44}.btn-plain{background:#33415a;box-shadow:0 4px #1f293b}@media(hover:hover){.btn:not(:disabled):hover{filter:brightness(1.08)}}.menu-info,.menu-actions{display:flex;flex-direction:column;align-items:center;gap:.7em;width:100%}.menu-league{font-size:1.4em;color:#ffc93c}.bar{height:.8em;margin:.35em 0;border-radius:.4em;overflow:hidden;background:#ffffff29}.bar-fill{display:block;height:100%;background:linear-gradient(#ffc24a,#f7941d);transform-origin:left;transform:scaleX(0)}.menu-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2em 1em;font-size:.95em}.wheel{position:relative;display:flex;flex-shrink:0;width:min(100%,20em);height:2.1em;border:3px solid #7a2f12;border-radius:.4em;overflow:visible}.wheel-cell{flex:1;display:flex;align-items:center;justify-content:center;font-size:1em;color:#3b1a08;text-shadow:none}.wheel-cell.x2{background:#ff6a3d}.wheel-cell.x3{background:#ffd23f}.wheel-cell.x5{background:#4cd964}.wheel.is-landed .wheel-cell:not(.is-hit){filter:brightness(.55)}.wheel-cell.is-hit{transform:scale(1.18);z-index:1;box-shadow:0 0 0 3px #fff;border-radius:.2em}.wheel-pointer{position:absolute;bottom:-.95em;left:0;width:1.2em;height:.95em;margin-left:-.6em;background:#e8241c;clip-path:polygon(50% 0,100% 100%,0 100%)}.result-next{display:flex;align-items:center;justify-content:center;gap:.6em;margin:0 0 .3em}.result-next-skin{display:block;width:2.2em;height:2.2em;filter:brightness(0);clip-path:polygon(0 0,100% 0,66% 100%,34% 100%)}.result-next-pct{font-size:1.15em;color:#c9d4ff}.result-card{flex-shrink:1;min-height:0;overflow-y:auto}.result-line{margin:.2em 0;font-size:1.1em}.result-top{margin:0 0 .5em;color:#ffc93c;font-size:1em;line-height:1.2}.is-gold{color:#ffc93c}.is-good{color:#9dff6b}.is-bad{color:#ff9a8c}.shop{justify-content:flex-start;background:#0f1622d1}.shop-head{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:1em;width:min(100%,44em)}.shop-head .btn{width:auto;min-width:7em}.shop-coins{font-size:1.2em;color:#ffc93c}.shop-list{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13em),1fr));align-content:start;gap:.6em;width:min(100%,44em);padding:2px 2px 6px;box-sizing:border-box}.shop-item{display:flex;flex-direction:column;align-items:center;gap:.4em;width:auto}.shop-swatch{display:block;width:3.4em;height:3.4em;clip-path:polygon(0 0,100% 0,66% 100%,34% 100%)}.shop-name{font-size:1.1em}.shop-actions{display:flex;flex-direction:column;gap:.5em;width:100%;align-items:center;margin-top:auto;padding-bottom:4px}.shop-actions .btn{font-size:.95em}.shop-tag{min-height:48px;display:flex;align-items:center;color:#b9c3d3}.hud-notice{position:absolute;top:12%;left:50%;max-width:90%;transform:translate(-50%);padding:.4em 1em;border-radius:1em;background:#0f1622eb;opacity:0;transition:opacity .2s linear}.hud-notice.is-on{opacity:1}.hud-hint{position:absolute;top:66%;left:50%;width:90%;max-width:28em;transform:translate(-50%);text-align:center;font-size:1.35em;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.5)}@media(max-height:560px)and (max-aspect-ratio:1/1){.screen{gap:.45em}.btn{font-size:1.05em}.title{font-size:2em}.result-line{margin:.05em 0;font-size:1em}}@media(max-height:430px)and (min-aspect-ratio:1/1),(max-height:620px)and (min-aspect-ratio:5/4){.menu{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(200px,.9fr);align-items:center;column-gap:16px}.menu-info,.menu-actions{width:100%}.menu-actions .btn{max-width:300px}.result{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(200px,.9fr);grid-template-rows:1fr repeat(5,auto) 1fr;column-gap:16px;row-gap:8px}.result>.card{grid-column:1;grid-row:1 / -1;align-self:center;width:100%;max-height:100%;overflow-y:auto}.result>.title{grid-column:2;grid-row:2;font-size:2em}.result>.btn{grid-column:2;justify-self:center;max-width:300px}.result>.wheel{grid-column:2;grid-row:3;justify-self:center;margin-bottom:.8em}.result>.btn:nth-child(4){grid-row:4}.result>.btn:nth-child(5){grid-row:5}.result>.btn:nth-child(6){grid-row:6}.shop-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,11em),1fr))}.shop-swatch{width:2.2em;height:2.2em}}