:root{--panel: rgba(36, 18, 78, .9);--panel-solid: #2a1659;--panel2: #45297f;--line: rgba(255, 255, 255, .14);--gold: #ffd23f;--gold-dark: #c98d12;--text: #ffffff;--muted: #cdbff0;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);font-family:Rubik,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#a8dcf0;color:var(--text);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#app,#stage{position:absolute;top:0;right:0;bottom:0;left:0}#stage canvas{display:block;touch-action:none}#screen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#screen>*{pointer-events:auto}#screen>.hud,#screen>.setup,#screen>.results,#screen>.banner{pointer-events:none}.labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}img.pt{display:block;border-radius:50%;object-fit:cover}.btn{font:inherit;border:0;cursor:pointer;color:var(--text);background:var(--panel2);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:17px;padding:10px 18px;min-height:46px;box-shadow:0 4px #00000059;transition:transform .08s ease,opacity .15s ease}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #00000059}.btn:disabled{opacity:.38;cursor:default}.btn.gold{background:linear-gradient(#ffe27a,#ffbf2e);color:#3a2000;box-shadow:0 4px 0 var(--gold-dark)}.btn.blue{background:linear-gradient(#7fe0ff,#2fb2e8);color:#032c40;box-shadow:0 4px #1a7ea8}.btn.ghost{background:#ffffff24;box-shadow:0 3px #00000040}.btn.big{font-size:21px;min-height:58px;padding:12px 26px}.btn.wide{width:100%;justify-content:flex-start}.ico{display:inline-flex;width:1.1em;height:1.1em;flex:none}.ico svg{width:100%;height:100%;fill:currentColor}.ico svg[fill=none]{fill:none}.ico.star{color:var(--gold);filter:drop-shadow(0 1px 0 rgba(0,0,0,.4))}.coin{display:inline-block;width:.95em;height:.95em;border-radius:50%;flex:none;vertical-align:-.1em;background:radial-gradient(circle at 35% 30%,#fff3b0 0,#fff3b0 18%,#ffd23f 20%,#ffd23f 55%,#e0a10c 57%);box-shadow:inset 0 0 0 2px #b97a06,0 1px #00000059}.dot{display:inline-block;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px #fff;flex:none}.logo{font-weight:900;color:var(--gold);text-shadow:0 3px 0 #7a3d00,0 6px 18px rgba(0,0,0,.45);line-height:1.05}.sub{color:#fff;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.6)}.small{font-size:14px;color:var(--muted);margin:8px 0 0}.thinking{margin-top:10px;color:var(--muted);font-size:14px;font-weight:700;animation:blink 1s ease-in-out infinite}@keyframes blink{50%{opacity:.45}}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 35%,#5a33a8,#24124a 70%);z-index:50;transition:opacity .5s ease}#loading.done{opacity:0;pointer-events:none}#loading .logo{font-size:52px}.bar{width:min(260px,70vw);height:12px;border-radius:99px;background:#ffffff26;overflow:hidden}.bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#ffe27a,#ffb21e);transition:width .2s ease}#loading .sub{color:var(--muted);font-size:16px;text-shadow:none}.setup{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between}.setup>*{pointer-events:auto}.setup-head{text-align:center;padding:calc(var(--safe-t) + 22px) 16px 0;pointer-events:none!important}.setup-head .logo{font-size:50px}.setup-head .sub{font-size:15px;margin-top:6px}.sheet{background:var(--panel);border-radius:26px 26px 0 0;padding:14px 16px calc(var(--safe-b) + 10px);display:flex;flex-direction:column;gap:10px;box-shadow:0 -8px 30px #0000004d;max-height:72vh;overflow-y:auto}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.lbl{font-weight:800;font-size:18px}.chips{display:flex;gap:8px}.btn.chip{min-width:64px;min-height:44px;font-size:19px;padding:6px 14px;background:#ffffff1f;box-shadow:none}.btn.chip.on{background:#fff;color:#2a1659}.seats{display:flex;flex-direction:column;gap:7px}.seat{display:flex;align-items:center;gap:10px;background:#ffffff12;border-radius:18px;padding:5px 8px;border-inline-start:6px solid var(--c)}.seat.off{opacity:.32}.btn.pick{position:relative;padding:0;min-height:0;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ffffff40,var(--c));box-shadow:0 0 0 3px var(--c),0 3px #0000004d;overflow:visible}.btn.pick img{width:56px;height:56px;border-radius:50%}.pick .swap{position:absolute;bottom:-4px;left:-4px;width:22px;height:22px;border-radius:50%;background:#fff;color:#2a1659;font-size:14px;display:grid;place-items:center;box-shadow:0 1px 3px #0006}.seat-name{flex:1;display:flex;flex-direction:column}.seat-name b{font-size:19px}.seat-name small{color:var(--muted);font-size:13px;font-weight:700}.kind{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:16px;padding:0 10px}.kind.dim{color:var(--muted)}.btn.kind.toggle{min-height:44px;min-width:104px;background:#ffffff29;box-shadow:none}.btn.kind.toggle.cpu{background:#6f5ab8}.btn.start{margin-top:4px}.credits{font-size:11px;color:var(--muted);opacity:.75;text-align:center;direction:ltr}.hud{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .25s}.hud>*{pointer-events:auto}.hud.hidden{opacity:0;visibility:hidden}.topbar{position:absolute;top:calc(var(--safe-t) + 8px);left:8px;right:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none!important}.topbar>*{pointer-events:auto}.btn.icon-btn{min-height:44px;min-width:44px;padding:0 12px;background:var(--panel);font-size:16px;box-shadow:0 3px #0000004d}.btn.icon-btn .ico{width:22px;height:22px}.btn.icon-btn.map.active{background:var(--gold);color:#3a2000}.round{background:var(--panel);border-radius:999px;padding:6px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;line-height:1.15}.round b{font-size:17px}.stretch{font-size:12px;font-weight:800;color:#ffb36b}.pcard{position:absolute;width:calc(50% - 12px);max-width:190px;display:flex;align-items:center;gap:8px;background:var(--panel);border-radius:18px;padding:5px 8px 5px 10px;border:3px solid transparent;box-shadow:0 3px 10px #0000004d;transition:transform .2s,border-color .2s}.pcard .pt{width:46px;height:46px;background:radial-gradient(circle at 50% 35%,#ffffff50,var(--c));box-shadow:0 0 0 3px var(--c);flex:none}.pcard.tl{top:calc(var(--safe-t) + 62px);left:8px}.pcard.tr{top:calc(var(--safe-t) + 62px);right:8px}.pcard.bl{bottom:calc(var(--safe-b) + 8px);left:8px}.pcard.br{bottom:calc(var(--safe-b) + 8px);right:8px}.pcard.on{border-color:var(--c);transform:scale(1.04);box-shadow:0 0 0 3px #ffffff80,0 4px 16px #0006}.pcard.lead:after{content:"👑";position:absolute;top:-12px;inset-inline-start:4px;font-size:18px}.pc-body{min-width:0;flex:1}.pc-name{font-weight:800;font-size:15px;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden}.pc-name .cpu{width:15px;height:15px;opacity:.7}.pc-stats{display:flex;gap:8px;font-weight:900;font-size:16px;direction:ltr;justify-content:flex-end}.pc-stats span{display:inline-flex;align-items:center;gap:3px}.pc-lots .ico{width:15px;height:15px;color:#ffcf8a}.pc-stats .bump{animation:bump .5s ease}@keyframes bump{30%{transform:scale(1.5);color:var(--gold)}}.prompt{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + 72px);width:min(370px,calc(100% - 16px));text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none!important}.prompt>*{pointer-events:auto}.who{display:inline-flex;align-items:center;gap:8px;font-size:18px;background:var(--panel);padding:5px 14px;border-radius:999px}.who:empty{display:none}.who .tag{font-size:12px;background:#6f5ab8;padding:2px 8px;border-radius:99px}.hint{font-weight:800;font-size:17px;text-shadow:0 2px 4px rgba(0,0,0,.7),0 0 10px rgba(0,0,0,.4)}.hint:empty{display:none}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.actions:empty{display:none}.hud.mapping .prompt{opacity:.35}.banner{position:absolute;top:34%;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(90deg,transparent,rgba(36,18,78,.92) 15%,rgba(36,18,78,.92) 85%,transparent);border-top:4px solid var(--c);border-bottom:4px solid var(--c);padding:12px 20px;animation:slidein .35s cubic-bezier(.2,1.3,.4,1)}.banner .pt{width:72px;height:72px;background:radial-gradient(circle at 50% 35%,#ffffff50,var(--c));box-shadow:0 0 0 4px var(--c)}.banner b{display:block;font-size:30px;font-weight:900;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35)}.banner small{display:block;font-size:15px;font-weight:700;color:var(--muted)}.banner.out{animation:slideout .35s ease forwards}@keyframes slidein{0%{transform:translate(-100%);opacity:0}}@keyframes slideout{to{transform:translate(100%);opacity:0}}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a041e59;z-index:20;animation:fadein .2s}.modal.top{z-index:40;background:#0a041e99}.modal.out{animation:fadeout .2s forwards}@keyframes fadein{0%{opacity:0}}@keyframes fadeout{to{opacity:0}}.card{position:relative;width:min(360px,100%);background:linear-gradient(#3a2178,#2a1659);border-radius:26px;padding:20px 18px 18px;text-align:center;border:4px solid var(--gold);box-shadow:0 12px 40px #00000080;animation:popin .32s cubic-bezier(.2,1.4,.4,1)}@keyframes popin{0%{transform:scale(.6);opacity:0}}.card.tone-lot{border-color:#f4c56a;background:linear-gradient(#4a2d1a,#2d1a0d)}.card.tone-rent{border-color:#ff6b6b;background:linear-gradient(#5a1f3a,#2d0f22)}.card.tone-event{border-color:#2fb36b;background:linear-gradient(#174a37,#0d2a20)}.card.tone-duel{border-color:#f07f2a;background:linear-gradient(#5a2d12,#2d160a)}.card.tone-mini{border-color:var(--gold)}.card h2{margin:4px 0 8px;font-size:25px;font-weight:900;line-height:1.2}.kicker{display:inline-block;font-size:14px;font-weight:800;color:#3a2000;background:var(--gold);border-radius:99px;padding:3px 12px}.tone-rent .kicker{background:#ff8a8a;color:#3a0010}.tone-event .kicker{background:#6be0a0;color:#052a18}.tone-duel .kicker{background:#ffad6b}.tone-lot .kicker{background:#f4c56a}.card-art{display:flex;justify-content:center;margin:-52px 0 6px}.card-art .pt{width:96px;height:96px;background:radial-gradient(circle at 50% 35%,#ffffff60,#6f5ab8);box-shadow:0 0 0 4px #fff}.card-body{font-size:17px;font-weight:700;color:#f2ecff}.card-btns{display:flex;flex-direction:column;gap:10px;margin-top:16px}.card-btns .btn{width:100%}.big-star{width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,#fff6c0,#ffbf2e);display:grid;place-items:center;box-shadow:0 0 0 5px #fff,0 0 30px #ffd23f}.big-star .ico{width:62px;height:62px;color:#fff;filter:drop-shadow(0 2px 0 #c98d12)}.big-q{width:88px;height:88px;border-radius:50%;background:#2fb36b;display:grid;place-items:center;font-size:60px;font-weight:900;box-shadow:0 0 0 5px #fff}.lot-art{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:#f4c56a;color:#4a2d1a;border-radius:20px;padding:10px 18px 8px;box-shadow:0 0 0 4px #fff;font-weight:900;font-size:15px}.lot-art .ico{width:44px;height:44px}.lot-table{display:flex;justify-content:center;gap:8px;margin-top:4px}.lot-table>div{flex:1;background:#ffffff1a;border-radius:14px;padding:6px 4px;display:flex;flex-direction:column;gap:2px}.lot-table span{font-size:13px;color:var(--muted)}.lot-table b{font-size:19px;display:inline-flex;align-items:center;justify-content:center;gap:4px}.rent-who{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:8px}.rent-who .pt{width:60px;height:60px;background:#fff3}.rent-who .arrow{font-size:30px;color:var(--gold);font-weight:900}.rent .num{color:var(--gold);font-size:22px}.opt{display:inline-flex;align-items:center;gap:8px}.opt .pt{width:36px;height:36px;background:#fff3}.wl{position:absolute;left:0;top:0;white-space:nowrap;font-weight:900;pointer-events:none}.wl.count b{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;font-size:44px;color:#fff;background:linear-gradient(#ffe27a,#ffaa1e);border:4px solid #fff;box-shadow:0 4px #b06a00,0 6px 16px #00000059;text-shadow:0 2px 0 #9a5200}.wl.count.pop b{animation:numpop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes numpop{0%{transform:scale(.2)}}.wl.float{font-size:26px;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.45),0 0 8px rgba(0,0,0,.4);animation:floaty 1.5s ease forwards}.wl.float.good{color:#9fe0ff;font-size:34px}.wl.float.bad{color:#ff8a8a;font-size:34px}.wl.float.gold{color:var(--gold);font-size:28px}.wl.float.warn{font-size:18px;background:#24124ed9;padding:6px 12px;border-radius:99px;text-shadow:none}@keyframes floaty{0%{opacity:0}12%{opacity:1}75%{opacity:1}to{opacity:0}}.mini{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c0e3d;z-index:30;touch-action:none;animation:fadein .2s}.mini.out{animation:fadeout .2s forwards}.mini-intro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at 50% 40%,#4a2a9a,#1c0e3d 75%);z-index:2}.mini-icon{font-size:64px;margin:6px 0 0}.howto{font-size:18px;font-weight:700;line-height:1.4;margin:6px 0 12px}.mini-players{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.mp{display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:800;font-size:14px}.mp .pt{width:58px;height:58px;background:radial-gradient(circle at 50% 35%,#ffffff50,var(--c));box-shadow:0 0 0 3px var(--c)}.prizes{display:flex;justify-content:center;gap:12px;margin:12px 0 14px;font-weight:800;font-size:17px}.prizes span{display:inline-flex;align-items:center;gap:4px}.pad{position:absolute;padding:8px}.pad.bottom{left:0;right:0;bottom:0;height:42%}.pad.top{left:0;right:0;top:0;height:42%}.pad.br{right:0;bottom:0;width:50%;height:42%}.pad.bl{left:0;bottom:0;width:50%;height:42%}.pad.tl{left:0;top:0;width:50%;height:42%}.pad.tr{right:0;top:0;width:50%;height:42%}.pad-in{height:100%;border-radius:26px;background:var(--c);border:4px solid rgba(255,255,255,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:inset 0 -8px #0000002e;transition:background .15s,filter .15s}.pad.flip .pad-in{transform:rotate(180deg)}.pad.green .pad-in{background:#2fd35b}.pad.grey .pad-in{background:#555;filter:grayscale(1)}.pad.win .pad-in{box-shadow:0 0 0 6px var(--gold),inset 0 -8px #0000002e}.pad:active .pad-in{filter:brightness(1.15)}.pad-name{display:flex;align-items:center;gap:6px;font-weight:900;font-size:19px;text-shadow:0 2px 0 rgba(0,0,0,.3)}.pad-name .pt{width:40px;height:40px;background:#ffffff59}.pad-name .cpu{width:18px;height:18px}.pad-value{font-size:70px;font-weight:900;line-height:1;min-height:70px;text-shadow:0 4px 0 rgba(0,0,0,.25)}.pad-value.hit{animation:hit .12s ease}@keyframes hit{50%{transform:scale(1.18)}}.pad-note{font-size:19px;font-weight:800;min-height:24px}.band{position:absolute;left:0;right:0;top:42%;height:16%;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#2a1659}.band-text{flex:1;text-align:center;font-size:28px;font-weight:900}.band-text.flip{transform:rotate(180deg)}.band-center{flex:none}.band-center.clock{font-size:46px;font-weight:900;direction:ltr;min-width:130px;text-align:center;color:#fff}.band-center.dotc{width:92px;height:92px;border-radius:50%;border:5px solid #fff;visibility:hidden}.band-center.popin{animation:popin .15s ease}.podium .pod{display:flex;flex-direction:column;gap:8px;margin:6px 0 12px}.pod-row{display:flex;align-items:center;gap:10px;background:#ffffff14;border-radius:16px;padding:6px 10px;border-inline-start:6px solid var(--c)}.pod-row.place1{background:#ffd23f38}.pod-row .medal{font-size:26px;width:34px;font-weight:900}.pod-row .pt{width:44px;height:44px;background:radial-gradient(circle at 50% 35%,#ffffff50,var(--c))}.pod-name{flex:1;display:flex;flex-direction:column;text-align:start}.pod-name b{font-size:18px}.pod-name small{color:var(--muted);font-weight:700}.prize{display:inline-flex;align-items:center;gap:3px;font-weight:900;font-size:18px;color:var(--gold);direction:ltr}.results{position:absolute;top:0;right:0;bottom:0;left:0}.results>*{pointer-events:auto}.res-head{position:absolute;top:calc(var(--safe-t) + 60px);left:12px;right:12px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.res-head .logo,.res-top .logo{font-size:44px}.bonus{display:flex;align-items:center;gap:10px;width:min(360px,100%);background:var(--panel);border-radius:20px;padding:8px 12px;border-inline-start:6px solid var(--c);animation:popin .35s cubic-bezier(.2,1.4,.4,1);text-align:start}.bonus .pt{width:52px;height:52px;background:radial-gradient(circle at 50% 35%,#ffffff50,var(--c))}.bonus>div{flex:1;display:flex;flex-direction:column}.bonus small{color:var(--gold);font-weight:800;font-size:14px}.bonus b{font-size:19px}.bonus span{font-size:13px;color:var(--muted);font-weight:700}.bonus .plus{display:inline-flex;align-items:center;gap:2px;font-size:22px;font-weight:900;color:var(--gold);direction:ltr}.res-top{position:absolute;top:calc(var(--safe-t) + 54px);left:0;right:0;text-align:center;pointer-events:none!important}.crown{font-size:34px}.res-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--panel);border-radius:26px 26px 0 0;padding:12px 14px calc(var(--safe-b) + 12px);display:flex;flex-direction:column;gap:10px}.res-table{display:flex;flex-direction:column;gap:6px}.res-row{display:flex;align-items:center;gap:8px;background:#ffffff12;border-radius:16px;padding:5px 10px;border-inline-start:6px solid var(--c)}.res-row.first{background:#ffd23f33}.res-row .place{font-size:22px;font-weight:900;width:22px}.res-row .pt{width:44px;height:44px;background:radial-gradient(circle at 50% 35%,#ffffff50,var(--c))}.res-name{flex:1;display:flex;flex-direction:column}.res-name b{font-size:18px}.res-name small{color:var(--muted);font-weight:700;font-size:12px}.res-stars,.res-coins{display:inline-flex;align-items:center;gap:3px;font-weight:900;font-size:19px;direction:ltr;min-width:46px}.res-btns{display:flex;justify-content:center}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none!important;z-index:45}