:root{--ink: #1d1636;--yellow: #ffd23f;--yellow-d: #e0a000;--blue: #3d9cff;--pink: #ff4fa3;--green: #3ddc97;--red: #ff4757;--panel: rgba(255, 255, 255, .94);--font: "Trebuchet MS", "Arial Rounded MT Bold", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#3d9cff;font-family:var(--font);color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;inset:0}#c{position:absolute;inset:0;display:block;outline:none}.hidden{display:none!important}button{font-family:inherit;cursor:pointer;border:0;color:inherit}.logo span,#count,#banner,#pop,h1,#timer,.btn.play{paint-order:stroke fill;-webkit-text-stroke:.14em var(--ink)}#boot{position:absolute;inset:0;display:grid;place-content:center;gap:24px;justify-items:center;background:radial-gradient(circle at 50% 40%,#6fc3ff,#2f7fe0);z-index:30;transition:opacity .35s}#boot.gone{opacity:0;pointer-events:none}.logo-small{font-size:34px;font-weight:900;color:#fff;letter-spacing:1px;text-shadow:0 4px 0 var(--ink)}.logo-small span{color:var(--yellow)}.spin{width:44px;height:44px;border-radius:50%;border:6px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}.nogl{color:#fff;font-size:20px;max-width:420px;text-align:center;padding:20px}@keyframes spin{to{transform:rotate(360deg)}}.btn{position:relative;font-weight:900;font-size:18px;padding:12px 22px;border-radius:18px;background:#6c5ce7;color:#fff;box-shadow:0 5px #00000047,inset 0 -4px #00000026;transition:transform .08s;text-shadow:0 2px 0 rgba(0,0,0,.25)}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(4px);box-shadow:0 1px #00000047,inset 0 -2px #00000026}.btn.yellow{background:var(--yellow);color:#fff;box-shadow:0 6px 0 var(--yellow-d),0 10px 20px #0000002e,inset 0 -4px #00000014}.btn.red{background:var(--red)}.btn.small{font-size:16px;padding:10px 18px}.btn.play{font-size:clamp(30px,6vw,44px);padding:14px 64px;border-radius:26px;letter-spacing:2px;animation:pulse 1.6s ease-in-out infinite;text-shadow:none}@keyframes pulse{50%{transform:scale(1.05)}}.btn.round{width:74px;height:74px;border-radius:22px;padding:10px 0 0;display:grid;justify-items:center;align-content:start;background:#1d1636b8}.btn.round svg{width:32px;height:32px}.btn.round small{font-size:11px;margin-top:4px;font-weight:800;white-space:nowrap}.btn .dot{position:absolute;top:6px;right:6px;width:12px;height:12px;border-radius:50%;background:var(--red);border:2px solid #fff}.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.icon-btn{width:48px;height:48px;border-radius:14px;background:#1d16368c;display:flex;gap:7px;justify-content:center;align-items:center}.icon-btn span{width:7px;height:20px;background:#fff;border-radius:3px}i.coin{display:inline-block;width:1em;height:1em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff4a8 0 18%,#ffd23f 19% 55%,#f0a500 56%);border:.1em solid #b77900;vertical-align:-.12em;margin-right:.25em}#screens{position:absolute;inset:0;display:none;z-index:10;overflow-y:auto;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));touch-action:pan-y}#screens.on{display:grid;place-items:center}#screens.dim{background:#140e288c}#screens.out-bg{background:radial-gradient(circle at 50% 30%,#28144659,#140a28bf)}#screens.win-bg{background:radial-gradient(circle at 50% 30%,#ffd23f40,#281446a6)}#screens.menu-bg{background:linear-gradient(180deg,#1e144626,#1e144673)}#screens.side{place-items:center end}.panel{display:grid;gap:14px;justify-items:center;text-align:center;width:min(560px,100%);animation:popin .22s ease-out}@keyframes popin{0%{transform:scale(.92);opacity:0}}.wallet{position:fixed;top:calc(14px + var(--safe-t));right:calc(16px + var(--safe-r));background:#1d1636bf;color:#fff;font-weight:900;font-size:20px;padding:8px 16px;border-radius:999px}.logo{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 14px;font-weight:900;line-height:.95;transform:rotate(-3deg);margin-top:4px}.logo .w1{font-size:clamp(52px,11vw,96px);color:#fff;animation:wobble 2.4s ease-in-out infinite;display:inline-block}.logo .w2{font-size:clamp(40px,8.5vw,76px);color:var(--yellow)}.logo .io{font-size:clamp(28px,5vw,44px);color:var(--pink)}@keyframes wobble{50%{transform:rotate(4deg) scale(1.04)}}.tag{color:#fff;font-weight:800;font-size:18px;text-shadow:0 2px 0 rgba(0,0,0,.35);margin-bottom:6px}.arena-name,.mini-stats{color:#fff;font-weight:700;text-shadow:0 2px 0 rgba(0,0,0,.4);font-size:15px}.credits{color:#ffffffd9;font-size:12px;text-shadow:0 1px 0 rgba(0,0,0,.5)}.credits a{color:#fff}h1,h2{margin:0;font-weight:900}h1{font-size:clamp(44px,10vw,76px);color:#fff;letter-spacing:2px}h1.win{color:var(--yellow);animation:wobble 1.4s ease-in-out infinite}h1.out{color:#ff6b81}h2{color:#fff;font-size:34px;text-shadow:0 3px 0 var(--ink)}h3{color:#fff;margin:8px 0 0}.sub{color:#fff;font-weight:800;font-size:18px;margin-top:-8px;text-shadow:0 2px 0 rgba(0,0,0,.4)}.place{display:flex;align-items:baseline;gap:10px;color:#fff;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.4)}.place b{font-size:52px;color:var(--yellow);paint-order:stroke fill;-webkit-text-stroke:6px var(--ink)}.stats,.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.stats div,.stat-grid div{background:var(--panel);border-radius:16px;padding:10px 4px;display:grid;box-shadow:0 4px #0000002e}.stats b,.stat-grid b{font-size:22px}.stats span,.stat-grid span{font-size:12px;font-weight:700;opacity:.7}.best{color:var(--yellow);font-weight:900;font-size:18px;text-shadow:0 2px 0 var(--ink)}.best.dim{color:#fff;font-weight:700;font-size:14px;opacity:.85}.reward{background:#1d1636bf;color:#fff;font-weight:900;font-size:20px;padding:8px 20px;border-radius:999px}.chal-done{background:var(--green);color:#fff;font-weight:800;padding:6px 14px;border-radius:12px;text-shadow:0 1px 0 rgba(0,0,0,.25)}.set-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:var(--panel);padding:10px 14px;border-radius:16px;font-weight:800;box-shadow:0 4px #00000026;flex-wrap:wrap}.toggle{min-width:74px;padding:8px 14px;border-radius:999px;background:#d5d2e2;font-weight:900}.toggle.on{background:var(--green);color:#fff}.segs{display:flex;gap:4px;flex-wrap:wrap}.seg{padding:7px 11px;border-radius:12px;background:#e6e3f0;font-weight:800}.seg.on{background:var(--blue);color:#fff}.keys{color:#fff;font-size:13px;display:grid;gap:6px;text-shadow:0 1px 0 rgba(0,0,0,.5)}kbd{display:inline-block;background:#fff;color:var(--ink);border-radius:6px;padding:1px 6px;font-family:inherit;font-weight:900;box-shadow:0 2px #0000004d;margin:0 1px;text-shadow:none}.warn-note,.note{color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.5)}.note .err{color:#ffd0d6}.chal{display:grid;grid-template-columns:1fr auto;gap:6px 10px;width:100%;background:var(--panel);padding:12px 14px;border-radius:16px;text-align:left;font-weight:800;box-shadow:0 4px #00000026}.chal .bar{grid-column:1;position:relative;height:20px;background:#e2dff0;border-radius:999px;overflow:hidden}.chal .bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--green),#8ff5c6)}.chal .bar span{position:relative;font-size:12px;padding-left:10px;line-height:20px}.chal-r{grid-row:1 / span 2;grid-column:2;align-self:center;font-weight:900}.wardrobe{width:min(520px,100%);margin-right:2vw}.tabs{display:flex;gap:6px;background:#1d163699;padding:6px;border-radius:18px;margin-top:40px}.tab{padding:9px 16px;border-radius:13px;font-weight:900;color:#fff;background:transparent}.tab.on{background:#fff;color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;width:100%;max-height:52vh;overflow-y:auto;padding:4px}.card{background:var(--panel);border-radius:16px;padding:10px 6px;display:grid;justify-items:center;gap:3px;border:3px solid transparent;box-shadow:0 4px 0 var(--tier)}.card.on{border-color:var(--green)}.card b{font-size:13px;line-height:1.1}.card small{font-size:11px;font-weight:800;color:var(--tier);text-transform:uppercase}.card .sw{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--tier)}.card .thumb{width:64px;height:64px;border-radius:14px;background:radial-gradient(circle at 50% 40%,#fff,#e9e4f7)}.card .sw.hat{background:conic-gradient(#ff4757 0 25%,#ffd32a 0 50%,#1e90ff 0 75%,#2ed573 0);border-radius:50% 50% 8px 8px}.price{font-weight:900;font-size:14px}.price.poor{opacity:.45}.tagon{font-size:12px;font-weight:900;color:var(--green)}.tagown{font-size:12px;font-weight:900;color:var(--blue)}#hud{position:absolute;inset:0;pointer-events:none;z-index:5}#hud button{pointer-events:auto}#pauseBtn{position:absolute;top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l))}#topbar{position:absolute;top:calc(10px + var(--safe-t));left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center}#timer{font-size:36px;font-weight:900;color:#fff;min-width:96px;text-align:center}#alive{background:#1d1636b3;color:#fff;padding:6px 14px;border-radius:999px;font-weight:800}#alive b{font-size:22px;color:var(--yellow)}#roundCoins{position:absolute;top:calc(14px + var(--safe-t));right:calc(14px + var(--safe-r));background:#1d1636b3;color:#fff;font-weight:900;font-size:20px;padding:6px 14px;border-radius:999px}#banner{position:absolute;top:calc(74px + var(--safe-t));left:50%;transform:translate(-50%) scale(.6);font-size:clamp(26px,5vw,40px);font-weight:900;color:#ffde59;opacity:0;white-space:nowrap;transition:opacity .15s,transform .15s}#banner.show{opacity:1;transform:translate(-50%) scale(1);animation:shakeX .4s 2}#banner.sudden{color:#ff5a5a}@keyframes shakeX{25%{margin-left:-6px}75%{margin-left:6px}}#feed{position:absolute;top:calc(70px + var(--safe-t));left:calc(12px + var(--safe-l));display:grid;gap:4px;font-size:13px;font-weight:800}#feed div{background:#1d163699;color:#fff;padding:4px 10px;border-radius:10px;transition:opacity .5s;justify-self:start}#feed div.mine{background:#ff4fa3d9}#feed div.fade{opacity:0}.ko-ic:before{content:"💥";font-style:normal}.fall-ic:before{content:"💦";font-style:normal}#count{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%) scale(.2);font-size:clamp(90px,22vw,170px);font-weight:900;color:#fff;opacity:0}#count.show{animation:countpop .9s ease-out forwards}#count.go{color:var(--green)}@keyframes countpop{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}25%{transform:translate(-50%,-50%) scale(1.15);opacity:1}70%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}#pop{position:absolute;top:26%;left:50%;transform:translate(-50%);font-size:30px;font-weight:900;color:#fff;opacity:0;white-space:nowrap}#pop.show{animation:floatup 1.1s ease-out forwards}#pop.ko{color:var(--pink);font-size:38px}#pop.dodge{color:#7dff4f;font-size:24px}#pop.power{color:#fff}@keyframes floatup{0%{transform:translate(-50%,20px) scale(.5);opacity:0}20%{transform:translate(-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-40px) scale(1);opacity:0}}#power{position:absolute;bottom:calc(20px + var(--safe-b));left:50%;transform:translate(-50%) scale(0);display:grid;justify-items:center;transition:transform .2s}#power.show{transform:translate(-50%) scale(1)}#power canvas{width:66px;height:66px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.3))}#power span{color:#fff;font-weight:900;font-size:14px;text-shadow:0 2px 0 var(--ink)}#dashMeter{position:absolute;bottom:calc(22px + var(--safe-b));right:calc(24px + var(--safe-r));width:64px;height:64px;border-radius:50%;background:#1d163699;display:grid;place-items:center}#dashMeter canvas{position:absolute;inset:0}#dashMeter span{color:#fff;font-weight:900;font-size:11px}#dashMeter.ready{box-shadow:0 0 0 3px #7dff4f80}#hints{position:absolute;left:50%;bottom:calc(110px + var(--safe-b));transform:translate(-50%);display:none;flex-wrap:wrap;justify-content:center;gap:8px;max-width:92vw}#hints.show{display:flex;animation:popin .3s ease-out}#hints div{background:#1d1636bf;color:#fff;font-weight:800;padding:7px 12px;border-radius:12px;font-size:15px}#hints .goal{flex-basis:100%;background:#ff4fa3e6;text-align:center}#spectate{position:absolute;bottom:calc(20px + var(--safe-b));left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;background:#1d1636bf;color:#fff;padding:8px 8px 8px 16px;border-radius:18px;font-weight:800;white-space:nowrap}#touch{display:none}body.touch.playing #touch{display:block}body.touch #dashMeter,body.touch #hints kbd{display:none}#stick{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff2e;border:3px solid rgba(255,255,255,.5);display:none;pointer-events:none;z-index:6}#knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ffffffd9}.tbtn{position:absolute;z-index:6;width:92px;height:92px;border-radius:50%;background:#3ddc97cc;border:4px solid rgba(255,255,255,.85);display:grid;place-items:center;box-shadow:0 5px #00000040}.tbtn svg{width:44px;height:44px}.tbtn.down{transform:scale(.92);filter:brightness(1.15)}#tJump{right:calc(22px + var(--safe-r));bottom:calc(26px + var(--safe-b))}#tDash{right:calc(128px + var(--safe-r));bottom:calc(18px + var(--safe-b));width:76px;height:76px;background:#ff4fa3cc}#tDash canvas{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px)}#tDash:not(.ready){opacity:.65}body.touch #power{bottom:auto;top:calc(64px + var(--safe-t));left:auto;right:calc(12px + var(--safe-r));transform:scale(0)}body.touch #power.show{transform:scale(.85)}@media(max-width:760px){#screens.side{place-items:end center}.wardrobe{margin:0}.cards{max-height:34vh;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.tabs{margin-top:0}.stats{grid-template-columns:repeat(2,1fr)}#timer{font-size:28px;min-width:72px}.btn.play{padding:12px 44px}.btn.round{width:66px;height:66px}}@media(max-height:520px){.panel{gap:8px}.logo .w1{font-size:48px}.logo .w2{font-size:38px}.stats div{padding:4px}}#stickGhost{position:absolute;left:calc(34px + var(--safe-l));bottom:calc(30px + var(--safe-b));width:116px;height:116px;border-radius:50%;border:3px dashed rgba(255,255,255,.45);background:#ffffff14;pointer-events:none;transition:opacity .2s}#stickGhost i{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#ffffff59}body.stick-on #stickGhost{opacity:0}body.touch #hints{bottom:calc(150px + var(--safe-b))}body.touch #hints div{font-size:13px;padding:5px 9px}body.touch #feed div{font-size:11px;padding:3px 8px}body.touch #feed div:nth-child(n+3){display:none}@media(max-aspect-ratio:1/1){#banner{top:calc(64px + var(--safe-t));font-size:26px}#feed{top:auto;bottom:calc(176px + var(--safe-b));left:calc(10px + var(--safe-l))}#alive{padding:4px 10px}#topbar{gap:6px}#roundCoins{font-size:16px;padding:5px 11px}.tbtn{width:84px;height:84px}#tDash{right:calc(116px + var(--safe-r));width:70px;height:70px}#stickGhost{width:104px;height:104px}.logo{margin-top:0}}@media(max-height:500px){#screens{padding-top:calc(8px + var(--safe-t));padding-bottom:calc(8px + var(--safe-b))}.panel{gap:6px}h1{font-size:36px}.sub{font-size:14px;margin-top:-4px}.place b{font-size:34px;-webkit-text-stroke:4px var(--ink)}.place{font-size:14px}.stats{grid-template-columns:repeat(4,1fr)}.stats div{padding:4px 2px;border-radius:12px}.stats b{font-size:17px}.stats span{font-size:10px}.best{font-size:13px}.reward{font-size:15px;padding:4px 14px}.chal-done{font-size:12px;padding:3px 10px}.btn.play{font-size:26px;padding:8px 38px;border-radius:20px}.btn.small{font-size:13px;padding:7px 13px}.btn.round{width:58px;height:58px;padding-top:6px;border-radius:16px}.btn.round svg{width:24px;height:24px}.btn.round small{font-size:9px}.logo .w1{font-size:44px}.logo .w2{font-size:34px}.logo .io{font-size:22px}.tag,.arena-name,.mini-stats{font-size:12px}.credits{font-size:10px}#timer{font-size:26px}.tbtn{width:76px;height:76px}#tDash{width:62px;height:62px;right:calc(108px + var(--safe-r))}#stickGhost{width:96px;height:96px;bottom:calc(18px + var(--safe-b))}.set-row{padding:6px 12px}.wallet{font-size:15px;padding:5px 12px}.cards{max-height:46vh}.tabs{margin-top:0}}