:root{--bg: #12161f;--panel: #1d2433;--panel-2: #283149;--text: #f4f1e8;--muted: #a7b0c4;--gold: #ffcc33;--blue: #3a8dff;--red: #ff4a4a;--elixir: #d43bd8;--panel-h: 150px;--font: "SC CCBackBeat", "Trebuchet MS", "Arial Rounded MT Bold", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:relative;height:100%;max-width:520px;margin:0 auto}button{font-family:var(--font);cursor:pointer}.game{position:absolute;top:0;right:0;bottom:0;left:0}.stage{position:absolute;top:0;left:0;right:0;bottom:var(--panel-h);overflow:hidden}.stage canvas{display:block}.stage .overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.hud .top{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 10px}.hud .who,.hud .clock{background:#0a0e16e6;border-radius:10px;padding:6px 10px;display:flex;flex-direction:column;gap:2px}.hud .boss-name{font-weight:700;color:#ffb3b3;font-size:14px}.crowns{font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:3px}.crown-ico{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.crowns.foe{color:#ffb3b3}.crowns.me{color:#b3d4ff}.hud .clock{align-items:flex-end}.clock-label{font-size:11px;color:var(--muted)}.clock-time{font-size:22px;font-weight:700}.clock-time.urgent{color:#ff6b6b}.mult{font-size:13px;color:var(--elixir);font-weight:700}.me-crowns{position:absolute;left:10px;bottom:calc(var(--panel-h) + 10px);background:#0a0e16e6;border-radius:10px;padding:6px 10px}.mute{position:absolute;right:10px;bottom:calc(var(--panel-h) + 10px);pointer-events:auto;background:#0a0e16e6;border:0;color:#fff;border-radius:10px;width:36px;height:32px}.bottom{height:var(--panel-h);pointer-events:auto;background:linear-gradient(#2a3350,#1a2034);border-top:3px solid #0c0f17;padding:8px 8px 10px}.hand{display:flex;gap:6px;align-items:flex-end;height:98px}.next{width:13%;display:flex;flex-direction:column;align-items:center;gap:2px}.next-label{font-size:10px;color:var(--muted)}.card{position:relative;flex:1;height:100%;border-radius:9px;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--card) 70%,white),var(--card) 55%,color-mix(in srgb,var(--card) 60%,black));border:3px solid #0c0f17;box-shadow:inset 0 0 0 2px #ffffff40;transition:transform .08s;touch-action:none}.card.mini{width:100%;height:62px;flex:none;border-width:2px}.card.mini .name,.card.mini .wait{display:none}.card.mini .art{font-size:18px}.card.mini .cost{width:16px;height:18px;font-size:10px}.card .art img{width:100%;height:100%;object-fit:cover}.menu .logo{width:min(112px,28vw);height:auto;display:block;margin:0 auto 4px;border-radius:22%;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.card .art{position:absolute;top:8%;right:0;bottom:26%;left:0;display:grid;place-items:center;font-size:clamp(26px,8vw,40px);filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.card .name{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-size:clamp(9px,2.4vw,12px);font-weight:700;text-shadow:0 1px 0 #000,0 0 3px #000}.card .cost{background:url(/art/ui/elixir-drop.png) center / contain no-repeat!important;border:0!important}.card .cost{position:absolute;top:3px;left:3px;width:22px;height:25px;display:grid;place-items:center;font-weight:700;font-size:14px;color:#fff;background:radial-gradient(circle at 35% 35%,#ff8cff,var(--elixir) 60%,#7a1580);border-radius:50%/60% 60% 40% 40%;text-shadow:0 1px 0 #000;border:2px solid #2a0a2c}.card .wait{position:absolute;left:0;right:0;top:0;background:#00000073;pointer-events:none}.card.pic{background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}.card.pic .face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.45))}.card.pic .wait{border-radius:10px;inset:4% 6% auto 6%}.card.poor{filter:grayscale(.6) brightness(.8)}.card.selected{transform:translateY(-10px) scale(1.04);box-shadow:0 0 0 3px var(--gold),0 8px 16px #00000080}.elixir{display:flex;align-items:center;gap:6px;margin-top:8px}.elixir .drop{width:34px;height:37px;display:grid;place-items:center;padding-top:6px;box-sizing:border-box;font-weight:700;font-size:16px;background:url(/art/ui/elixir-drop.png) center / contain no-repeat;text-shadow:0 1px 0 #000,0 0 3px #000}.elixir .bar{position:relative;flex:1;height:20px;background:#0c0f17;border-radius:8px;overflow:hidden;border:2px solid #0c0f17}.elixir .fill{height:100%;background:linear-gradient(#ff7bff,var(--elixir) 50%,#9b1fa0);transition:width .05s linear}.elixir .ticks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-evenly;pointer-events:none}.elixir .ticks i{width:2px;background:#00000073}.bar.shake{animation:shake .3s}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;background:radial-gradient(circle at 50% 30%,#283c64eb,#0a0c14f5);z-index:5;text-align:center}.screen.hidden{display:none}.menu h1{font-size:58px;margin:0;color:var(--gold);letter-spacing:4px;text-shadow:0 4px 0 #8a5a00,0 8px 18px rgba(0,0,0,.6)}.menu .tag{margin:0;color:var(--muted)}.menu .note{font-size:12px;color:var(--muted)}.menu{justify-content:flex-start;gap:10px;overflow-y:auto;padding-top:22px}.menu h1{font-size:46px;display:flex;flex-direction:column;align-items:center;line-height:.95}.menu h1 small{font-size:16px;letter-spacing:10px;color:#7fe3ff;text-shadow:0 0 12px rgba(80,220,255,.6)}.lvl-avatar{position:relative}.lvl-bot{position:absolute;right:-14px;bottom:-2px;font-size:15px}.agent-tag{font-size:9px;letter-spacing:2px;color:#7fe3ff}.modes{display:flex;gap:4px;background:#0c101ab3;border:2px solid #2c3550;border-radius:999px;padding:3px}.modes button{border:0;border-radius:999px;padding:6px 16px;background:transparent;color:var(--muted);font-weight:700;font-size:13px}.modes button small{font-size:10px;opacity:.8}.modes button.on{background:linear-gradient(#7fe3ff,#3aa8d8);color:#04202c}.modes button:disabled{opacity:.35}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:420px}.lvl{position:relative;border:3px solid #0c0f17;border-radius:12px;padding:8px 4px 9px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1px;box-shadow:inset 0 -4px #00000040;transition:transform .12s,box-shadow .12s,filter .12s;filter:saturate(.6) brightness(.8)}.lvl.easy{background:linear-gradient(#4caf50,#2e7d32)}.lvl.medium{background:linear-gradient(#3f7cc8,#24508a)}.lvl.hard{background:linear-gradient(#c8463f,#8a2420)}.lvl.on{filter:none;transform:translateY(-3px) scale(1.04);box-shadow:0 0 0 3px var(--gold),0 8px 18px #00000080,inset 0 -4px #00000040}.lvl-tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;opacity:.85}.lvl-emoji{font-size:30px;line-height:1.15}.lvl-name{font-size:12px;font-weight:700;line-height:1.1;min-height:2.2em;display:grid;place-items:center}.lvl-pay{font-size:22px;font-weight:700;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.5)}.lvl-blurb{font-size:9.5px;opacity:.85;line-height:1.2}.lvl-band{font-size:10px;font-weight:700;background:#00000059;border-radius:6px;padding:1px 6px;margin:1px 0 2px}.lvl.locked{opacity:.55}.lvl-lock{font-size:9.5px;font-weight:700;color:#ffe27a;margin-bottom:2px}.betbox,.vault{width:100%;max-width:420px;background:#0c101ab3;border:2px solid #2c3550;border-radius:12px;padding:10px 12px}.bet-head{display:flex;justify-content:space-between;align-items:baseline}.bet-head span:first-child{color:var(--muted);font-size:13px}.bet-amt{font-size:15px}.bet-num{font-size:26px;color:#fff}.slider{width:100%;margin:8px 0 4px;accent-color:var(--gold);height:26px}.chips{display:flex;gap:6px}.chips button{flex:1;border:2px solid #0c0f17;border-radius:8px;background:#2c3550;color:#fff;padding:5px 0;font-weight:700}.feeline{margin-top:8px;font-size:12px;color:#dfe6f5;background:#ffcc3314;border:1px dashed rgba(255,204,51,.45);border-radius:8px;padding:5px 8px}.feeline b{color:var(--gold)}.feeline span{color:var(--gold);cursor:help}.limits{margin-top:6px;font-size:11px;color:var(--muted)}.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:420px}.oc{border-radius:12px;padding:8px 10px;border:2px solid;text-align:left}.oc.win{background:#288c462e;border-color:#3fbf6a}.oc.lose{background:#aa323229;border-color:#c95050}.oc-l{font-size:11px;color:var(--muted)}.oc-v{font-size:26px;font-weight:700}.oc.win .oc-v{color:#6dff9a;text-shadow:0 0 12px rgba(80,255,140,.35)}.oc.lose .oc-v{color:#ff8a8a}.oc-s{font-size:11px;color:var(--muted)}.vault-row{display:flex;justify-content:space-between;font-size:13px}.vault-num{font-size:16px;color:var(--gold)}.vault-bar{margin-top:6px;height:8px;background:#0c0f17;border-radius:6px;overflow:hidden}.vault-bar i{display:block;height:100%;background:linear-gradient(90deg,#fc3,#ffe58a);transition:width .5s}.fight{width:100%;max-width:420px;font-size:26px;font-weight:700;letter-spacing:2px;padding:12px 0 10px;border-radius:14px;border:3px solid #0c0f17;color:#2a1a00;background:linear-gradient(#ffe066,#f0a500);box-shadow:inset 0 -5px #0003,0 6px 18px #ffbe0059;animation:pulse 1.6s ease-in-out infinite;display:flex;flex-direction:column;align-items:center;line-height:1.1}.fight small{font-size:13px;letter-spacing:0;font-weight:700;opacity:.8}.fight:disabled{animation:none;filter:grayscale(1) brightness(.6)}.fight:active{transform:scale(.98)}@keyframes pulse{50%{transform:scale(1.025);box-shadow:inset 0 -5px #0003,0 6px 26px #ffbe008c}}.result-label{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:-10px}.result-money{font-size:40px;font-weight:700}.result-money.up{color:#6dff9a;text-shadow:0 0 18px rgba(80,255,140,.45)}.result-money.down{color:#ff8a8a}.result-sub{font-size:13px;color:var(--muted);max-width:320px}.result h2{font-size:48px;margin:0}.result-title.win{color:var(--gold)}.result-title.lose{color:#ff8080}.result-crowns{font-size:24px}.row{display:flex;gap:10px}.row button{font-size:17px;padding:10px 18px;border-radius:10px;border:3px solid #0c0f17;background:linear-gradient(#ffd54a,#e0a800);color:#2a1a00;font-weight:700}.row button.to-menu{background:linear-gradient(#5b6b8c,#3d4a66);color:#fff}.toast{position:absolute;left:50%;top:40%;transform:translate(-50%);z-index:9;background:#0a0e16f2;border:2px solid #ff8080;color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;max-width:86%;text-align:center}.toast.hidden{display:none}.emote-bubble{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;color:#1b1b24;border:3px solid #15151c;border-radius:16px;padding:6px 12px 7px;box-shadow:0 6px 16px #00000059;pointer-events:none}.emote-bubble.agent{top:96px;left:18px;transform-origin:20% 0}.emote-bubble.agent:before{content:"";position:absolute;top:-12px;left:22px;border:8px solid transparent;border-bottom:12px solid #15151c;border-top:0}.emote-bubble.me{bottom:calc(var(--panel-h) + 56px);left:18px;transform-origin:20% 100%}.emote-bubble.me:after{content:"";position:absolute;bottom:-12px;left:22px;border:8px solid transparent;border-top:12px solid #15151c;border-bottom:0}.emote-bubble .emo{font-size:44px;line-height:1}.emote-bubble img{width:72px;height:72px;object-fit:contain}.emote-bubble .line{font-weight:700;font-size:13px;letter-spacing:.3px}.emote-bubble.hidden{display:none}.emote-bubble.pop{animation:emotePop .35s cubic-bezier(.2,1.6,.4,1)}.emote-bubble.pop.laugh .emo{animation:shakeLaugh .25s 3}.emote-bubble.pop.cry .emo{animation:sob .6s 3}.emote-bubble.pop.angry .emo{animation:rage .12s 6}@keyframes emotePop{0%{transform:scale(.2);opacity:0}}@keyframes shakeLaugh{50%{transform:translateY(-4px) rotate(-6deg)}}@keyframes sob{50%{transform:translateY(3px) scaleY(.92)}}@keyframes rage{50%{transform:translate(3px) rotate(4deg)}}.emote-btn{position:absolute;left:62px;bottom:calc(var(--panel-h) + 10px);pointer-events:auto;background:#0a0e16e6;border:0;color:#fff;border-radius:10px;width:40px;height:32px;font-size:17px}.emote-picker{position:absolute;left:10px;bottom:calc(var(--panel-h) + 48px);pointer-events:auto;display:grid;grid-template-columns:repeat(3,44px);gap:6px;background:#0a0e16f2;border:2px solid #2c3550;border-radius:12px;padding:8px;z-index:5}.emote-picker.hidden{display:none}.emote-picker button{font-size:26px;background:#fff;border:2px solid #15151c;border-radius:10px;height:44px}.busy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#080a12d1;color:#fff;font-size:15px;text-align:center;padding:24px}.busy.hidden{display:none}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.2);border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.watchbar{display:none;height:100%;flex-direction:column;justify-content:center;gap:8px;padding:4px 6px}.hud.spectating .watchbar{display:flex}.hud.spectating .hand,.hud.spectating .elixir,.hud.spectating .emote-btn,.hud.spectating .emote-picker{display:none!important}.wb-main{font-size:17px;font-weight:700}.wb-live{color:#ff5050;animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{opacity:.35}}.wb-stakes{font-size:14px;color:var(--gold)}.wb-row{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.wb-leave{border:2px solid #0c0f17;border-radius:9px;background:#3d4a66;color:#fff;padding:6px 14px;font-weight:700}.watch-entry{display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:6px 14px;background:#ff3c3c26;color:#ffd7d7;font-weight:700;font-size:13px;outline:2px solid rgba(255,80,80,.5)}.watch-entry .dot{width:8px;height:8px;border-radius:50%;background:#ff4a4a;animation:blink 1.2s steps(2) infinite}.live-screen{justify-content:flex-start;padding-top:28px;overflow-y:auto}.live-screen h2{margin:0;font-size:30px}.live-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:420px}.fight-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;text-align:left;background:#0c101abf;border:2px solid #2c3550;border-radius:12px;padding:10px 12px}.fight-row .fr-title{font-weight:700;font-size:15px}.fight-row .fr-sub{font-size:12px;color:var(--muted)}.fight-row .fr-money{font-size:13px;color:var(--gold)}.fight-row button{grid-row:1 / span 3;grid-column:2;border:3px solid #0c0f17;border-radius:10px;background:linear-gradient(#ff6b6b,#c93232);color:#fff;font-weight:700;padding:10px 14px}.live-empty{color:var(--muted);font-size:14px;padding:20px}.live-screen .back,.proof-screen .back{border:2px solid #0c0f17;border-radius:10px;background:#3d4a66;color:#fff;padding:8px 18px;font-weight:700}.coin-chip{pointer-events:auto;display:inline-block;background:#ffcc3326;border:1px solid rgba(255,204,51,.6);color:var(--gold);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;text-decoration:none}.coin-chip.hidden{display:none}.coin-chip.my-coin{position:absolute;left:112px;bottom:calc(var(--panel-h) + 14px)}.fight-row a{color:var(--gold)}.payout-status{font-size:14px;max-width:340px;background:#0c101abf;border:1px solid #2c3550;border-radius:10px;padding:8px 12px}.payout-status.hidden{display:none}.payout-status a{color:#7fe3ff}.payout-status .spin{display:inline-block;animation:spin 1.2s linear infinite}.proof-entry{border:0;background:transparent;color:#ffcf8a;font-weight:700;font-size:13px;text-decoration:underline}.proof-screen{justify-content:flex-start;padding-top:24px;overflow-y:auto;gap:12px}.proof-screen h2{margin:0;font-size:28px}.proof-card{width:100%;max-width:420px;background:#0c101abf;border:2px solid #2c3550;border-radius:12px;padding:10px 12px;text-align:left}.proof-card h3{margin:0 0 6px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.proof-big{font-size:22px;font-weight:700;color:var(--gold)}.proof-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05);gap:8px}.proof-row a{color:#7fe3ff}.proof-bar{height:8px;background:#0c0f17;border-radius:6px;overflow:hidden;margin:6px 0}.proof-bar i{display:block;height:100%;background:linear-gradient(90deg,#ff7a1a,#fc3)}.proof-note{font-size:12px;color:var(--muted)}.tutorial{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background:#05080e8c;display:flex;justify-content:center;padding:0 16px}.tutorial .tip{position:absolute;left:16px;right:16px;background:#fff;color:#15151c;border:3px solid #15151c;border-radius:14px;padding:12px 14px;font-size:15px;box-shadow:0 8px 24px #00000073;animation:emotePop .3s cubic-bezier(.2,1.6,.4,1)}.tutorial.at-cards .tip{bottom:calc(var(--panel-h) + 12px)}.tutorial.at-elixir .tip{bottom:calc(var(--panel-h) - 40px)}.tutorial.at-towers .tip{top:40%}.tip-foot{margin-top:6px;font-size:11px;color:#667}.terms-link{text-align:center;font-size:11px;opacity:.7;margin:6px 0 0}.terms-link a{color:inherit}.terms-screen{overflow-y:auto;padding:16px;max-width:560px;margin:0 auto}.terms-body{font-size:13px;line-height:1.45;text-align:left}.terms-body h3{font-size:14px;margin:14px 0 4px;color:var(--gold)}.terms-body ul{padding-left:18px;margin:4px 0}.terms-small{opacity:.7;font-size:11px;margin-top:12px}.terms-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#05080ed1;display:flex;align-items:center;justify-content:center;padding:16px}.terms-card{background:#161b28;border:2px solid #2a3350;border-radius:14px;max-width:520px;width:100%;max-height:88vh;overflow-y:auto;padding:16px;color:#fff}.terms-check{display:flex;gap:8px;align-items:flex-start;font-weight:700;margin:14px 0 10px;font-size:13px}.terms-check input{width:18px;height:18px;margin-top:1px}.terms-buttons{display:flex;gap:10px;justify-content:flex-end}.terms-buttons button{padding:8px 16px;border-radius:8px;border:0;font-weight:700;cursor:pointer}.terms-buttons .yes{background:var(--gold);color:#1a1a1a}.terms-buttons .yes:disabled{opacity:.4;cursor:not-allowed}.kinds{display:flex;gap:6px;margin:2px auto 8px;background:#0000004d;padding:4px;border-radius:12px;width:fit-content}.kinds button{border:0;border-radius:9px;padding:8px 14px;font-weight:700;color:#cfd6e6;background:transparent;cursor:pointer;font-size:14px}.kinds button.on{background:var(--gold);color:#1a1a1a}.pvp-panel{display:flex;flex-direction:column;gap:10px}.pvp-bets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pvp-bet{border:3px solid #0c0f17;border-radius:12px;padding:12px 4px;background:#24304d;color:#fff;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;filter:saturate(.7) brightness(.85)}.pvp-bet b{font-size:18px}.pvp-bet small{color:var(--gold);font-weight:700}.pvp-bet.on{filter:none;box-shadow:0 0 0 3px var(--gold);transform:translateY(-2px)}.pvp-pay{font-size:12px;text-align:center;opacity:.9}.pvp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pvp-actions button{border:0;border-radius:12px;padding:14px 6px;font-weight:700;font-size:15px;cursor:pointer}.pvp-quick{background:var(--gold);color:#1a1a1a}.pvp-challenge{background:#2f3d63;color:#fff}.pvp-board-h{margin:6px 0 0;font-size:14px;color:var(--gold)}.pvp-board{display:flex;flex-direction:column;gap:6px}.pvp-row{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;background:#0000004d;border-radius:10px;padding:8px 10px;font-size:13px}.pvp-row button{border:0;border-radius:8px;padding:6px 12px;background:var(--gold);color:#1a1a1a;font-weight:700;cursor:pointer}.pvp-wait{opacity:.7;font-variant-numeric:tabular-nums}.pvp-empty,.pvp-note{font-size:12px;opacity:.7;text-align:center}.pvp-wait-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#05080ed9;display:flex;align-items:center;justify-content:center;padding:16px}.pvp-card{background:#161b28;border:2px solid #2a3350;border-radius:16px;padding:22px 18px;max-width:420px;width:100%;text-align:center;color:#fff;display:flex;flex-direction:column;gap:10px;align-items:center}.pvp-card h2{margin:0;font-size:20px}.pvp-card p{margin:0;font-size:14px;opacity:.9}.pvp-card button{border:0;border-radius:10px;padding:11px 18px;font-weight:700;cursor:pointer;font-size:14px}.pvp-card .accept,.pvp-card .fb{background:var(--gold);color:#1a1a1a}.pvp-card .cancel{background:#2f3d63;color:#fff}.pvp-link{display:flex;gap:6px;width:100%}.pvp-link input{flex:1;min-width:0;background:#0d111b;color:#fff;border:1px solid #2a3350;border-radius:8px;padding:8px;font-size:12px}.pvp-x{color:#fff;background:#000;border-radius:10px;padding:9px 16px;text-decoration:none;font-weight:700;font-size:14px}.pvp-fallback{display:flex;flex-direction:column;gap:8px;align-items:center}.pvp-clock{font-variant-numeric:tabular-nums}.menu .hidden,.pvp-wait-screen.hidden,.pvp-fallback.hidden{display:none!important}.bottom{background:url(/art/ui/tray.png) center top / 100% 100% no-repeat,linear-gradient(#3a7fd4,#2f6cbb);border-top:0}.elixir .bar{height:22px;background:url(/art/ui/elixir-track.png) center / 100% 100% no-repeat;border:0;border-radius:11px}.elixir .fill{background:url(/art/ui/elixir-fill.png) left center / auto 100% no-repeat;border-radius:11px}.elixir .ticks i{background:transparent}.hud .clock{background:url(/art/ui/timer-box.png) center / 100% 100% no-repeat;border-radius:0;padding:8px 14px}.hud .clock-label{color:#edeadb}.next .card.mini:not(.pic){background:url(/art/ui/next-slot.png) center / 100% 100% no-repeat;border:0}.next-label{color:#fff;text-shadow:0 1px 0 #000}:root{--chunky: "Supercell-Magic", "Lilita One", "Arial Rounded MT Bold", var(--font);--royal: #3a7fd4;--royal-deep: #2552b5;--trim: #f5c542;--ink: #1a1236}.menu{padding:0;gap:0;justify-content:flex-start;background:radial-gradient(circle at 50% 18%,#6fe0c8,#2f8f86 28%,#253a7a 62%,#171a3d)}.menu-col{position:relative;z-index:1;width:min(100%,460px,calc(100dvh * 853 / 1844));margin:0 auto;display:flex;flex-direction:column;align-items:stretch;flex-shrink:0;box-shadow:0 0 40px #00000073}.menu:before{content:"";position:fixed;top:-40px;right:-40px;bottom:-40px;left:-40px;background:url(/art/brand/menu-mockup.png) center 30% / cover no-repeat;filter:blur(24px) brightness(.55) saturate(1.2);z-index:0;pointer-events:none}.chunky,.hero .lvl-tag,.hero .bet-num,.hero .fight,.hero-name b,.hero-name small,.menu-info .tag{font-family:var(--chunky);color:#fff;letter-spacing:.5px;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink),0 4px 8px rgba(0,0,0,.35)}.hero{position:relative;width:100%;aspect-ratio:853 / 1844;flex-shrink:0;background:url(/art/brand/menu-mockup.png) top center / 100% 100% no-repeat}.hero>*{position:absolute}.hero-top{top:1.4%;left:3%;right:3%;display:flex;justify-content:space-between;align-items:center;gap:6px;z-index:2}.hero .modes{position:static;background:linear-gradient(var(--royal),var(--royal-deep));border:2px solid var(--trim);box-shadow:0 3px 0 var(--ink);padding:3px}.hero .modes button{color:#dfe9ff;font-family:var(--chunky);font-weight:400;font-size:13px;padding:5px 11px}.hero .modes button.on{background:linear-gradient(#ffe066,#f5b800);color:var(--ink)}.hero .watch-entry{position:static;margin:0;background:linear-gradient(var(--royal),var(--royal-deep));border:2px solid var(--trim);border-radius:999px;box-shadow:0 3px 0 var(--ink);color:#fff;font-family:var(--chunky);font-size:13px;padding:6px 12px}.hero .kinds{top:6.2%;left:50%;transform:translate(-50%);margin:0;padding:3px;gap:3px;background:#1a123699;border:2px solid var(--trim);border-radius:999px;z-index:2;white-space:nowrap}.hero .kinds button{font-family:var(--chunky);font-weight:400;font-size:13px;padding:5px 12px;border-radius:999px;white-space:nowrap}.hero-name{top:55.7%;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:8px;white-space:nowrap;pointer-events:none}.hero-name small{font-size:clamp(10px,2.6vw,12px);color:#9ff4ff;-webkit-text-stroke-width:1px}.hero-name b{font-size:clamp(22px,6.4vw,30px);line-height:1}.hero .levels{display:block;top:61.5%;left:0;width:100%;height:8%;max-width:none}.hero .lvl{position:absolute;top:0;height:100%;padding:0;border:0;border-radius:18px;background:transparent;box-shadow:none;filter:none;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;transition:transform .12s,box-shadow .12s}.hero .lvl.easy{left:4.9%;width:29.4%}.hero .lvl.medium{left:35.3%;width:29.4%}.hero .lvl.hard{left:65.9%;width:29.4%}.hero .lvl:after{content:"";position:absolute;top:9%;right:3.5%;bottom:11%;left:3.5%;border-radius:16px;pointer-events:none;transition:box-shadow .12s}.hero .lvl.on{transform:scale(1.05)}.hero .lvl.on:after{box-shadow:0 0 0 3px #fff,0 0 20px 6px #ffec8ce6}.hero .lvl.locked:after{background:#0a0a1e8c}.hero .lvl:active{transform:scale(.97)}.hero .lvl-tag{font-size:clamp(15px,4.4vw,21px);text-transform:uppercase;opacity:1;letter-spacing:1px}.hero .lvl-band{background:#1a123673;color:#fff;font-family:var(--chunky);font-weight:400;font-size:clamp(10px,2.8vw,13px);padding:0 8px;margin:1px 0 0}.hero .lvl-lock{position:relative;z-index:1;margin-top:1px;font-family:var(--chunky);font-size:clamp(9px,2.5vw,11px);background:#1a1236bf;border-radius:8px;padding:0 6px;white-space:nowrap;color:#ffe27a}.hero .lvl.locked .lvl-band{display:none}.hero .lvl>span{position:relative;z-index:1}.hero .betbox{top:72.9%;left:28%;width:66%;height:9.6%;max-width:none;background:transparent;border:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero .bet-head{display:block}.hero .bet-num{font-size:clamp(32px,9.5vw,46px);line-height:1}.hero .bet-unit{font-family:var(--chunky);font-size:clamp(16px,4.6vw,22px);color:#ffe066;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill}.hero .bet-sub{font-family:var(--chunky);font-size:clamp(11px,3vw,14px);color:#cfe0ff;margin-top:2px}.hero .fight{top:85.3%;left:22.3%;width:55.4%;height:8.3%;background:transparent;border:0;border-radius:26px;box-shadow:none;padding:0;font-size:clamp(30px,9vw,44px);line-height:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .1s}.hero .fight small{font-size:clamp(11px,3vw,14px);-webkit-text-stroke-width:1px;margin-top:2px}.hero .fight:active{transform:scale(.96)}.hero.pvp .fight{font-size:clamp(20px,6.2vw,30px);white-space:nowrap}.hero .fight:disabled{background:#1e1e328c;font-size:clamp(24px,7vw,34px)}.hero-btn{top:85.4%;width:17.2%;height:8.7%;border:0;border-radius:50%;background:transparent;padding:0}.hero-btn.sound{left:2.9%}.hero-btn.more{left:79.9%}.hero-btn:active{transform:scale(.94)}.hero-btn.sound.off:after{content:"";position:absolute;left:22%;right:22%;top:50%;height:5px;background:#ff4a4a;border-radius:3px;transform:rotate(-40deg);box-shadow:0 0 0 2px var(--ink)}.menu-info{display:flex;flex-direction:column;gap:10px;padding:14px 12px 28px;background:linear-gradient(#2c2f7a,#1c1d4d)}.menu-info .tag{margin:0 0 2px;font-size:18px;text-align:center}.info-panel,.menu-info .outcomes .oc,.menu-info .vault,.menu-info .pvp-panel{background:linear-gradient(var(--royal),var(--royal-deep));border:3px solid var(--trim);border-radius:18px;box-shadow:inset 0 2px #ffffff59,0 4px 0 var(--ink);color:#fff;max-width:none;width:100%}.info-panel{padding:10px 12px}.menu-info .feeline{margin:0;background:#1a123659;border:0;color:#fff;font-size:13px}.menu-info .feeline b,.menu-info .feeline span,.menu-info .vault-num{color:#ffe066}.menu-info .limits{color:#dfe9ff;margin-top:6px;font-size:12px}.menu-info .outcomes{max-width:none}.menu-info .oc{text-align:left}.menu-info .oc-l,.menu-info .oc-s{color:#dfe9ff}.menu-info .oc-v{font-family:var(--chunky);font-weight:400;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill}.menu-info .oc.win .oc-v{color:#7dff9e}.menu-info .oc.lose .oc-v{color:#ff9a9a}.menu-info .vault{padding:10px 12px}.menu-info .vault-bar{background:var(--ink)}.menu-info .note{color:#cfd6f5;margin:0;text-align:center}.menu-info .proof-entry{align-self:center;background:linear-gradient(#ffe066,#f5b800);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:8px 16px;font-family:var(--chunky);font-size:14px;box-shadow:0 3px 0 var(--ink)}.menu-info .terms-link{color:#cfd6f5;opacity:.85}.menu-info .pvp-panel{padding:12px}.pvp-panel.embedded .pvp-bets,.pvp-panel.embedded .pvp-quick{display:none}.pvp-panel.embedded .pvp-actions{grid-template-columns:1fr}.hero{aspect-ratio:852 / 1846;background-image:url(/art/brand/menu-v2.webp)}.menu:before{background-image:url(/art/brand/menu-v2.webp)}.menu-col{width:min(100%,460px,calc(100dvh * 852 / 1846))}.hero-vault{top:3.8%;left:30%;width:51%;height:5.3%;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none}.hero-vault small{font-family:var(--chunky);font-size:clamp(9px,2.4vw,11px);color:#9ff4ff}.hero-vault b{font-family:var(--chunky);font-weight:400;font-size:clamp(18px,5.4vw,26px);color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink)}.hero-name{top:20.2%;left:3.6%;width:60.5%;height:3.6%;transform:none;justify-content:center;align-items:center}.hero-name b{font-size:clamp(16px,4.8vw,23px)}.hero-btn{border-radius:14px}.hero-btn.sound{top:13.8%;left:68.1%;width:13.7%;height:6.7%}.hero-btn.more{top:13.8%;left:83.9%;width:13.9%;height:6.7%}.hero .modes{position:absolute;top:25.2%;left:50%;transform:translate(-50%);z-index:2}.round-btn{width:18.3%;height:8.4%;border:0;border-radius:50%;background:transparent;padding:0;transition:transform .1s}.round-btn:active{transform:scale(.93)}.round-btn.burns{top:29.5%;left:2.6%}.round-btn.swords{top:41.7%;left:2.6%}.round-btn.watch-entry{top:29.5%;left:79.1%;margin:0}.round-btn.rules{top:41.7%;left:79.1%}.round-btn.swords.on{box-shadow:0 0 0 3px #fff,0 0 20px 6px #ffec8ce6}.round-btn.swords.soon{filter:saturate(.4) brightness(.8)}.round-label{position:absolute;left:50%;bottom:-14%;transform:translate(-50%);white-space:nowrap;font-family:var(--chunky);font-size:clamp(9px,2.5vw,11px);color:#fff;background:var(--ink);border:1px solid var(--trim);border-radius:8px;padding:0 6px}.round-btn .badge:not(:empty){position:absolute;top:2%;right:2%;min-width:22px;height:22px;border-radius:11px;background:#ff3b3b;border:2px solid #fff;color:#fff;font-family:var(--chunky);font-size:12px;display:grid;place-items:center;padding:0 5px;box-shadow:0 2px 0 var(--ink)}.round-btn .badge:empty{display:none}.hero .levels{top:70.2%;height:4.9%}.hero .lvl.easy{left:16.4%;width:20.9%}.hero .lvl.medium{left:39.7%;width:20.9%}.hero .lvl.hard{left:62.8%;width:20.9%}.hero .lvl:after{top:4%;right:2%;bottom:6%;left:2%;border-radius:14px}.hero .lvl-tag{font-size:clamp(12px,3.5vw,17px)}.hero .lvl-band{font-size:clamp(9px,2.4vw,11px);padding:0 6px}.hero .betbox{top:79.1%;left:34%;width:47.6%;height:4.6%}.hero .bet-num{font-size:clamp(24px,7vw,34px)}.hero .bet-sub{display:none}.hero .fight{top:86.7%;left:10.3%;width:79.5%;height:8.9%;border-radius:22px}.hero .round-btn.watch-entry{position:absolute;background:transparent;border:0;box-shadow:none;padding:0;border-radius:50%}.hero-vault,.hero-vault b,.hero-vault small{white-space:nowrap}.hero-vault b{font-size:clamp(15px,5vw,26px)}.result,.live-screen,.proof-screen,.terms-screen{background:radial-gradient(circle at 50% 0%,rgba(111,224,255,.25),transparent 55%),linear-gradient(#2b63c9,#1d2f86 60%,#171a52)}.live-screen h2,.proof-screen h2,.terms-screen h2,.result h2{font-family:var(--chunky);font-weight:400;color:#fff;letter-spacing:1px;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink),0 6px 14px rgba(0,0,0,.35)}.result-title.win{color:#ffe066}.result-title.lose{color:#ff8a8a}.result-crowns{font-family:var(--chunky);color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill}.result-label{color:#cfe0ff;font-family:var(--chunky);letter-spacing:1px}.result-money{font-family:var(--chunky);font-weight:400;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink)}.result-sub,.live-screen .tag,.proof-note,.live-empty{color:#dfe9ff}.payout-status{background:linear-gradient(var(--royal),var(--royal-deep));border:2px solid var(--trim);border-radius:14px;color:#fff}.row button,.live-screen .back,.proof-screen .back,.terms-screen .back{font-family:var(--chunky);font-weight:400;font-size:17px;border:3px solid var(--ink);border-radius:14px;padding:10px 20px;background:linear-gradient(#ffe066,#f5b800);color:var(--ink);box-shadow:inset 0 2px #fff9,0 4px 0 var(--ink)}.row button.to-menu,.live-screen .back,.proof-screen .back,.terms-screen .back{background:linear-gradient(var(--royal),var(--royal-deep));color:#fff;border-color:var(--trim)}.row button:active,.live-screen .back:active,.proof-screen .back:active,.terms-screen .back:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.fight-row,.proof-card{background:linear-gradient(var(--royal),var(--royal-deep));border:3px solid var(--trim);border-radius:16px;box-shadow:inset 0 2px #ffffff4d,0 4px 0 var(--ink);color:#fff}.fight-row .fr-title,.proof-card h3{font-family:var(--chunky);font-weight:400;color:#fff;letter-spacing:.5px}.proof-card h3{color:#ffe066;text-transform:none;font-size:16px}.fight-row .fr-sub{color:#dfe9ff}.fight-row .fr-money,.proof-big{color:#ffe066;font-family:var(--chunky);font-weight:400}.fight-row button{font-family:var(--chunky);font-weight:400;border:3px solid var(--ink);border-radius:12px;background:linear-gradient(#ffe066,#f5b800);color:var(--ink);box-shadow:0 3px 0 var(--ink)}.proof-row{border-bottom-color:#ffffff1f}.proof-row a,.fight-row a{color:#9ff4ff}.proof-bar{background:var(--ink)}.terms-screen .terms-body{background:linear-gradient(var(--royal),var(--royal-deep));border:3px solid var(--trim);border-radius:16px;padding:12px 14px;color:#fff;box-shadow:0 4px 0 var(--ink)}.terms-body h3{color:#ffe066;font-family:var(--chunky);font-weight:400}.pvp-card{background:linear-gradient(var(--royal),var(--royal-deep));border-color:var(--trim);box-shadow:0 4px 0 var(--ink)}.pvp-card h2{font-family:var(--chunky);font-weight:400;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.terms-card{background:linear-gradient(var(--royal),var(--royal-deep));border-color:var(--trim)}.hero-flash{top:48%;left:50%;transform:translate(-50%);white-space:nowrap;z-index:3;pointer-events:none;font-family:var(--chunky);font-size:16px;color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;background:linear-gradient(var(--royal),var(--royal-deep));border:3px solid var(--trim);border-radius:14px;padding:8px 14px;box-shadow:0 4px 0 var(--ink);animation:flash-in .18s ease-out}@keyframes flash-in{0%{transform:translate(-50%) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.terms-screen{justify-content:flex-start}.result{overflow-y:auto}.hero{background-image:url(/art/brand/menu-bg.webp)}.hero .stage{top:0;right:0;bottom:0;left:0;pointer-events:none}.hero .stage>*,.stage-float>*{position:absolute}.stage-glow{left:50%;top:47%;width:92%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(120,220,255,.55) 0%,rgba(80,160,255,.22) 38%,transparent 66%);animation:glow-pulse 3.2s ease-in-out infinite}.stage-float{top:0;right:0;bottom:0;left:0;animation:island-float 4.2s ease-in-out infinite}.stage-island{left:12.44%;top:29.58%;width:75.12%;filter:drop-shadow(0 10px 14px rgba(10,20,60,.45))}.stage-king{left:27.11%;top:31.37%;width:44.6%;transform-origin:50% 96%;animation:king-breathe 2.6s ease-in-out infinite;pointer-events:auto;cursor:pointer}.stage-king.poke{animation:king-poke .5s ease-out}.torch{width:9%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,220,120,.85) 0%,rgba(255,140,40,.4) 35%,transparent 70%);animation:torch-flicker .9s ease-in-out infinite alternate}.torch.t1{left:22.07%;top:48.6%}.torch.t2{left:77.7%;top:48.6%;animation-delay:-.3s;animation-duration:.75s}.torch.t3{left:17.84%;top:52.8%;animation-delay:-.5s;animation-duration:1s}.torch.t4{left:82.16%;top:53%;animation-delay:-.15s;animation-duration:.85s}.falls{left:44.9%;top:59.2%;width:10.3%;height:8.6%;border-radius:4px 4px 10px 10px;mix-blend-mode:screen;opacity:.7;background:repeating-linear-gradient(180deg,#fff0 0,#fff0 14px,#dcf5ff8c 18px,#fff0 24px);background-size:100% 48px;animation:falls-flow .7s linear infinite;-webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}@keyframes island-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1.1%)}}@keyframes king-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.03) translateY(-.4%)}}@keyframes king-poke{0%{transform:scale(1)}30%{transform:scale(1.08,.9)}60%{transform:scale(.96,1.08) translateY(-4%)}to{transform:scale(1)}}@keyframes torch-flicker{0%{opacity:.55;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-52%) scale(1.12)}}@keyframes falls-flow{0%{background-position:0 0}to{background-position:0 48px}}@keyframes glow-pulse{0%,to{opacity:.75}50%{opacity:1}}.round-btn{width:19.72%;height:9.1%;background:center / 100% 100% no-repeat;z-index:2}.round-btn.burns{top:29.2%;left:2%;background-image:url(/art/brand/btn-burned.webp)}.round-btn.swords{top:41.39%;left:2%;background-image:url(/art/brand/btn-pvp.webp)}.hero .round-btn.watch-entry{top:29.2%;left:78.29%;background:url(/art/brand/btn-live.webp) center / 100% 100% no-repeat}.round-btn.rules{top:41.39%;left:78.29%;background-image:url(/art/brand/btn-info.webp)}.round-btn{transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.round-btn:active{transform:scale(.88)}.round-label{bottom:-8%;font-size:clamp(10px,2.9vw,13px);padding:1px 8px;border-width:2px;border-radius:9px;letter-spacing:.5px;-webkit-text-stroke:0;box-shadow:0 2px #00000059}.round-btn.swords.soon{filter:none}.round-btn.swords.soon:after{content:"SOON";position:absolute;top:0;right:-4%;font-family:var(--chunky);font-size:clamp(8px,2.2vw,10px);color:var(--ink);background:linear-gradient(#ffe066,#f5b800);border:2px solid var(--ink);border-radius:8px;padding:0 5px;transform:rotate(12deg)}.round-btn.watch-entry .badge:not(:empty){z-index:1}.hero .fight{top:86.46%;left:9.74%;width:80.52%;height:9.32%;border-radius:30px;overflow:hidden;background:url(/art/brand/btn-fight.webp) center / 100% 100% no-repeat;animation:fight-pulse 1.6s ease-in-out infinite;z-index:2}.hero .fight:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);animation:fight-shine 3.2s ease-in-out infinite}.hero .fight:active{animation:none;transform:scale(.95)}.hero .fight:disabled{animation:none;filter:grayscale(.7) brightness(.8);background:url(/art/brand/btn-fight.webp) center / 100% 100% no-repeat}.hero .fight:disabled:after{display:none}@keyframes fight-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes fight-shine{0%,55%{left:-40%}85%,to{left:120%}}@media (prefers-reduced-motion: reduce){.hero .stage *,.hero .fight,.hero .fight:after{animation:none!important}}@media (max-width: 520px){.menu:before{display:none}}.pop-screen{justify-content:flex-start;gap:0;padding:0;overflow-y:auto;overflow-x:hidden;background:#123a8f}.pop-art{position:relative;flex-shrink:0;width:min(100%,460px,calc(100dvh * 853 / 1844));aspect-ratio:853 / 1844;margin:0 auto;background:center / 100% 100% no-repeat;container-type:inline-size;animation:pop-in .28s cubic-bezier(.3,1.5,.5,1)}.pop-art *{--u: calc(100cqw / 853)}.pop-body{position:absolute;top:0;right:0;bottom:0;left:0}.pop-art .slot{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#fff;font-family:var(--chunky);font-weight:400}.pop-art button.slot{cursor:pointer;border-radius:calc(26 * var(--u));transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.pop-art button.slot:active{transform:scale(.94)}.pop-art b,.pop-art .pop-tag{font-family:var(--chunky);font-weight:400;color:#fff;-webkit-text-stroke:calc(4 * var(--u)) var(--ink);paint-order:stroke fill;text-shadow:0 calc(5 * var(--u)) 0 var(--ink);letter-spacing:.5px}.pop-art small{display:block;font-family:var(--font);font-size:calc(27 * var(--u));line-height:1.25;color:#cfe0ff;margin-top:calc(6 * var(--u))}.pop-more{width:min(100%,460px);margin:0 auto;padding:0 12px 24px;display:none;flex-direction:column;gap:10px}.pop-more.open{display:flex}@keyframes pop-in{0%{transform:scale(.94)}to{transform:scale(1)}}.pop-row{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:0 calc(22 * var(--u))!important}.pop-row b{font-size:calc(40 * var(--u));line-height:1}.pop-btn{display:flex;flex-direction:column;align-items:center;justify-content:center}.pop-btn b{font-size:calc(50 * var(--u));line-height:1}.pop-btn small{color:#fff;opacity:.9}.pvp-quick small{color:var(--ink);font-weight:700}.pop-plaque{display:flex;flex-direction:column;align-items:center;justify-content:center}.pop-plaque small{font-family:var(--chunky);font-size:calc(34 * var(--u));color:#ffd36a;margin:0 0 calc(4 * var(--u));letter-spacing:1px}.pop-plaque b{font-size:calc(84 * var(--u));line-height:1;color:#fff}.pop-tag{display:flex;align-items:center;justify-content:center;font-size:calc(36 * var(--u))}.proof-screen .pop-more .proof-card{width:100%;max-width:none}.lv-who{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.lv-who b{font-size:calc(26 * var(--u))}.lv-who small{font-family:var(--chunky);font-size:calc(26 * var(--u));color:#ffe066;margin-top:calc(2 * var(--u))}.lv-who img{width:92%;height:92%;object-fit:contain}.lv-score{display:flex;align-items:center;justify-content:center;font-family:var(--chunky);font-size:calc(46 * var(--u));color:var(--ink)}.lv-sub{font-family:var(--font);font-size:calc(24 * var(--u));color:#cfe0ff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-slot.empty .lv-play{filter:grayscale(1) brightness(.6);pointer-events:none}.live-slot.empty{opacity:.55}.lv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0d2466;border:calc(8 * var(--u)) solid #f5c542;border-radius:calc(40 * var(--u));font-family:var(--chunky);font-size:calc(46 * var(--u));color:#fff;z-index:1}.lv-empty small{font-family:var(--font)}.pop-scroll{overflow-y:auto;overscroll-behavior:contain;text-align:left;color:#4a2c10;font-family:var(--font);font-size:calc(26 * var(--u));line-height:1.4;-webkit-mask:linear-gradient(transparent,#000 4%,#000 95%,transparent);mask:linear-gradient(transparent,#000 4%,#000 95%,transparent);padding:calc(14 * var(--u)) calc(10 * var(--u))!important}.pop-scroll h2{display:none}.pop-scroll h3{font-family:var(--chunky);font-weight:400;font-size:calc(36 * var(--u));color:#1d3f9e;margin:calc(18 * var(--u)) 0 calc(6 * var(--u))}.pop-scroll p,.pop-scroll ul{margin:0 0 calc(10 * var(--u))}.pop-scroll ul{padding-left:calc(30 * var(--u))}.pop-scroll .terms-body{max-width:none;padding:0;background:none;border:0;color:inherit}.pop-scroll b{font-family:var(--font);font-weight:800;color:#3a1f06;-webkit-text-stroke:0;text-shadow:none;letter-spacing:0}.pop-toggle{border-radius:999px!important}.pop-toggle.off{filter:grayscale(1) brightness(.75)}.pop-toggle i{position:absolute;top:0;right:0;bottom:0;left:0}.pop-toggle.off:after{content:"";position:absolute;top:12%;bottom:12%;left:4%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#c9d3e0);box-shadow:0 0 0 calc(4 * var(--u)) #3d4a5c}.pop-toggle.off i{background:radial-gradient(circle at 78% 50%,#6b7787 0 24%,transparent 25%)}.set-wallet small,.set-terms small{color:#ffe066}.pop-input{font-family:var(--chunky)!important;font-size:calc(34 * var(--u))!important;color:#fff!important;outline:none;padding:0 calc(18 * var(--u))!important}.pop-input::placeholder{color:#cfe0ff99}.pop-input.bad{animation:shake .3s}.pop-bets{display:flex;gap:calc(16 * var(--u))}.pop-bet{flex:1;border:calc(6 * var(--u)) solid #f5c542;border-radius:calc(28 * var(--u));background:linear-gradient(#3a7fd4,#2552b5);color:#fff;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 calc(6 * var(--u)) 0 var(--ink)}.pop-bet b{font-size:calc(36 * var(--u))}.pop-bet small{font-size:calc(22 * var(--u));margin-top:0}.pop-bet.on{background:linear-gradient(#ffe066,#f5b800)}.pop-bet.on b{color:#fff}.pop-bet.on small{color:var(--ink)}.pop-scroll .terms-body p,.pop-scroll .terms-body li,.pop-scroll .terms-body ul,.pop-scroll .terms-small{color:#4a2c10}.pop-scroll .terms-body h3{color:#1d3f9e}.pop-scroll .terms-body b{color:#3a1f06}.pop-toggle.off{filter:none;background:linear-gradient(#9aa4b3,#5d6675)!important;box-shadow:0 0 0 calc(7 * var(--u)) #1a1236,inset 0 calc(6 * var(--u)) 0 #ffffff40!important}.pop-toggle.off i{background:none}.pop-art .lv-cover{display:none;background:#0610349e;border-radius:calc(46 * var(--u))}.live-slot.empty .lv-cover{display:block}.live-slot.empty{opacity:1}.pop-art .lv-empty{background:linear-gradient(#2a6ad0,#1a3f9a);box-shadow:0 0 0 calc(8 * var(--u)) #f5c542,0 calc(10 * var(--u)) 0 var(--ink)}.menu-info{gap:12px;padding:18px 14px 30px;background-color:#1748b0;background-image:linear-gradient(#0a1e5a00,#0a1e5a59),repeating-linear-gradient(45deg,transparent 0 46px,rgba(8,24,80,.45) 46px 49px,rgba(120,170,255,.12) 49px 51px),repeating-linear-gradient(-45deg,transparent 0 46px,rgba(8,24,80,.45) 46px 49px,rgba(120,170,255,.12) 49px 51px);box-shadow:inset 0 14px 18px -10px #050f32b3}.menu-info .tag{font-size:21px;color:#fff;-webkit-text-stroke:2px var(--ink);text-shadow:0 3px 0 var(--ink)}.info-panel,.menu-info .outcomes .oc,.menu-info .vault{background:linear-gradient(#0f2b78,#0b1f5c);border:4px solid #f5c542;border-radius:18px;box-shadow:0 0 0 2px var(--ink),inset 0 3px #ffffff1f,0 5px 0 var(--ink)}.info-panel{padding:12px 14px}.menu-info .feeline{background:none;padding:0;font-family:var(--chunky);font-size:15px;letter-spacing:.3px}.menu-info .limits{font-size:12.5px;color:#b9cdf5;margin-top:6px}.menu-info .outcomes{gap:10px}.menu-info .oc{padding:12px 14px}.menu-info .oc-l{font-family:var(--chunky);font-size:14px;color:#cfe0ff}.menu-info .oc-v{font-size:34px;line-height:1.1;-webkit-text-stroke:2px var(--ink);text-shadow:0 3px 0 var(--ink)}.menu-info .oc.win .oc-v{color:#6dff8f}.menu-info .oc.lose .oc-v{color:#ff7d7d}.menu-info .oc-s{font-size:12px;color:#b9cdf5}.menu-info .vault{padding:12px 14px}.menu-info .vault-row{font-family:var(--chunky);font-size:16px;color:#fff}.menu-info .vault-num{font-size:20px}.menu-info .vault-bar{height:12px;border-radius:8px;background:#06123a;box-shadow:inset 0 2px 3px #0009}.menu-info .vault-bar i{border-radius:8px;background:linear-gradient(#ffe680,#f0a800);box-shadow:inset 0 2px #ffffff80}.menu-info .note{font-size:12.5px;color:#cfe0ff}.menu-info .proof-entry{display:none!important}.menu-info .terms-link{font-size:12px;color:#b9cdf5;opacity:1}.menu-info .terms-link a{color:#ffe066}.hero .stage{top:-5.6%;bottom:5.6%}.hero .modes{top:62%;left:7%;width:86%;height:5.4%;transform:none;display:flex;gap:4px;padding:4px;z-index:3;background:linear-gradient(#0f2b78,#0b1f5c);border:3px solid #f5c542;border-radius:999px;box-shadow:0 0 0 2px var(--ink),0 4px 0 var(--ink),0 8px 18px #050f3280}.hero .modes button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;border-radius:999px;color:#8fa6d6;background:transparent;transition:background .15s,transform .12s}.hero .modes button b{display:flex;align-items:center;gap:6px;font-family:var(--chunky);font-weight:400;font-size:clamp(16px,4.8vw,22px);line-height:1;letter-spacing:.5px}.hero .modes button small{font-family:var(--chunky);font-size:clamp(9px,2.6vw,12px);opacity:1;margin-top:1px}.hero .modes button:active{transform:scale(.96)}.hero .modes button.on{color:#fff}.hero .modes button.on b{-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink)}.hero .modes button[data-mode=practice].on{background:linear-gradient(#5aa8ff,#2a62d6);box-shadow:inset 0 3px #ffffff59,0 0 0 2px var(--ink)}.hero .modes button[data-mode=live].on{background:linear-gradient(#ff5a5a,#c81e2a);box-shadow:inset 0 3px #ffffff59,0 0 0 2px var(--ink),0 0 16px #ff4646bf}.hero .modes button[data-mode=live].on small{color:#ffe066}.hero .modes button.on small{color:#e6efff}.hero .modes button:disabled{opacity:.4}.hero .live-dot{width:.5em;height:.5em;border-radius:50%;background:#ff3b3b;box-shadow:0 0 0 2px var(--ink)}.hero .modes button[data-mode=live].on .live-dot{background:#fff;animation:live-dot 1.1s ease-in-out infinite}@keyframes live-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.hero .betbox{left:30%;width:58%}.hero .bet-head{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.4vw,8px);white-space:nowrap}.hero .bet-side{display:inline-flex;align-items:baseline;gap:3px}.hero .bet-side small{font-family:var(--chunky);font-size:clamp(9px,2.6vw,12px);color:#cfe0ff;letter-spacing:.5px}.hero .bet-num,.hero .bet-win{font-family:var(--chunky);font-size:clamp(22px,6.4vw,31px);line-height:1;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.hero .bet-num{color:#fff}.hero .bet-win{color:#6dff8f}.hero .bet-arrow{font-size:clamp(14px,4vw,19px);color:#ffe066}.hero .bet-unit{font-size:clamp(13px,3.8vw,18px)}.hero .lvl-band{white-space:nowrap}body,.menu{background-color:#0069b9;background-image:radial-gradient(ellipse at 50% 0%,rgba(120,190,255,.18),transparent 60%),repeating-linear-gradient(45deg,transparent 0 51px,rgba(4,60,140,.85) 51px 54px),repeating-linear-gradient(-45deg,transparent 0 51px,rgba(4,60,140,.85) 51px 54px);background-attachment:fixed}.menu:before{display:none}.menu-col{box-shadow:none}.hero{background:none}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/art/brand/menu-bg.webp) top center / 100% 100% no-repeat}@media (min-aspect-ratio: 853/1800){.hero:before{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}}.tutorial .tip{display:flex;gap:10px;align-items:center;background:linear-gradient(#173a9a,#0b1f5c);color:#fff;border:4px solid #f5c542;border-radius:18px;padding:10px 12px 10px 8px;font-size:14.5px;line-height:1.3;box-shadow:0 0 0 2px var(--ink),inset 0 3px #ffffff24,0 6px 0 var(--ink),0 12px 28px #00000080}.tutorial .tip-face{width:64px;height:64px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}.tutorial .tip-body{flex:1;min-width:0}.tutorial .tip-title{font-family:var(--chunky);font-size:21px;line-height:1.05;color:#ffe066;text-transform:uppercase;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink);margin-bottom:3px}.tutorial .tip-text b{color:#7fe3ff}.tutorial .tip-foot{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-family:var(--chunky);font-size:12px;color:#b9cdf5}.tutorial .tip-dots{display:inline-flex;gap:5px}.tutorial .tip-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.tutorial .tip-dots i.on{background:#ffe066;box-shadow:0 0 6px #ffe066}.tutorial .tip-arrow{position:absolute;left:50%;width:0;height:0;margin-left:-16px;border:16px solid transparent;filter:drop-shadow(0 2px 0 var(--ink));animation:tip-bob .8s ease-in-out infinite alternate}.tutorial.at-cards .tip-arrow{bottom:calc(var(--panel-h) - 30px);border-top:20px solid #ffe066;border-bottom:0}.tutorial.at-elixir .tip-arrow{bottom:34px;left:40%;border-top:20px solid #ffe066;border-bottom:0}.tutorial.at-elixir .tip{bottom:calc(var(--panel-h) + 12px)}.tutorial.at-towers .tip-arrow{top:calc(40% - 52px);border-bottom:20px solid #ffe066;border-top:0}@keyframes tip-bob{0%{transform:translateY(0)}to{transform:translateY(8px)}}.hero .lvl-lock{font-size:clamp(7px,2vw,9.5px);white-space:normal;line-height:1.05;max-width:92%;text-align:center;padding:1px 4px}.hand .card.pic.selected{box-shadow:none;transform:translateY(-9px)}.hand .card.pic.selected .face{filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 6px 6px rgba(0,0,0,.45))}.hand .card.poor,.next .card.poor{filter:grayscale(1) brightness(.88)}.card.pic .wait{display:none}.hand .card.lifted{transform:none}.hand .card.lifted .face{visibility:hidden}.hand .card.pic.lifted:before,.hud.predeal .hand .card.pic:before{content:"";position:absolute;top:3%;right:5%;bottom:3%;left:5%;border-radius:10px;background:url(/art/ui/crown-blue.png) center / 44% no-repeat,linear-gradient(#123d8c,#0c2a66);box-shadow:inset 0 3px 6px #00000080;opacity:.85;filter:saturate(.3) brightness(.8)}.hand .card.arrive{animation:card-arrive .22s cubic-bezier(.2,.9,.3,1.15)}@keyframes card-arrive{0%{transform:translate(-70px) scale(.6);opacity:.3}}@media (prefers-reduced-motion: reduce){.hand .card.arrive{animation:none}}.hud .top .who{background:none;padding:2px;gap:0}.hud .who .boss-name{order:0;font-family:var(--chunky);font-weight:400;font-size:18px;color:#ff4f9a;-webkit-text-stroke:1.2px #2a0a1c;paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,0,0,.55)}.hud .who .agent-tag{order:1;font-family:var(--font);font-size:11px;letter-spacing:.4px;color:#fff;text-shadow:0 1px 0 #000,0 0 2px #000}.hud .clock{background:none;padding:0;gap:1px}.hud .clock-label{font-family:var(--font);font-size:11px;color:#fff;text-shadow:0 1px 0 #000;padding-right:4px}.hud .clock-label:after{content:":"}.hud .clock-time{background:#080a12e0;border:2px solid #000;border-radius:9px;padding:1px 10px 2px;font-family:var(--chunky);font-weight:400;font-size:24px;color:#fff;line-height:1.15}.hud .crowns.foe,.hud .me-crowns{position:absolute;right:4px;left:auto;bottom:auto;display:none}.hud.scored .crowns.foe,.hud.scored .me-crowns{display:flex}.hud .crowns.foe{top:31%;flex-direction:column}.hud .me-crowns{top:47%;background:none;padding:0}.hud .crowns.foe,.hud .crowns.me{flex-direction:column;align-items:center;gap:1px;background:#0c101ed9;border:2px solid #0a0c16;border-radius:9px;padding:3px 4px 2px;font-family:var(--chunky);font-weight:400;font-size:17px;line-height:1}.hud .crowns.foe{flex-direction:column-reverse;color:#ff5b6e}.hud .crowns.me{color:#8cc4ff}.hud .crowns .crown-ico{width:22px;height:auto}.hud .emote-btn{left:10px;bottom:calc(var(--panel-h) + 12px);width:44px;height:40px;background:none;padding:0}.hud .emote-btn i{position:absolute;left:2px;right:2px;top:2px;height:28px;background:#fff;border:3px solid #14183a;border-radius:11px;box-shadow:0 3px #00000059;background-image:radial-gradient(circle,#14183a 2.6px,transparent 3px);background-size:9px 9px;background-repeat:repeat-x;background-position:7px center}.hud .emote-btn:after{content:"";position:absolute;left:9px;top:28px;border:6px solid transparent;border-top:8px solid #14183a;border-left-width:2px}.hud .mute{top:66px;right:10px;bottom:auto;width:30px;height:26px;font-size:13px;background:#080a128c}.hud .elixir{position:relative}.hud .elixir-max{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:var(--font);font-size:10px;color:#ffffffd9;text-shadow:0 1px 0 #000;pointer-events:none}.hud.elixir-is-full .elixir-max{display:none}.hud .elixir-full{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;font-family:var(--chunky);font-size:12px;color:#fff;-webkit-text-stroke:1px #3a0a40;paint-order:stroke fill}.hud.elixir-is-full .elixir-full{display:flex}.hud .fight-call,.hud .match-over{position:absolute;left:0;right:0;top:calc((100% - var(--panel-h)) * .47);text-align:center;pointer-events:none;font-family:var(--chunky);color:#fff;-webkit-text-stroke:2.5px #14183a;paint-order:stroke fill;text-shadow:0 4px 0 #14183a;opacity:0}.hud .fight-call{font-size:44px}.hud .fight-call.go{animation:fight-call 1.3s ease-out forwards}@keyframes fight-call{0%{opacity:0;transform:scale(2.2)}14%{opacity:1;transform:scale(.95)}22%{transform:scale(1.05)}30%{transform:scale(1)}78%{opacity:1}to{opacity:0;transform:scale(1.1)}}.hand .card.deal .face{animation:card-deal .32s cubic-bezier(.2,.9,.3,1.2) var(--deal-delay, 0s) backwards}@keyframes card-deal{0%{transform:translateY(60px) scale(.5) rotate(-8deg);opacity:0}}.hud .crown-banner{position:absolute;left:50%;top:calc((100% - var(--panel-h)) * .6);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none;opacity:0;transition:opacity .35s}.hud .crown-banner.foe{top:calc((100% - var(--panel-h)) * .27)}.hud .crown-banner.show{opacity:1}.hud .cb-name{font-family:var(--chunky);font-size:19px;color:#fff;-webkit-text-stroke:1.5px #14183a;paint-order:stroke fill}.hud .crown-banner.foe .cb-name{color:#ff6b9a}.hud .cb-slots{display:flex;gap:6px;background:#143c2873;border-radius:10px;padding:5px 9px}.hud .cb-slots i{width:34px;height:26px;background:url(/art/ui/crown-blue.png) center / contain no-repeat;filter:brightness(0) opacity(.45)}.hud .crown-banner.foe .cb-slots i{background-image:url(/art/ui/crown-red.png)}.hud .cb-slots i.on{filter:none}.hud .cb-slots i.new{animation:crown-drop .45s cubic-bezier(.3,1.5,.5,1) .2s backwards}@keyframes crown-drop{0%{transform:translateY(-40px) scale(1.6);opacity:0}}.hud .bottom{transition:transform .5s ease-in}.hud.over .bottom{transform:translateY(110%)}.hud.over .emote-btn,.hud.over .emote-picker{display:none}.hud .match-over{font-size:40px;color:#ffd23a;-webkit-text-stroke:2.5px #4a2a00;text-shadow:0 4px 0 #4a2a00}.hud.over .match-over{animation:match-over .5s cubic-bezier(.3,1.5,.5,1) .6s forwards}@keyframes match-over{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.hud .fight-call.go,.hand .card.deal .face,.hud .cb-slots i.new{animation-duration:.01s}}.vs-intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:auto;overflow:hidden;background:#080a1e8c;animation:vs-dim .3s ease-out}.vs-intro.out{animation:vs-dim .38s ease-in reverse forwards}@keyframes vs-dim{0%{background:#080a1e00}}.vs-side{position:absolute;left:0;right:0;display:flex;flex-direction:column}.vs-side img{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.vs-top{top:4%;animation:vs-from-top .4s cubic-bezier(.2,1.2,.4,1) both}.vs-bottom{bottom:calc(var(--panel-h) + 4%);animation:vs-from-bottom .4s cubic-bezier(.2,1.2,.4,1) .08s both}.vs-intro.out .vs-top{animation:vs-from-top .38s ease-in reverse both}.vs-intro.out .vs-bottom{animation:vs-from-bottom .38s ease-in reverse both}@keyframes vs-from-top{0%{transform:translateY(-130%)}}@keyframes vs-from-bottom{0%{transform:translateY(160%)}}.vs-top .vs-name{align-self:flex-start;margin:2px 0 0 7%}.vs-bottom .vs-name{align-self:flex-end;margin:2px 7% 0 0}.vs-name{font-family:var(--chunky);font-size:22px;color:#fff;-webkit-text-stroke:2px #14183a;paint-order:stroke fill;text-shadow:0 3px 0 #14183a}.vs-bottom .vs-name{color:#ffd23a}.vs-shield{position:absolute;left:50%;top:calc((100% - var(--panel-h)) * .47);width:30%;max-width:150px;transform:translate(-50%,-50%);animation:vs-pop .45s cubic-bezier(.3,1.6,.5,1) .35s both;filter:drop-shadow(0 0 18px rgba(255,220,90,.75))}.vs-intro.out .vs-shield{animation:vs-pop .3s ease-in reverse both}@keyframes vs-pop{0%{transform:translate(-50%,-50%) scale(0) rotate(-20deg);opacity:0}}@media (prefers-reduced-motion: reduce){.vs-intro *,.vs-intro{animation-duration:.01s!important}}.hud.predeal .hand .card .face{visibility:hidden}.result{justify-content:center;gap:12px}.result .result-title,.result .result-crowns{display:none}.podium{width:min(100%,390px);display:flex;flex-direction:column;align-items:center;gap:4px}.pd-side{width:100%;display:flex;flex-direction:column;align-items:center}.pd-ribbon{position:relative;width:100%}.pd-ribbon img{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4));animation:pd-in .35s cubic-bezier(.2,1.2,.4,1) both}.pd-me .pd-ribbon img{animation-delay:.1s}@keyframes pd-in{0%{transform:scale(.6);opacity:0}}.pd-name{position:absolute;left:0;right:0;bottom:15%;text-align:center;font-family:var(--chunky);font-size:clamp(17px,5vw,22px);color:#fff;-webkit-text-stroke:1.5px rgba(20,10,40,.9);paint-order:stroke fill}.pd-me .pd-name{color:#ffe066}.pd-crowns{position:absolute;left:9%;right:9%;top:-14%;height:48%;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.pd-crowns i{width:29%;height:100%;background:url(/art/ui/crown-gold.webp) center bottom / contain no-repeat;opacity:0}.pd-crowns i.on{animation:pd-crown .45s cubic-bezier(.3,1.5,.5,1) both}@keyframes pd-crown{0%{transform:translateY(-120%) scale(1.4);opacity:0}to{opacity:1}}.pd-vs{font-family:var(--chunky);font-size:26px;color:#fff;-webkit-text-stroke:2px #14183a;paint-order:stroke fill;margin:2px 0}.pd-win{font-family:var(--chunky);font-size:24px;color:#ffd23a;-webkit-text-stroke:2px #4a2a00;paint-order:stroke fill;text-shadow:0 3px 0 #4a2a00;visibility:hidden;margin-bottom:14px}.podium.me-won .pd-me .pd-win,.podium.foe-won .pd-foe .pd-win{visibility:visible;animation:pd-crown .5s cubic-bezier(.3,1.5,.5,1) 1.6s both}.podium.me-won .pd-me .pd-ribbon img,.podium.foe-won .pd-foe .pd-ribbon img{filter:drop-shadow(0 0 16px rgba(255,220,90,.7)) drop-shadow(0 6px 10px rgba(0,0,0,.4))}.result .rewards{display:flex;gap:10px;justify-content:center}.result .reward{min-width:150px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;border-radius:14px;background:linear-gradient(#173a9a,#0b1f5c);border:3px solid #8fb7ff;box-shadow:0 0 0 2px #0a1640,inset 0 3px #ffffff26,0 5px #0a1640}.result .reward .result-label{margin:0;font-size:12px}.result .reward .result-money{font-size:30px}.result .row .to-menu{background:linear-gradient(#7fd2ff,#2f8bf0 55%,#1d5fd0);color:#fff}@media (prefers-reduced-motion: reduce){.pd-ribbon img,.pd-crowns i.on,.podium .pd-win{animation-duration:.01s!important}}.busy{background:#0a1e5ae0;background-image:repeating-linear-gradient(45deg,transparent 0 46px,rgba(4,30,90,.5) 46px 49px),repeating-linear-gradient(-45deg,transparent 0 46px,rgba(4,30,90,.5) 46px 49px)}.busy-glass{width:76px;height:auto;transform-origin:70% 75%;animation:busy-search 1.4s ease-in-out infinite;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}@keyframes busy-search{0%,to{transform:rotate(-14deg) translate(-6px)}50%{transform:rotate(10deg) translate(6px)}}.busy-text{font-family:var(--chunky);font-size:19px;line-height:1.25;color:#ffd23a;-webkit-text-stroke:1.5px #3a2000;paint-order:stroke fill;max-width:300px}@media (prefers-reduced-motion: reduce){.busy-glass{animation:none}}.hud .mute{width:34px;height:34px;padding:0;border-radius:9px;background:url(/art/ui/sound-button.webp) center / contain no-repeat;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.hud .mute:active{transform:scale(.92)}.hud .mute.off:after{content:"";position:absolute;left:18%;right:18%;top:47%;height:4px;background:#ff3b4a;border-radius:3px;transform:rotate(-40deg);box-shadow:0 0 0 1.5px #14183a}.hud .watchbar{gap:8px;padding:6px 8px;justify-content:center}.hud .wb-top{display:flex;align-items:center;gap:10px}.hud .wb-live{flex-shrink:0;font-family:var(--chunky);font-size:13px;color:#fff;background:linear-gradient(#ff5a64,#d81e35);border:2px solid #5a0a14;border-radius:8px;padding:2px 8px 3px 20px;position:relative;animation:none;box-shadow:0 2px #5a0a14}.hud .wb-live:before{content:"";position:absolute;left:7px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#fff;animation:live-dot 1.2s ease-in-out infinite}@keyframes live-dot{50%{opacity:.25}}.hud .wb-names{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.1}.hud .wb-who{font-family:var(--chunky);font-weight:400;font-size:19px;color:#8cc4ff;-webkit-text-stroke:1.2px #0a1640;paint-order:stroke fill;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud .wb-vs{font-family:var(--font);font-size:12px;color:#ffb3c8;text-transform:capitalize}.hud .wb-leave{flex-shrink:0;font-family:var(--chunky);font-weight:400;font-size:15px;color:#fff;background:linear-gradient(#ff6a6a,#e0303a 60%,#b81f2a);border:2px solid #5a0a14;border-radius:10px;padding:6px 14px 7px;box-shadow:inset 0 2px #ffffff59,0 3px #5a0a14;-webkit-text-stroke:.8px #5a0a14;paint-order:stroke fill}.hud .wb-leave:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff59,0 1px #5a0a14}.hud .wb-tiles{display:flex;gap:6px}.hud .wb-tile{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:4px 6px 5px;border-radius:10px;background:linear-gradient(#173a9a,#0b1f5c);border:2px solid #8fb7ff;box-shadow:0 2px #0a1640}.hud .wb-tile small{font-family:var(--font);font-size:10px;color:#b9cdf5;text-transform:uppercase;letter-spacing:.6px}.hud .wb-tile b{font-family:var(--chunky);font-weight:400;font-size:15px;color:#fff;white-space:nowrap}.hud .wb-tile.win b{color:#6dff8f}.hud .wb-coin{align-self:center}.card.pic .cost-drop{position:absolute;left:50%;bottom:-5%;transform:translate(-50%);width:30%;aspect-ratio:26 / 30;max-width:28px;display:grid;place-items:center;padding-top:12%;box-sizing:border-box;background:url(/art/ui/elixir-drop.png) center / contain no-repeat;font-family:var(--chunky);font-size:clamp(11px,3.4vw,15px);color:#fff;-webkit-text-stroke:1.2px #3a0a40;paint-order:stroke fill;pointer-events:none;z-index:1}.card.pic.mini .cost-drop{width:38%;font-size:10px;bottom:-6%}.hand .card.lifted .cost-drop,.hud.predeal .hand .card .cost-drop{visibility:hidden}.hand .card.deal .cost-drop{animation:card-deal .32s cubic-bezier(.2,.9,.3,1.2) var(--deal-delay, 0s) backwards}.hud .bottom{position:relative;isolation:isolate;display:grid;grid-template-columns:17% repeat(4,1fr);grid-template-rows:1fr auto;column-gap:1.6%;row-gap:13px;padding:8px 2% 8px 1.5%;background:none;border:0}.hud .bottom:before{content:"";position:absolute;left:18%;right:0;top:0;bottom:0;z-index:-1;border-radius:14px 0 0;background:linear-gradient(#2d6fe0,#1d4fb8 55%,#173f96);border-top:3px solid #0e2a6a;border-left:3px solid #0e2a6a;box-shadow:inset 0 3px #ffffff2e}.hud .bottom>.hand{display:contents}.hud .bottom .next{grid-column:1;grid-row:1;width:auto;align-self:end;justify-self:center}.hud .bottom .next .card.mini{width:100%;height:auto;aspect-ratio:360 / 437;max-width:52px}.hud .bottom .next-label{font-family:var(--chunky);font-size:12px}.hud .bottom .next-label:after{content:":"}.hud .bottom .hand>.card{grid-row:1;height:auto;aspect-ratio:360 / 437;align-self:end;min-width:0}.hud .bottom .elixir{grid-column:2 / -1;grid-row:2;margin:0;padding-left:14px}.hud .bottom .watchbar{grid-column:1 / -1;grid-row:1 / -1}.card.pic .cost-drop{width:32%;max-width:30px;bottom:0;transform:translate(-50%,48%)}.next .card.pic .cost-drop{width:40%;max-width:20px;font-size:10px}.hud .bottom .elixir .drop{position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:38px;height:42px;font-family:var(--chunky);font-weight:400;font-size:20px;z-index:1;padding-top:7px}.hud .bottom .elixir .bar{flex:1;margin-left:18px;height:20px}.hud .elixir-max{right:auto;left:28px;top:auto;bottom:-11px;transform:none;font-size:9px}.hud .emote-btn{left:1.5%;bottom:calc(var(--panel-h) - 40px);width:15%;max-width:54px;z-index:2}.hud .bottom{padding-bottom:15px;background:linear-gradient(#173f96,#0f2c70)}.hud .bottom:before{border-radius:14px 0 0;box-shadow:inset 0 3px #ffffff2e,-4px 0 8px #00000059}.hud .bottom:before{background:url(/art/ui/card-tray.webp) left top / 100% 100% no-repeat;border:0;box-shadow:-4px 0 8px #00000059;border-radius:16px 0 0}.hud .bottom .elixir .drop{background:url(/art/ui/elixir-drop-big.webp) center / contain no-repeat;width:40px;height:45px;padding-top:8px;-webkit-text-stroke:1.5px #4a0a50;paint-order:stroke fill;text-shadow:none}.hud .bottom .elixir .bar{height:18px;background:url(/art/ui/elixir-bar-track.webp) center / 100% 100% no-repeat;border:0;border-radius:9px;overflow:visible}.hud .bottom .elixir .fill{position:absolute;left:1%;right:1%;top:15%;bottom:15%;width:auto!important;background:url(/art/ui/elixir-bar-fill.webp) left center / 100% 100% no-repeat;border-radius:6px;transition:clip-path .05s linear}.hud .bottom .elixir .ticks{display:none}.card.pic .cost-drop{background-image:url(/art/ui/cost-drop.webp);padding-top:14%}.hud .emote-btn{background:url(/art/ui/emote-bubble.webp) center / contain no-repeat;height:44px}.hud .emote-btn i,.hud .emote-btn:after{display:none}.hud .bottom{grid-template-rows:minmax(0,1fr) auto;overflow:visible}.hud .bottom .hand>.card{height:100%;width:auto;max-width:100%;justify-self:center;align-self:end}.hud .bottom .next .card.mini{height:auto}.hud .crowns.foe{top:auto;bottom:calc(var(--panel-h) + (100% - var(--panel-h)) * .53);flex-direction:column}.hud .me-crowns{top:calc((100% - var(--panel-h)) * .53)}.hud .crowns.foe,.hud .crowns.me{background:none;border:0;padding:0;gap:0;align-items:center}.hud .crowns.me{flex-direction:column}.hud .crowns .crown-ico{width:34px;order:0}.hud .crowns.foe .crown-ico{order:1}.hud .crowns .crown-n{display:block;min-width:26px;text-align:center;padding:1px 4px 2px;border-radius:7px;background:#14101ed9;border:2px solid #0a0a14;font-family:var(--chunky);font-size:18px;line-height:1.1}.hud .crowns.foe .crown-n{color:#ff4f6a}.hud .crowns.me .crown-n{color:#5ab0ff}.hud .emote-picker{left:1.5%;bottom:calc(var(--panel-h) + 8px)}.menu .hero,.menu .hero:before{background-image:url(/art/brand/menu-tiles.webp)}.menu .hero .hero-name,.menu .hero .betbox{display:none}.menu .hero .hero-me,.menu .hero .hero-vault{top:1.3%;height:4.4%;width:46%;display:flex;align-items:center;gap:2%;padding:0 3% 0 0;border-radius:999px;background:linear-gradient(#123683,#0b2260);border:2px solid #4f7fd8;box-shadow:0 0 0 2px var(--ink),inset 0 2px #ffffff26;pointer-events:auto}.menu .hero .hero-me{left:2.5%;cursor:pointer;color:#fff}.menu .hero .hero-vault{left:51.5%;justify-content:flex-start}.menu .hero .hero-me .coin,.menu .hero .hero-vault:before{content:"";flex:none;height:118%;aspect-ratio:1;margin-left:-1%;background:url(/art/brand/sol-coin.webp) center / contain no-repeat;display:block}.menu .hero .hero-me span{display:flex;flex-direction:column;line-height:1;min-width:0}.menu .hero .hero-me small,.menu .hero .hero-vault small{font-family:var(--chunky);font-size:clamp(7px,2vw,9px);color:#9ff4ff;letter-spacing:.3px}.menu .hero .hero-me b,.menu .hero .hero-vault b{font-family:var(--chunky);font-weight:400;font-size:clamp(12px,3.6vw,17px);color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;white-space:nowrap}.menu .hero .hero-vault{flex-direction:row}.menu .hero .hero-vault small{display:block}.menu .hero .hero-vault{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:3%;align-content:center}.menu .hero .hero-vault:before{grid-row:1 / 3;height:100%;width:auto}.menu .hero .hero-player{top:7%;left:0;width:68%;height:8%;display:flex;align-items:center;gap:3%;padding-left:3%;background:linear-gradient(100deg,#6b2fc4,#4a2fb0 45%,#2552b5);border-bottom:3px solid #f5c542;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);box-shadow:inset 0 3px #ffffff40}.menu .hero .pl-icon{flex:none;height:82%;aspect-ratio:1;background:url(/art/brand/btn-pvp.webp) center / contain no-repeat;filter:drop-shadow(0 2px 0 var(--ink))}.menu .hero .pl-text{display:flex;flex-direction:column;gap:3px;min-width:0}.menu .hero .pl-name{font-family:var(--chunky);font-weight:400;font-size:clamp(14px,4.4vw,21px);color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink);line-height:1}.menu .hero .pl-stats{font-family:var(--chunky);font-size:clamp(8px,2.3vw,11px);color:#ffe066;-webkit-text-stroke:.8px var(--ink);paint-order:stroke fill}.menu .hero .hero-btn{top:7.6%;width:12%;height:5.6%;border-radius:12px;background:linear-gradient(#3f8cf0,#2457c8) center / 100% 100%;border:2px solid var(--ink);box-shadow:inset 0 3px #ffffff59,inset 0 -3px #00000040,0 3px 0 var(--ink)}.menu .hero .hero-btn:before{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;background:center / contain no-repeat}.menu .hero .hero-btn.sound{left:72%}.menu .hero .hero-btn.more{left:86%}.menu .hero .hero-btn.sound:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%231a1236' stroke-width='1.2' d='M3 9h4l5-4v14l-5-4H3z'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' d='M16 8.5a5 5 0 0 1 0 7M18.8 6a8.5 8.5 0 0 1 0 12'/%3E%3C/svg%3E")}.menu .hero .hero-btn.more:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='%231a1236' stroke-width='5' stroke-linecap='round' d='M5 6h14M5 12h14M5 18h14'/%3E%3Cpath stroke='%23fff' stroke-width='3' stroke-linecap='round' d='M5 6h14M5 12h14M5 18h14'/%3E%3C/svg%3E")}.menu .hero .stage{top:0;bottom:0;transform:translateY(-11.6%) scale(1.14);transform-origin:50% 49%}.menu .hero .unlock{top:60%;left:13%;width:74%;height:4.2%;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2}.menu .hero .unlock.hidden{display:none}.menu .hero .unlock-label{font-family:var(--chunky);font-size:clamp(8px,2.4vw,11px);color:#fff;-webkit-text-stroke:.8px var(--ink);paint-order:stroke fill;white-space:nowrap}.menu .hero .unlock-bar{position:relative;width:100%;flex:1;border-radius:999px;background:#0b1a3d;border:2px solid var(--ink);box-shadow:0 0 0 2px #5f86c9;overflow:hidden}.menu .hero .unlock-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(#ffe680,#f0a800);box-shadow:inset 0 2px #ffffff80}.menu .hero .unlock-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--chunky);font-weight:400;font-size:clamp(8px,2.3vw,11px);color:#fff;-webkit-text-stroke:.8px var(--ink);paint-order:stroke fill}.menu .hero .modes{top:66%;height:5.2%;left:6%;width:88%}.menu .hero .deck-btn,.menu .hero .ticket{top:73.6%;height:11.6%;width:19%;padding:0;border-radius:14px;border:2px solid var(--ink);z-index:2;box-shadow:inset 0 3px #ffffff59,inset 0 -4px #00000040,0 4px 0 var(--ink);transition:transform .1s}.menu .hero .deck-btn:active,.menu .hero .ticket:active{transform:scale(.94)}.menu .hero .deck-btn{left:3%;background:linear-gradient(#3f8cf0,#2457c8)}.menu .hero .deck-btn img{position:absolute;width:58%;top:7%;border-radius:6px;box-shadow:0 2px 0 var(--ink)}.menu .hero .deck-btn img:nth-child(1){left:12%;transform:rotate(-8deg)}.menu .hero .deck-btn img:nth-child(2){left:30%;transform:rotate(6deg)}.menu .hero .deck-btn span{position:absolute;left:0;right:0;bottom:4%;font-family:var(--chunky);font-size:clamp(10px,2.9vw,14px);color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill}.menu .hero .fight{top:73.6%;left:24%;width:52%;height:11.6%;border-radius:16px;overflow:hidden;animation:fight-pulse 1.6s ease-in-out infinite;background:linear-gradient(#fff3a0,#ffd23a 22%,#f7b500 60%,#e48f00);border:3px solid var(--ink);box-shadow:inset 0 4px #ffffff8c,inset 0 -5px #96460073,0 5px 0 var(--ink);font-size:clamp(26px,8vw,38px)}.menu .hero .fight:disabled{background:linear-gradient(#9aa4b3,#5d6675)}.menu .hero .ticket{left:78%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fff;background:linear-gradient(#58b5ff,#2b74e0);clip-path:polygon(0 0,100% 0,100% 38%,90% 50%,100% 62%,100% 100%,0 100%)}.menu .hero .ticket small{font-family:var(--chunky);font-size:clamp(7px,2vw,9px);color:#dff1ff}.menu .hero .ticket b{font-family:var(--chunky);font-weight:400;font-size:clamp(12px,3.6vw,17px);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;line-height:1}.menu .hero .ticket span{font-family:var(--chunky);font-size:clamp(8px,2.3vw,11px);color:#ffe066;-webkit-text-stroke:.6px var(--ink);paint-order:stroke fill}.menu .hero .ticket:after{content:"▲";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);font-size:9px;color:#ffe066}.menu .hero .levels{display:none;top:60.4%;left:4%;width:92%;height:11.6%;z-index:4;padding:0;border-radius:18px;background:linear-gradient(#123683,#0b2260);border:3px solid #f5c542;box-shadow:0 0 0 2px var(--ink),0 8px 20px #00000080}.menu .hero.pick .levels{display:block;animation:pop-in .2s cubic-bezier(.3,1.5,.5,1)}.menu .hero .lvl.easy{left:3%;width:30%;top:12%;height:76%}.menu .hero .lvl.medium{left:35%;width:30%;top:12%;height:76%}.menu .hero .lvl.hard{left:67%;width:30%;top:12%;height:76%}.menu .hero .lvl{border-radius:14px;border:2px solid var(--ink);box-shadow:inset 0 3px #ffffff59,0 3px 0 var(--ink)}.menu .hero .lvl.easy{background:linear-gradient(#7ee25a,#2f9e2a)}.menu .hero .lvl.medium{background:linear-gradient(#ffbf4a,#e07a10)}.menu .hero .lvl.hard{background:linear-gradient(#ff6a6a,#c41e2a)}.menu .hero .tabbar{left:0;right:0;top:89.4%;bottom:0;background:linear-gradient(#173a8a,#0b1f5c);border-top:3px solid #5f86c9;box-shadow:0 -4px 0 var(--ink)}.menu .hero .round-btn{top:90.3%;width:15%;height:6.9%;background-size:100% 100%;z-index:3}.menu .hero .round-btn.burns{left:2.5%}.menu .hero .round-btn.watch-entry{left:22.5%;top:90.3%}.menu .hero .round-btn.swords{left:62.5%;top:90.3%}.menu .hero .round-btn.rules{left:82.5%;top:90.3%}.menu .hero .round-btn.tab-battle{left:38%;top:88.6%;width:24%;height:11.4%;border-radius:14px 14px 0 0;background:url(/art/ui/crown-blue.png) center 28% / 52% auto no-repeat,linear-gradient(#5aa8ff,#2a62d6);border:2px solid var(--ink);border-bottom:0;box-shadow:inset 0 3px #fff6}.menu .hero .round-btn .round-label{bottom:-16%;font-size:clamp(8px,2.3vw,11px);padding:0 5px}.menu .hero .round-btn.tab-battle .round-label{bottom:10%;background:none;border:0;box-shadow:none;font-size:clamp(11px,3.2vw,15px);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill}.menu .hero .deck-pop{top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#060e28db;cursor:pointer}.menu .hero .deck-pop.hidden{display:none}.menu .hero .deck-pop>b{font-family:var(--chunky);font-weight:400;font-size:clamp(20px,6vw,28px);color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.menu .hero .deck-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:90%}.menu .hero .deck-grid img{width:100%;border-radius:8px;box-shadow:0 3px 0 var(--ink)}.menu .hero .deck-pop small{font-family:var(--chunky);color:#cfe0ff;font-size:12px}html body,html body .menu{background:radial-gradient(ellipse at 50% 42%,#1d4fa6,#0f2c6b 40%,#071233) fixed}.menu .menu-info{display:none}html body .menu{overflow:hidden}.menu .hero .torch,.menu .hero .falls,.menu .hero .stage-glow{display:none}.menu .hero .stage-float{animation:none}.menu .hero .hero-player{top:7%;left:.5%;width:69%;height:9.1%;padding-left:24%;background:url(/art/menu4/banner.webp) left center / 100% 100% no-repeat;clip-path:none;border:0;box-shadow:none}.menu .hero .pl-icon{display:none}.menu .hero .hero-btn{top:7.8%;width:12.6%;height:5.8%;border:0;border-radius:0;box-shadow:none;background:center / contain no-repeat}.menu .hero .hero-btn:before{display:none}.menu .hero .hero-btn.sound{left:71.6%;background-image:url(/art/menu4/btn-sound.webp)}.menu .hero .hero-btn.more{left:85.6%;background-image:url(/art/menu4/btn-menu.webp)}.menu .hero .modes,.menu .hero .unlock{display:none!important}.menu .hero .levels{display:block!important;animation:none!important;top:60.6%;left:3%;width:94%;height:11.4%}.menu .hero .lvl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.menu .hero .lvl-tag{font-size:clamp(12px,3.6vw,17px)}.menu .hero .lvl-band{background:none;padding:0;margin:0;font-family:var(--chunky);font-size:clamp(16px,5vw,24px);color:#fff;-webkit-text-stroke:1.4px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink);line-height:1}.menu .hero .lvl.on{transform:scale(1.04)}.menu .hero .lvl.on:after{top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:16px;box-shadow:0 0 0 3px #fff,0 0 16px 4px #ffec8ce6}.menu .hero .lvl.locked{filter:saturate(.45) brightness(.8)}.menu .hero .lvl.locked:after{background:#0a102859}.menu .hero .lvl.locked .lvl-band{display:block;opacity:.85}.menu .hero .lvl-lock{position:absolute!important;left:4%;right:4%;bottom:5%;margin:0;background:#0a1028cc;border-radius:8px;font-size:clamp(6.5px,1.85vw,9px);line-height:1.1;padding:2px 3px;color:#ffe27a;white-space:normal;text-align:center;z-index:2}.menu .hero .lvl-lock:empty{display:none}.menu .hero .lvl.locked:before{content:"";position:absolute;top:-10%;right:-6%;width:30%;aspect-ratio:1;z-index:3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3' fill='none' stroke='%231a1236' stroke-width='4.5'/%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3' fill='none' stroke='%23ffd23a' stroke-width='2.4'/%3E%3Crect x='4' y='10' width='16' height='12' rx='3' fill='%23f5b800' stroke='%231a1236' stroke-width='1.6'/%3E%3Ccircle cx='12' cy='15.5' r='1.8' fill='%231a1236'/%3E%3C/svg%3E") center / contain no-repeat}.menu .hero .deck-btn{top:74%;height:10.4%;width:21%;left:2.5%}.menu .hero .fight{top:74%;height:10.4%;left:25%;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.menu .hero .fight .fight-win{display:block;margin-top:4px;font-size:clamp(14px,4.4vw,21px);color:#6dff8f;-webkit-text-stroke:1.4px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink)}.menu .hero .ticket{top:74%;height:10.4%;width:21%;left:76.5%;background:url(/art/menu4/ticket.webp) center / 100% 100% no-repeat;clip-path:none;border:0;box-shadow:none;padding-top:12%}.menu .hero .ticket:after{content:none}.menu .hero .ticket small{color:#e2f2ff}.menu .hero .ticket b{font-size:clamp(10px,3vw,14px)}.menu .hero .hero.is-practice .ticket b,.menu .hero.is-practice .ticket b{color:#b8ffc6}.menu .hero .payline{top:85.4%;left:4%;width:92%;height:2.6%;display:grid;place-items:center;text-align:center;font-family:var(--font);font-size:clamp(9px,2.6vw,12px);color:#dfe9ff;text-shadow:0 1px 0 var(--ink);pointer-events:none}.menu .hero .tabbar{top:89%;background:#0b1f5c;border-top:3px solid #0a1033;box-shadow:none}.menu .hero .round-btn.burns,.menu .hero .round-btn.watch-entry,.menu .hero .round-btn.swords,.menu .hero .round-btn.rules{top:89.4%;width:20%;height:10.6%;border-radius:0;background-size:58% auto,100% 100%;background-position:center 30%,center;background-repeat:no-repeat}.menu .hero .round-btn.burns{left:0;background-image:url(/art/brand/btn-burned.webp),url(/art/menu4/tab.webp)}.menu .hero .round-btn.watch-entry{left:20%;background:url(/art/brand/btn-live.webp) center 30% / 58% auto no-repeat,url(/art/menu4/tab.webp) center / 100% 100% no-repeat}.menu .hero .round-btn.swords{left:60%;background-image:url(/art/brand/btn-pvp.webp),url(/art/menu4/tab.webp)}.menu .hero .round-btn.rules{left:80%;background-image:url(/art/brand/btn-info.webp),url(/art/menu4/tab.webp)}.menu .hero .round-btn.tab-battle{left:40%;top:88.2%;width:20%;height:11.8%;border:0;border-radius:0;box-shadow:none;background:url(/art/ui/crown-blue.png) center 28% / 56% auto no-repeat,url(/art/menu4/tab-on.webp) center / 100% 100% no-repeat}.menu .hero .round-btn .round-label{bottom:6%}.menu .hero .round-btn.tab-battle .round-label{bottom:9%}.menu .hero .modes-pop{top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2%;background:#060e28e0;padding:0 6%;cursor:pointer}.menu .hero .modes-pop.hidden{display:none}.menu .hero .mp-title{font-family:var(--chunky);font-weight:400;font-size:clamp(20px,6vw,28px);color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;margin-bottom:2%}.menu .hero .mode-card{position:relative;width:100%;height:17%;border-radius:18px;border:3px solid #f5c542;box-shadow:0 0 0 2px var(--ink),0 5px 0 var(--ink);display:grid;grid-template-columns:30% 1fr;grid-template-rows:auto auto;align-content:center;text-align:left;column-gap:4%;padding:0 5% 0 0;color:#fff;transition:transform .1s}.menu .hero .mode-card:active{transform:scale(.96)}.menu .hero .mode-card i{grid-row:1 / 3;height:100%;background:center / 70% auto no-repeat}.menu .hero .mode-card b{font-family:var(--chunky);font-weight:400;font-size:clamp(18px,5.4vw,26px);-webkit-text-stroke:1.4px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink)}.menu .hero .mode-card small{font-family:var(--font);font-size:clamp(10px,2.9vw,13px);color:#e8f0ff}.menu .hero .mode-card.practice{background:linear-gradient(#5fd06a,#2a8f3c)}.menu .hero .mode-card.live{background:linear-gradient(#ff6a6a,#c41e2a)}.menu .hero .mode-card.pvp{background:linear-gradient(#5aa8ff,#2a62d6)}.menu .hero .mode-card.practice i{background-image:url(/art/brand/btn-info.webp)}.menu .hero .mode-card.live i{background-image:url(/art/brand/sol-coin.webp)}.menu .hero .mode-card.pvp i{background-image:url(/art/brand/btn-pvp.webp)}.menu .hero .mp-close{font-family:var(--chunky);color:#cfe0ff;font-size:12px;margin-top:2%}.pop-art .pb-link.has-link{cursor:pointer}.pop-art .pb-link.has-link:after{content:"↗";position:absolute;right:4%;top:50%;transform:translateY(-50%);font-family:var(--chunky);font-size:calc(40 * var(--u));color:#ffe066}.menu .hero .lvl-lock{position:static!important;margin-top:2px;padding:1px 6px;font-size:clamp(6.5px,1.8vw,8.5px);max-width:94%}.menu .hero .lvl.locked .lvl-band{font-size:clamp(13px,4vw,19px)}.menu .hero .round-btn.watch-entry{border:0!important;box-shadow:none!important;outline:0}.menu .hero .ticket{padding-top:22%;gap:0}.menu .hero .ticket small{font-size:clamp(6px,1.7vw,8px)}.menu .hero .ticket b{font-size:clamp(9px,2.7vw,13px)}.menu .hero .ticket span{font-size:clamp(6.5px,1.9vw,9px)}.menu .hero .ticket{padding-top:13%}.menu .hero .mode-card i{background-size:contain;margin:14% 0 14% 14%;height:auto;align-self:stretch}.menu .hero .ticket{padding:24% 7% 8% 5%;display:flex;flex-direction:column;justify-content:center;gap:4%}.menu .hero .tk-opt{display:flex;flex-direction:column;align-items:center;width:100%;border-radius:8px;padding:3% 0;line-height:1;transition:background .15s,opacity .15s;opacity:.45}.menu .hero .tk-opt b{font-family:var(--chunky);font-weight:400;font-size:clamp(9px,2.6vw,12.5px);color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill}.menu .hero .tk-opt small{font-family:var(--chunky);font-size:clamp(6px,1.7vw,8px);color:#dfe9ff;margin-top:1px}.menu .hero:not(.is-practice) .tk-live,.menu .hero.is-practice .tk-practice{opacity:1;background:#0a143c8c;box-shadow:inset 0 0 0 2px #ffe066}.menu .hero:not(.is-practice) .tk-live b{color:#ffe066}.menu .hero.is-practice .tk-practice b{color:#b8ffc6}.menu .hero .ticket.flip{animation:tk-flip .32s ease-out}@keyframes tk-flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg) scale(.95)}to{transform:rotateY(0)}}.menu .hero .ticket{padding:26% 9% 10% 6%}.menu .hero .tk-opt b{white-space:nowrap;font-size:clamp(8.5px,2.35vw,11.5px)}.menu .hero .tk-opt small{display:none;white-space:nowrap}.menu .hero:not(.is-practice) .tk-live small,.menu .hero.is-practice .tk-practice small{display:block}.menu .hero .stage{display:none}.menu .hero .diorama{position:absolute;left:4%;top:16.6%;width:92%;pointer-events:none;filter:drop-shadow(0 12px 16px rgba(5,15,50,.55))}.menu .hero .lvl.locked:before{background-image:url(/art/menu4/padlock.webp);width:24%;aspect-ratio:986 / 1192;top:-14%;right:-4%}html body,html body .menu{background:linear-gradient(#050a2359,#050a238c),url(/art/menu4/desktop-bg.webp) center / cover no-repeat fixed}.menu .hero .ticket{box-sizing:border-box}.menu .hero .lvl.locked:before{width:20%;top:-24%;right:-7%}.menu .hero .ticket{padding:6.6% 2% 1.4% 1.2%;gap:2px}.menu .hero .fight .fight-win em{font-style:normal;display:inline-block;margin-left:4px;padding:1px 6px;border-radius:8px;font-size:.72em;color:#13183a;background:linear-gradient(#b8ff9a,#4fd06a);-webkit-text-stroke:0;text-shadow:none;vertical-align:2px}.menu .hero .tk-opt{flex-direction:row;justify-content:flex-start;gap:4%;padding:3% 4%}.menu .hero .tk-opt>span{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.menu .hero .tk-ico{flex:none;width:26%;aspect-ratio:1;background:center / contain no-repeat;filter:drop-shadow(0 1px 0 var(--ink))}.menu .hero .tk-live .tk-ico{background-image:url(/art/brand/sol-coin.webp)}.menu .hero .tk-practice .tk-ico{background-image:url(/art/menu4/practice-icon.webp),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23fff' stroke='%231a1236' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='7' fill='%23e33'/%3E%3Ccircle cx='12' cy='12' r='4.2' fill='%23fff'/%3E%3Ccircle cx='12' cy='12' r='1.8' fill='%23e33'/%3E%3C/svg%3E")}.menu .hero .tk-opt b{font-size:clamp(8px,2.15vw,10.5px)}.screen.pvp2{padding:0;gap:0;justify-content:center;overflow:hidden;background:linear-gradient(#050a2359,#050a238c),url(/art/menu4/desktop-bg.webp) center / cover no-repeat}.pvp2-col{position:relative;flex:none;width:min(100%,460px,calc(100dvh * 852 / 1846));aspect-ratio:852 / 1846;background:url(/art/brand/menu-tiles.webp) center / 100% 100%;container-type:inline-size;animation:pop-in .25s cubic-bezier(.3,1.5,.5,1)}.pvp2-col>*{position:absolute}.pvp2-col b,.pvp2-label{font-family:var(--chunky);font-weight:400;color:#fff;-webkit-text-stroke:.35cqw var(--ink);paint-order:stroke fill;text-shadow:0 .5cqw 0 var(--ink)}.pvp2-title{top:3.4%;left:5%;width:74%;display:flex;flex-direction:column;gap:.6cqw}.pvp2-title b{font-size:6.4cqw;line-height:1}.pvp2-title small{font-family:var(--font);font-size:3cqw;color:#cfe0ff}.pvp2-x{top:3%;right:4%;width:12.6%;aspect-ratio:1;border:0;padding:0;background:url(/art/menu4/btn-menu.webp) center / contain no-repeat;cursor:pointer}.pvp2-x:after{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--chunky);font-size:6cqw;color:#fff;-webkit-text-stroke:.3cqw var(--ink);paint-order:stroke fill;background:linear-gradient(#3f8cf0,#2457c8);border-radius:18%;margin:12%}.pvp2-versus{top:12%;left:4%;width:92%;height:30%}.pvp2-card{position:absolute;top:0;width:42%;height:100%;border-radius:4cqw;overflow:hidden;border:1.2cqw solid #f5c542;box-shadow:0 0 0 .5cqw var(--ink),0 1.4cqw 0 var(--ink);background:#0b1f5c}.pvp2-card.you{left:0}.pvp2-card.them{right:0}.pvp2-card img{width:100%;height:100%;object-fit:cover;display:block}.pvp2-card b{position:absolute;left:0;right:0;bottom:0;padding:2cqw 0 2.4cqw;text-align:center;font-size:4.4cqw;background:linear-gradient(transparent,#050c28e6)}.pvp2-vs{left:50%;top:50%;width:30%;transform:translate(-50%,-50%);filter:drop-shadow(0 1cqw 0 var(--ink));animation:vs-pulse 1.4s ease-in-out infinite}@keyframes vs-pulse{50%{transform:translate(-50%,-50%) scale(1.08)}}.pvp2-label{top:45%;left:0;right:0;text-align:center;font-size:4cqw;color:#ffe066}.pvp2-bets{top:48.6%;left:4%;width:92%;height:9.4%;display:flex;gap:3%;padding:2%;border-radius:4cqw;background:linear-gradient(#123683,#0b2260);border:.8cqw solid #f5c542;box-shadow:0 0 0 .4cqw var(--ink)}.pvp2-bet{flex:1;border:.5cqw solid var(--ink);border-radius:3cqw;cursor:pointer;box-shadow:inset 0 .8cqw #ffffff59,0 .8cqw 0 var(--ink);transition:transform .1s}.pvp2-bet b{font-size:5.4cqw}.pvp2-bet.t0{background:linear-gradient(#7ee25a,#2f9e2a)}.pvp2-bet.t1{background:linear-gradient(#ffbf4a,#e07a10)}.pvp2-bet.t2{background:linear-gradient(#ff6a6a,#c41e2a)}.pvp2-bet.on{transform:scale(1.05);box-shadow:0 0 0 .8cqw #fff,0 0 4cqw 1cqw #ffec8ce6}.pvp2-quick,.pvp2-link{left:6%;width:88%;border-radius:4cqw;border:.7cqw solid var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8cqw;transition:transform .1s}.pvp2-quick:active,.pvp2-link:active,.pvp2-bet:active{transform:scale(.96)}.pvp2-quick{top:61.4%;height:12.4%;background:linear-gradient(#fff3a0,#ffd23a 22%,#f7b500 60%,#e48f00);box-shadow:inset 0 1cqw #ffffff8c,inset 0 -1.2cqw #96460073,0 1.2cqw 0 var(--ink);animation:fight-pulse 1.6s ease-in-out infinite}.pvp2-quick b{font-size:7.6cqw;line-height:1}.pvp2-quick small{font-family:var(--chunky);font-size:4cqw;color:#6dff8f;-webkit-text-stroke:.3cqw var(--ink);paint-order:stroke fill;text-shadow:0 .4cqw 0 var(--ink)}.pvp2-link{top:76.6%;height:9.6%;background:linear-gradient(#5aa8ff,#2a62d6);box-shadow:inset 0 1cqw #fff6,0 1.2cqw 0 var(--ink)}.pvp2-link b{font-size:5.6cqw}.pvp2-link small{font-family:var(--font);font-size:3cqw;color:#e8f0ff}.pvp2-paste{top:89%;left:6%;width:88%;height:6%;display:flex;gap:2%}.pvp2-code{flex:1;min-width:0;border-radius:3cqw;border:.6cqw solid #f5c542;background:#0b1f5c;color:#fff;padding:0 3cqw;font-family:var(--chunky);font-size:3.6cqw;outline:none}.pvp2-code::placeholder{color:#cfe0ff8c}.pvp2-code.bad{animation:shake .3s}.pvp2-go{width:22%;border-radius:3cqw;border:.6cqw solid var(--ink);background:linear-gradient(#7ee25a,#2f9e2a);color:#fff;font-family:var(--chunky);font-size:4.6cqw;-webkit-text-stroke:.3cqw var(--ink);paint-order:stroke fill;cursor:pointer}.pvp2-versus .pvp2-vs{position:absolute;z-index:2}body .pvp-wait-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(#050a2359,#050a238c),url(/art/menu4/desktop-bg.webp) center / cover no-repeat,#0b1f5c}body .pvp-wait-screen.hidden{display:none}.pw-col{position:relative;width:min(100%,460px,calc(100dvh * 852 / 1846));aspect-ratio:852 / 1846;background:url(/art/brand/menu-tiles.webp) center / 100% 100%;container-type:inline-size;animation:pop-in .25s cubic-bezier(.3,1.5,.5,1)}.pw-col b{font-family:var(--chunky);font-weight:400;color:#fff;-webkit-text-stroke:.35cqw var(--ink);paint-order:stroke fill;text-shadow:0 .5cqw 0 var(--ink)}.pw-title{position:absolute;top:4%;left:5%;right:5%;text-align:center;display:flex;flex-direction:column;gap:1cqw}.pw-title b{font-size:7cqw;line-height:1.05}.pw-title small{font-family:var(--font);font-size:3.2cqw;color:#cfe0ff}.pw-versus{position:absolute;top:15%;left:6%;width:88%;height:26%}.pw-versus .pvp2-vs{position:absolute;z-index:2}.pw-versus.searching .pvp2-card.them{animation:pw-search 1.2s ease-in-out infinite}@keyframes pw-search{50%{filter:brightness(1.5);box-shadow:0 0 0 .5cqw var(--ink),0 0 6cqw 1cqw #6ebeffcc}}.pw-body{position:absolute;top:45%;left:6%;right:6%;bottom:4%;display:flex;flex-direction:column;gap:3.2cqw}.pw-plaque{display:flex;align-items:center;justify-content:center;gap:3cqw;padding:3.4cqw 2cqw;border-radius:4cqw;background:linear-gradient(#123683,#0b2260);border:.8cqw solid #f5c542;box-shadow:0 0 0 .4cqw var(--ink);font-family:var(--chunky);font-size:3.2cqw;color:#cfe0ff;text-align:center}.pw-plaque span{display:flex;flex-direction:column;gap:.8cqw}.pw-plaque b{font-size:6.4cqw}.pw-plaque b.win{color:#6dff8f}.pw-plaque .pw-arrow{font-size:6cqw;color:#ffe066}.pw-link{display:flex;gap:2cqw}.pw-link input{flex:1;min-width:0;border-radius:3cqw;border:.6cqw solid #f5c542;background:#0b1f5c;color:#fff;padding:0 3cqw;font-family:var(--font);font-size:3.2cqw;outline:none}.pw-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6cqw;padding:3cqw 4cqw;border-radius:4cqw;border:.7cqw solid var(--ink);cursor:pointer;text-decoration:none;box-shadow:inset 0 1cqw #fff6,0 1.2cqw 0 var(--ink);transition:transform .1s}.pw-btn:active{transform:scale(.96)}.pw-btn b{font-size:5.6cqw}.pw-btn small{font-family:var(--font);font-size:2.9cqw;color:#fff;opacity:.9}.pw-btn.yellow{background:linear-gradient(#fff3a0,#ffd23a 22%,#f7b500 60%,#e48f00)}.pw-btn.yellow.big{padding:5cqw}.pw-btn.yellow.big b{font-size:7.4cqw}.pw-btn.blue{background:linear-gradient(#5aa8ff,#2a62d6)}.pw-btn.red{background:linear-gradient(#ff6a6a,#c41e2a);margin-top:auto}.pw-btn.x{background:linear-gradient(#2a2f3a,#05070c)}.pw-left{text-align:center;font-family:var(--chunky);font-size:3.4cqw;color:#cfe0ff}.pw-left b{font-size:5.4cqw;color:#ffe066;margin-left:1cqw}.pvp-fallback p{font-family:var(--font);font-size:3.2cqw;color:#dfe9ff;text-align:center;margin:0 0 2cqw}.pvp-fallback.hidden{display:none}.menu .hero .dio-life{position:absolute;left:4%;top:16.6%;width:92%;aspect-ratio:900 / 878;pointer-events:none;overflow:hidden;container-type:inline-size}.menu .hero .dio-life .river{position:absolute;left:18%;right:18%;top:46.4%;height:3.6%;border-radius:40%;background:repeating-linear-gradient(100deg,transparent 0 7%,rgba(255,255,255,.55) 8%,transparent 10%) 0 0 / 300% 100%;mix-blend-mode:screen;opacity:.6;animation:river-flow 5s linear infinite}@keyframes river-flow{to{background-position:-100% 0}}.menu .hero .walker{position:absolute;width:15%;aspect-ratio:1;margin:-7.5% 0 0 -7.5%;background-size:1200% 800%;background-repeat:no-repeat;opacity:0;animation:walk-frames 1s steps(12) infinite,var(--path) var(--dur) linear infinite;animation-delay:0s,var(--delay)}@keyframes walk-frames{0%{background-position-x:0%}to{background-position-x:109.0909%}}.menu .hero .walker.w1{background-image:url(/art/sprites/hodler-v5-walk.webp);background-position-y:57.1429%;--path: lane-left-up;--dur: 9s;--delay: 0s}.menu .hero .walker.w2{background-image:url(/art/sprites/degens-v1-red-walk.webp);background-position-y:0%;--path: lane-right-down;--dur: 8s;--delay: -3s;width:12%;margin:-6% 0 0 -6%}.menu .hero .walker.w3{background-image:url(/art/sprites/snipers-v1-walk.webp);background-position-y:57.1429%;--path: lane-right-up;--dur: 10s;--delay: -6s}.menu .hero .walker.w4{background-image:url(/art/sprites/bear-v1-red-walk.webp);background-position-y:0%;--path: lane-left-down;--dur: 11s;--delay: -8s}@keyframes lane-left-up{0%{left:30%;top:66%;opacity:0}8%{opacity:1}55%{opacity:1}62%{left:30%;top:34%;opacity:0}to{left:30%;top:34%;opacity:0}}@keyframes lane-right-up{0%{left:70%;top:66%;opacity:0}8%{opacity:1}55%{opacity:1}62%{left:70%;top:34%;opacity:0}to{left:70%;top:34%;opacity:0}}@keyframes lane-right-down{0%{left:70%;top:30%;opacity:0}8%{opacity:1}55%{opacity:1}62%{left:70%;top:62%;opacity:0}to{left:70%;top:62%;opacity:0}}@keyframes lane-left-down{0%{left:30%;top:30%;opacity:0}8%{opacity:1}55%{opacity:1}62%{left:30%;top:62%;opacity:0}to{left:30%;top:62%;opacity:0}}@media (prefers-reduced-motion: reduce){.menu .hero .walker,.menu .hero .dio-life .river{animation:none;opacity:0}}.menu .hero .walker{width:24%;margin:-12% 0 0 -12%}.menu .hero .walker.w2{width:20%;margin:-10% 0 0 -10%}.menu .hero .ticket{left:76.5%;width:21%;padding:0;gap:0;background:none;border:0;box-shadow:none;clip-path:none;perspective:600px;display:block}.menu .hero .ticket.flip{animation:none}.menu .hero .tk-opt{display:none}.menu .hero .tk-flip{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,1.4,.5,1)}.menu .hero.is-practice .tk-flip{transform:rotateY(180deg)}.menu .hero .tk-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;border:2px solid var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6% 4% 8%;box-shadow:inset 0 3px #ffffff59,inset 0 -4px #00000040,0 4px 0 var(--ink)}.menu .hero .tk-live{background:linear-gradient(#7b4dff,#3a1fa8)}.menu .hero .tk-practice{background:linear-gradient(#5fd06a,#2a8f3c);transform:rotateY(180deg)}.menu .hero .tk-face .tk-ico{width:64%;aspect-ratio:1;flex:none;filter:drop-shadow(0 2px 0 var(--ink))}.menu .hero .tk-face b{font-family:var(--chunky);font-weight:400;font-size:clamp(10px,2.9vw,14px);color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;line-height:1;white-space:nowrap}.menu .hero .tk-face small{display:block!important;font-family:var(--chunky);font-size:clamp(6.5px,1.8vw,8.5px);color:#e8f0ff;-webkit-text-stroke:.5px var(--ink);paint-order:stroke fill;white-space:nowrap}.menu .hero .tk-hint{position:absolute;left:50%;bottom:-13%;transform:translate(-50%);white-space:nowrap;font-family:var(--chunky);font-size:clamp(6px,1.6vw,8px);color:#ffe066;-webkit-text-stroke:.4px var(--ink);paint-order:stroke fill}.menu .hero .ticket:active .tk-flip{scale:.95}.menu .hero .ticket .tk-face.tk-live{background:linear-gradient(#7b4dff,#3a1fa8)}.menu .hero .ticket .tk-face.tk-practice{background:linear-gradient(#5fd06a,#2a8f3c)}.menu .hero .ticket .tk-face{opacity:1;box-shadow:inset 0 3px #ffffff59,inset 0 -4px #00000040,0 4px 0 var(--ink)}.menu .hero .ticket .tk-face b{color:#fff}.menu .hero .ticket .tk-face{transition:opacity 0s .12s}.menu .hero:not(.is-practice) .ticket .tk-practice,.menu .hero.is-practice .ticket .tk-live{opacity:0}.menu .hero .ticket .tk-practice .tk-ico{background-image:url(/art/menu4/practice-icon.webp)}.menu .hero .deck-card{position:relative;display:block}.menu .hero .deck-card img{display:block}.menu .hero .deck-card .cost-drop{position:absolute;left:50%;bottom:-7%;transform:translate(-50%);width:34%;aspect-ratio:26 / 30;display:grid;place-items:center;padding-top:12%;box-sizing:border-box;background:url(/art/ui/elixir-drop.png) center / contain no-repeat;font-family:var(--chunky);font-size:clamp(12px,3.6vw,17px);color:#fff;-webkit-text-stroke:1.2px #3a0a40;paint-order:stroke fill}.menu .hero .deck-grid{row-gap:16px}