*{margin:0;padding:0;box-sizing:border-box}:root{--bg0: #171a2b;--bg1: #1f2340;--panel: #262b4d;--panel2: #2f3560;--line: #3c4375;--text: #f0f2ff;--dim: #9aa3d0;--gold: #ffd166;--energy: #ffd60a;--fresh: #4fce7a;--junk: #c95df0;--danger: #ff5d73;--blue: #57b7ff;--r: 16px}html,body{height:100%;overflow:hidden;background:var(--bg0);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none}button{font-family:inherit;cursor:pointer}#bg-canvas-wrap{position:fixed;inset:0;z-index:0}#bg-canvas{width:100%;height:100%;display:block}#app{position:relative;z-index:1;height:100%;overflow:hidden auto}.btn{border:0;border-radius:14px;padding:12px 22px;font-size:16px;font-weight:800;letter-spacing:.4px;color:#1b2030;background:linear-gradient(180deg,#ffe08a,var(--gold));box-shadow:0 4px #b98900,0 8px 18px #00000059;transition:transform .06s,box-shadow .06s,filter .15s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(3px);box-shadow:0 1px #b98900,0 4px 10px #0000004d}.btn:disabled{filter:grayscale(.7) brightness(.7);cursor:default;transform:none}.btn.big{font-size:20px;padding:16px 34px;border-radius:18px}.btn.blue{background:linear-gradient(180deg,#8fd0ff,var(--blue));box-shadow:0 4px #1d6db3,0 8px 18px #00000059}.btn.blue:active{box-shadow:0 1px #1d6db3,0 4px 10px #0000004d}.btn.ghost{background:var(--panel2);color:var(--text);box-shadow:0 4px #191d38,0 8px 18px #0000004d}.btn.ghost:active{box-shadow:0 1px #191d38}.btn.danger{background:linear-gradient(180deg,#ff8a9b,var(--danger));box-shadow:0 4px #a92339;color:#2b0713}.panel{background:var(--panel);border:2px solid var(--line);border-radius:var(--r);box-shadow:0 10px 30px #00000059}input{width:100%;padding:12px 14px;border-radius:12px;border:2px solid var(--line);background:#1b1f38;color:var(--text);font-size:15px;outline:none}input:focus{border-color:var(--blue)}.err{color:var(--danger);font-size:13px;min-height:18px;font-weight:600}h1.logo{font-size:clamp(38px,7vw,64px);font-weight:900;letter-spacing:2px;text-align:center;background:linear-gradient(180deg,#fff,#ffd166 55%,#f5822a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.45))}.tagline{text-align:center;color:var(--dim);font-weight:600;margin-top:-4px}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,94vw);padding:26px 26px 22px;display:flex;flex-direction:column;gap:12px}.tabs{display:flex;gap:8px;background:#1b1f38;padding:6px;border-radius:12px}.tabs button{flex:1;border:0;border-radius:9px;padding:10px;background:transparent;color:var(--dim);font-weight:800;font-size:14px}.tabs button.active{background:var(--panel2);color:var(--text)}.field label{font-size:12px;font-weight:700;color:var(--dim);display:block;margin-bottom:5px;letter-spacing:.5px}.login-note{font-size:12px;color:var(--dim);text-align:center}.home{max-width:1180px;margin:0 auto;padding:14px 18px 26px;display:flex;flex-direction:column;gap:14px;min-height:100%}.topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;flex-wrap:wrap}.topbar .who{display:flex;flex-direction:column}.topbar .who .name{font-weight:900;font-size:18px}.topbar .who .sub{font-size:12px;color:var(--dim)}.topbar .spacer{flex:1}.stat{display:flex;align-items:center;gap:7px;background:#1b1f38;padding:7px 13px;border-radius:999px;font-weight:800;font-size:14px}.stat .ico{font-size:16px}.topbar .btn{padding:9px 16px;font-size:14px}.home-grid{display:grid;grid-template-columns:340px 1fr;gap:14px;align-items:start}@media (max-width: 900px){.home-grid{grid-template-columns:1fr}}.leader-pane{padding:16px;display:flex;flex-direction:column;gap:12px}.leader-pane .big-portrait{width:100%;border-radius:14px;display:block}.leader-pane h2{font-size:22px;font-weight:900}.leader-pane .title{color:var(--gold);font-size:13px;font-weight:700;margin-top:-8px}.leader-pane .ability{background:#1b1f38;border-radius:12px;padding:10px 12px;font-size:13px;color:var(--dim);line-height:1.45}.leader-pane .ability b{color:var(--text)}.leader-stats{display:flex;gap:8px;flex-wrap:wrap}.leader-stats .stat{font-size:12px;padding:5px 10px}.leader-row{display:flex;gap:8px;flex-wrap:wrap}.leader-chip{border:3px solid transparent;border-radius:14px;padding:0;overflow:hidden;background:#1b1f38;width:64px;height:64px;position:relative}.leader-chip img,.leader-chip canvas{width:100%;height:100%;display:block}.leader-chip.sel{border-color:var(--gold);box-shadow:0 0 14px #ffd16680}.leader-chip .lv{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:900;color:var(--gold);text-shadow:0 1px 2px #000}.faction-label{font-size:11px;font-weight:900;letter-spacing:1.5px;color:var(--dim);margin:4px 0 2px}.faction-label.fresh{color:var(--fresh)}.faction-label.junk{color:var(--junk)}.deck-pane{padding:16px;display:flex;flex-direction:column;gap:12px}.deck-pane h3{font-weight:900;font-size:16px;display:flex;align-items:center;gap:10px}.deck-pane h3 .avg{margin-left:auto;color:var(--energy);font-size:14px}.deck-slots{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}@media (max-width: 700px){.deck-slots{grid-template-columns:repeat(4,1fr)}}.card-tile{position:relative;border-radius:12px;overflow:hidden;background:#1b1f38;border:2px solid var(--line);aspect-ratio:3 / 3.6;cursor:pointer;transition:transform .08s}.card-tile:hover{transform:translateY(-3px)}.card-tile img,.card-tile canvas{width:100%;height:72%;object-fit:cover;display:block}.card-tile .nm{position:absolute;left:0;right:0;bottom:0;height:28%;display:grid;place-items:center;font-size:10px;font-weight:800;text-align:center;line-height:1.1;padding:0 3px;background:#141830}.card-tile .cost{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2c0,var(--energy) 70%);color:#423600;font-weight:900;font-size:12px;display:grid;place-items:center;box-shadow:0 2px 4px #00000080}.card-tile .lv{position:absolute;top:4px;right:5px;font-size:10px;font-weight:900;color:var(--gold);text-shadow:0 1px 2px #000}.card-tile .uniq{position:absolute;top:28px;right:4px;font-size:11px}.card-tile.leader-slot{border-color:var(--gold)}.card-tile.empty{border-style:dashed;display:grid;place-items:center;color:var(--dim);font-size:22px}.card-tile.locked{opacity:.55;cursor:default}.card-tile.locked .lock{position:absolute;inset:0;display:grid;place-items:center;font-size:20px;background:#0a0c1a8c}.card-tile .lock small{display:block;font-size:9px;font-weight:800;color:var(--dim);text-align:center}.card-tile.dim{filter:grayscale(.85) brightness(.6)}.card-tile.in-deck{outline:3px solid var(--fresh);outline-offset:-3px}.collection-head{display:flex;align-items:center;gap:10px;margin-top:4px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.card-tile .shards{position:absolute;left:0;right:0;bottom:28%;height:5px;background:#0000008c}.card-tile .shards i{display:block;height:100%;background:var(--blue)}.card-tile .upg{position:absolute;left:3px;bottom:calc(28% + 8px);border:0;border-radius:8px;padding:3px 7px;font-size:10px;font-weight:900;color:#123312;background:linear-gradient(180deg,#9dff9d,#3ecf5a);box-shadow:0 2px #1d7a32}.battle-cta{display:flex;gap:12px;align-items:center;padding:16px;flex-wrap:wrap}.battle-cta .hint{color:var(--dim);font-size:13px;flex:1;min-width:200px;line-height:1.5}.pack-badge{position:relative}.pack-badge .n{position:absolute;top:-7px;right:-7px;background:var(--danger);color:#fff;font-size:11px;font-weight:900;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--bg0)}.history{padding:12px 16px}.history h3{font-size:14px;font-weight:900;margin-bottom:8px;color:var(--dim)}.history ul{list-style:none;display:flex;flex-direction:column;gap:6px}.history li{display:flex;gap:10px;font-size:13px;align-items:center}.history .w{color:var(--fresh);font-weight:900}.history .l{color:var(--danger);font-weight:900}.history .d{color:var(--dim);font-weight:900}.history .op{color:var(--dim)}.modal-back{position:fixed;inset:0;z-index:50;background:#0a0c1ac7;display:grid;overflow-y:auto;padding:14px 10px;backdrop-filter:blur(3px)}.modal{margin:auto;padding:22px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;max-width:min(560px,94vw)}.modal h2{font-size:26px;font-weight:900}.queue-dots{font-size:34px;letter-spacing:6px;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}.vs-back{background:radial-gradient(ellipse at center,#1e2242f5,#080a16fa)}.vs-stage{margin:auto;display:flex;align-items:center;gap:clamp(14px,5vw,48px)}.vs-side{display:flex;flex-direction:column;align-items:center;gap:4px}.vs-portrait canvas{width:clamp(120px,24vw,260px);height:auto;border-radius:20px;box-shadow:0 0 40px #57b7ff59,0 16px 40px #0009}.vs-side:last-child .vs-portrait canvas{box-shadow:0 0 40px #ff5d7359,0 16px 40px #0009}.vs-leader{font-size:clamp(20px,4.4vw,44px);font-weight:900;letter-spacing:1px;text-transform:uppercase;text-shadow:0 4px 0 rgba(0,0,0,.55)}.vs-player{font-size:clamp(11px,1.6vw,15px);color:var(--dim);font-weight:700}.vs-badge{font-size:clamp(38px,8vw,84px);font-weight:900;color:var(--danger);text-shadow:0 0 26px rgba(255,93,115,.8),0 5px 0 rgba(0,0,0,.5)}.slide-l{animation:slideL .55s cubic-bezier(.2,1.4,.4,1) both}.slide-r{animation:slideR .55s cubic-bezier(.2,1.4,.4,1) both}.boom-in{animation:boomIn .5s .35s cubic-bezier(.2,1.8,.4,1) both,pulse 1s .9s infinite}@keyframes slideL{0%{transform:translate(-70vw) rotate(-6deg);opacity:0}}@keyframes slideR{0%{transform:translate(70vw) rotate(6deg);opacity:0}}@keyframes boomIn{0%{transform:scale(4);opacity:0}}.banner-drop{animation:bannerDrop .55s cubic-bezier(.2,1.6,.4,1) both}@keyframes bannerDrop{0%{transform:translateY(-60px) scale(2.4);opacity:0}}#result-hero canvas{width:120px;height:120px;border-radius:18px}.hero-bounce{animation:heroBounce .9s cubic-bezier(.3,1.6,.4,1) both}.hero-sink{filter:grayscale(.6);opacity:.8}@keyframes heroBounce{0%{transform:translateY(80px) scale(.4)}60%{transform:translateY(-12px) scale(1.08)}}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden}.confetti span{position:absolute;top:-6vh;font-size:24px;animation:confFall 2.6s linear infinite}@keyframes confFall{to{transform:translateY(115vh) rotate(540deg)}}.pack-stage{min-height:min(240px,34vh);display:grid;place-items:center;width:100%}.pack-box{width:150px;height:180px;border-radius:18px;background:linear-gradient(160deg,#ffd166,#f5822a 60%,#d1495b);box-shadow:0 14px 40px #f5822a73,inset 0 -8px #0000002e;display:grid;place-items:center;font-size:56px;cursor:pointer;animation:packbob 1.6s ease-in-out infinite;border:0}@keyframes packbob{50%{transform:translateY(-10px) rotate(-2deg)}}.pack-cards{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pack-reveal{width:92px;border-radius:12px;background:#1b1f38;border:2px solid var(--line);padding:6px;display:flex;flex-direction:column;align-items:center;gap:4px;animation:flipin .5s backwards}.pack-reveal img,.pack-reveal canvas{width:100%;border-radius:8px}.pack-reveal .nm{font-size:10px;font-weight:800;text-align:center}.pack-reveal .sh{font-size:12px;font-weight:900;color:var(--blue)}@keyframes flipin{0%{transform:rotateY(90deg) scale(.7);opacity:0}}#battle{position:fixed;inset:0;z-index:10;background:#0e1120;touch-action:none}#arena{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}#hud{position:absolute;inset:0;pointer-events:none;touch-action:none}#hud-top{position:absolute;top:6px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:96vw}#hud-timer{font-size:16px;font-weight:800;letter-spacing:.5px;background:#0d10229e;border:1px solid rgba(120,132,200,.35);padding:3px 13px;border-radius:999px;backdrop-filter:blur(4px);font-variant-numeric:tabular-nums}#hud-timer.overtime{color:var(--danger);border-color:var(--danger);animation:pulse 1s infinite}.score{display:flex;align-items:center;gap:6px;font-weight:700;font-size:11px;color:#cdd4f5;background:#0d10229e;border:1px solid rgba(120,132,200,.28);padding:3px 10px;border-radius:999px;backdrop-filter:blur(4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score .t{letter-spacing:1px;font-size:10px}#hud-banner{position:absolute;top:20%;left:50%;transform:translate(-50%);font-size:clamp(16px,3.4vw,32px);font-weight:900;letter-spacing:1.5px;text-shadow:0 3px 0 rgba(0,0,0,.55);opacity:0;transition:opacity .25s;pointer-events:none;text-align:center;white-space:nowrap}#hud-banner.show{opacity:1}#hud-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 14px calc(8px + env(safe-area-inset-bottom))}#hand-wrap{pointer-events:auto;touch-action:none;display:flex;flex-direction:column;gap:6px;background:#0d10229e;border:1px solid rgba(120,132,200,.3);border-radius:14px;padding:7px 9px;backdrop-filter:blur(5px)}#energy-row{display:flex;align-items:center;gap:7px}#hand-row{display:flex;align-items:flex-end;gap:7px}#next-card{display:flex;flex-direction:column;align-items:center;gap:2px;opacity:.8;align-self:center}#next-card .next-label{font-size:8px;font-weight:900;color:var(--dim);letter-spacing:1px}#next-art{width:36px;height:46px;border-radius:8px;overflow:hidden;background:#1b1f38;border:1px solid var(--line)}#next-art canvas,#next-art img{width:100%;height:100%;object-fit:cover}#hand{display:flex;gap:7px}.hand-card{position:relative;width:64px;height:84px;border-radius:11px;border:2px solid var(--line);background:#1b1f38;overflow:hidden;cursor:grab;pointer-events:auto;touch-action:none;transition:transform .08s,border-color .12s,filter .12s;padding:0}.hand-card img,.hand-card canvas{width:100%;height:70%;object-fit:cover;display:block;pointer-events:none}.hand-card .nm{position:absolute;bottom:0;left:0;right:0;height:30%;background:#141830;font-size:9.5px;font-weight:800;display:grid;place-items:center;text-align:center;line-height:1.05;padding:0 2px;pointer-events:none}.hand-card .cost{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2c0,var(--energy) 70%);color:#423600;font-weight:900;font-size:11px;display:grid;place-items:center;box-shadow:0 2px 5px #0000008c;pointer-events:none}.hand-card.unplayable{filter:grayscale(.75) brightness(.55);cursor:default}.hand-card.selected{border-color:var(--gold);transform:translateY(-8px);box-shadow:0 0 18px #ffd16673}.hand-card:not(.unplayable):hover{transform:translateY(-5px)}#energy-bar{position:relative;flex:1;height:13px;border-radius:999px;background:#12152b;border:1px solid var(--line);overflow:hidden}#energy-fill{position:absolute;inset:0;width:50%;background:linear-gradient(90deg,#ffb703,var(--energy));box-shadow:0 0 12px #ffd60a99;transition:width .15s linear}#energy-pips{position:absolute;inset:0;display:flex}#energy-pips i{flex:1;border-right:1px solid rgba(10,12,26,.6)}#energy-pips i:last-child{border-right:0}#energy-num{font-size:14px;font-weight:900;color:var(--energy);text-shadow:0 2px 0 rgba(0,0,0,.4);min-width:18px;text-align:right}#ability-btn{pointer-events:auto;touch-action:none;position:relative;width:66px;height:66px;border-radius:50%;border:2px solid var(--gold);background:#1b1f38;overflow:hidden;align-self:flex-end;margin-left:3px;box-shadow:0 4px 14px #00000080,0 0 14px #ffd16640;transition:transform .08s,filter .15s}#ability-btn:active{transform:scale(.94)}#ability-btn canvas{position:absolute;inset:0;width:100%;height:100%}#ability-btn.cooling{filter:grayscale(.8) brightness(.6)}#ability-btn.targeting{border-color:var(--blue);box-shadow:0 0 22px #57b7ffb3}#ability-cd{position:absolute;inset:-3px;transform:rotate(-90deg)}#ability-cd circle{fill:none;stroke:#ffffffd9;stroke-width:4;stroke-dasharray:113;stroke-dashoffset:113}#respawn-overlay{position:absolute;top:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;background:#1e0e1ac7;border:1px solid var(--danger);border-radius:999px;padding:4px 14px;font-size:12px;font-weight:700;color:#ffc7d0;backdrop-filter:blur(4px);white-space:nowrap}#respawn-overlay b{font-size:15px;color:#fff;font-variant-numeric:tabular-nums}.rs-sub{color:var(--dim);font-size:11px}#surrender-btn,#mute-btn{position:absolute;top:6px;width:32px;height:32px;border-radius:10px;border:1px solid rgba(120,132,200,.35);background:#0d10229e;font-size:14px;pointer-events:auto;touch-action:none;backdrop-filter:blur(4px)}#surrender-btn{left:8px}#mute-btn{left:46px}@media (max-width: 880px),(max-height: 560px){.hand-card{width:50px;height:66px;border-radius:9px}.hand-card .cost{width:16px;height:16px;font-size:9px}.hand-card .nm{font-size:7.5px}#next-art{width:28px;height:38px}#next-card .next-label{font-size:7px}#ability-btn{width:50px;height:50px}#energy-bar{height:10px}#energy-num{font-size:12px}#hand-wrap{padding:5px 7px;gap:5px;border-radius:12px}#hand-row,#hand{gap:5px}#hud-timer{font-size:13px;padding:2px 10px}.score{font-size:9.5px;padding:2px 8px;max-width:30vw}#respawn-overlay{top:34px;font-size:10.5px;padding:3px 11px}#respawn-overlay b{font-size:13px}#surrender-btn,#mute-btn{width:28px;height:28px;font-size:12px}#mute-btn{left:42px}}#rotate-hint{position:absolute;inset:0;z-index:20;display:none;place-items:center;background:#0a0c1aeb;font-size:20px;font-weight:800;text-align:center;padding:30px}@media (orientation: portrait) and (max-width: 820px){#rotate-hint{display:grid}}.result-banner{font-size:clamp(34px,7vw,56px);font-weight:900;letter-spacing:3px}.result-banner.win{color:var(--gold);text-shadow:0 0 30px rgba(255,209,102,.55),0 4px 0 rgba(0,0,0,.5)}.result-banner.lose{color:var(--danger);text-shadow:0 4px 0 rgba(0,0,0,.5)}.result-stats{display:flex;gap:22px;justify-content:center;font-size:14px;color:var(--dim);font-weight:700}.result-stats b{color:var(--text);font-size:18px;display:block;text-align:center}.reward-row{display:flex;gap:10px;justify-content:center;font-weight:900;font-size:16px;flex-wrap:wrap}.reward-row .stat{font-size:15px}.reward-row .btn{padding:10px 14px;font-size:13px;border-radius:12px;white-space:nowrap}.card-info .reward-row{width:100%}.card-tile.r-common{border-color:#4a527e}.card-tile.r-rare{border-color:#3f8fd4;box-shadow:0 0 8px #57b7ff2e}.card-tile.r-epic{border-color:#9a5df0;box-shadow:0 0 8px #b45df038}.card-tile.r-legendary{border-color:var(--gold);box-shadow:0 0 10px #ffd16647}.rarity-chip{font-size:10px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;padding:2px 8px;border-radius:999px;vertical-align:middle}.rarity-chip.r-common{background:#3a4166;color:#c6cdf3}.rarity-chip.r-rare{background:#17456b;color:#8fd0ff}.rarity-chip.r-epic{background:#4a2470;color:#d9b3ff}.rarity-chip.r-legendary{background:#6b5313;color:#ffe08a}.card-tile .rb{position:absolute;right:4px;bottom:calc(28% + 4px);font-size:11px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}.card-tile .info-btn{position:absolute;left:3px;bottom:calc(28% + 4px);width:18px;height:18px;border-radius:50%;border:0;background:#141830d9;color:var(--blue);font-size:11px;font-weight:900;line-height:1}.card-tile.locked-card img,.card-tile.locked-card>canvas{filter:grayscale(.9) brightness(.5)}.card-tile .card-lock{position:absolute;inset:0;display:grid;place-items:center;font-size:20px;background:#0a0c1a59;pointer-events:none}.leader-chip.locked canvas{filter:grayscale(.9) brightness(.5)}.leader-chip .chip-lock{position:absolute;inset:0;display:grid;place-items:center;font-size:16px}.card-tile{touch-action:pan-y}.drag-ghost{position:fixed;z-index:999;width:70px;height:70px;border-radius:12px;overflow:hidden;pointer-events:none;opacity:.9;transform:translate(-50%,-65%) scale(1.05) rotate(-3deg);box-shadow:0 12px 28px #0009,0 0 16px #ffd16659}.drag-ghost canvas{width:100%;height:100%}.deck-tabs{display:inline-flex;gap:4px;margin-left:6px}.deck-tab{border:1px solid var(--line);background:#1b1f38;color:var(--dim);border-radius:8px;padding:2px 9px;font-size:11px;font-weight:800}.deck-tab.on{background:var(--panel2);color:var(--text);border-color:var(--gold)}.skill-box{background:#1b1f38;border-radius:12px;padding:9px 12px;font-size:12px;color:var(--dim);line-height:1.45;border-left:3px solid var(--line)}.skill-box b{color:var(--text)}.skill-box.passive{border-left-color:var(--fresh)}.skill-box.active{border-left-color:var(--gold)}.skill-tag{display:inline-block;font-size:9px;font-weight:900;letter-spacing:1px;background:#12152b;border-radius:6px;padding:2px 7px;margin-right:6px;color:var(--dim);vertical-align:middle}.card-tile .fx-ico,.hand-card .fx-ico{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);font-size:22px;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}.hand-card .fx-ico{font-size:18px;top:30%}.card-info{max-width:min(460px,94vw);text-align:left;align-items:stretch}.ci-head{display:flex;gap:14px;align-items:center}.ci-head canvas{width:96px;height:96px;border-radius:14px}.stat-grid{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px 10px;background:#1b1f38;border-radius:12px;padding:10px 14px;font-size:12px;color:var(--dim)}.stat-grid b{color:var(--text);font-size:13px}.flavor{color:var(--dim);font-size:12px;font-style:italic;text-align:center}.bonus{color:var(--fresh);font-size:11px;font-weight:900}.packs-modal{max-width:min(560px,96vw)}.pack-slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}@media (max-width: 560px){.pack-slot-grid{grid-template-columns:repeat(2,1fr)}}.pack-slot{border:2px dashed var(--line);border-radius:14px;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--dim);font-size:12px;font-weight:700;padding:8px 4px}.pack-slot:not(.empty-slot){border-style:solid;background:#1b1f38}.pack-slot.tier-snack{border-color:#6b7399}.pack-slot.tier-meal{border-color:var(--blue)}.pack-slot.tier-feast{border-color:var(--gold);box-shadow:0 0 12px #ffd16640}.pk-ico{font-size:34px}.pk-ico.ticking{animation:packbob 1.4s ease-in-out infinite}.pk-ico.ready{animation:packbob .7s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,209,102,.8))}.pk-tier{text-transform:uppercase;font-size:10px;letter-spacing:1px}.pk-timer{font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}.pk-btn{padding:5px 10px;font-size:11px;border-radius:9px}.pk-btn.glow{animation:pulse 1s infinite}.shop-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.shop-row .btn{padding:7px 12px;font-size:12px}.pack-reveal .new-tag{position:absolute;top:-7px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;font-size:9px;font-weight:900;padding:2px 8px;border-radius:999px;letter-spacing:1px}.pack-reveal{position:relative}.pack-reveal.r-rare{border-color:#3f8fd4}.pack-reveal.r-epic{border-color:#9a5df0}.pack-reveal.r-legendary{border-color:var(--gold);box-shadow:0 0 14px #ffd16666}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--panel2);border:2px solid var(--line);color:var(--text);border-radius:12px;padding:10px 18px;font-weight:700;font-size:14px;z-index:99;animation:toastin .25s}@keyframes toastin{0%{transform:translate(-50%,14px);opacity:0}}