:root{--sky:linear-gradient(180deg, #d6ece9 0%, #eef8f6 100%);--bg:#e3f1ef;--panel:#fff;--panel-2:#eef7f5;--ink:#132a2e;--muted:#3c5b61;--outline:#132a2e;--line:#a7c4c3;--edge:#5b7f85;--focus:#0b6b64;--teal:#0b6b64;--teal-deep:#084f4a;--teal-ink:#fff;--play:#ffc83d;--play-deep:#d99a00;--play-ink:#1b2a2d;--play-soft:#fff3c4;--accent:#17703f;--accent-deep:#0f5130;--accent-ink:#fff;--warn:#b3261e;--danger-ink:#fff;--info:#1d5fa8;--gold:#d99a00;--gold-ink:#6b4300;--common:#3f5f7a;--rare:#a4580b;--rare-ink:#a4580b;--epic:#2452b8;--epic-ink:#2452b8;--team-you:#1f5fbf;--elixir-liquid:#ffd83d;--elixir-liquid-deep:#e0a000;--elixir-liquid-hi:#fff7b0;--elixir-frame:#0b5e58;--elixir-frame-deep:#063f3c;--elixir-accent:#ffd23f;--elixir-orb:#0b5e58;--elixir-orb-deep:#063f3c;--elixir-ink:#03211f;--fs-xs:12px;--fs-sm:14px;--fs-body:15px;--fs-md:17px;--fs-lg:21px;--fs-xl:26px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--radius:16px;--shadow-1:0 3px 0 var(--outline);--shadow-2:0 5px 0 var(--outline);--shadow-sheet:0 -10px 30px #07141847;--gutter:16px;--rail:96px;--font:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sky:linear-gradient(180deg, #0a1d21 0%, #123038 100%);--bg:#0d2226;--panel:#163238;--panel-2:#1d3f46;--ink:#eef7f4;--muted:#b5cbc8;--outline:#050e10;--line:#2b4f56;--edge:#6f9aa0;--focus:#7fe0d4;--teal:#0b6b64;--teal-deep:#084f4a;--teal-ink:#fff;--play:#ffd45c;--play-deep:#e0a020;--play-ink:#1b2a2d;--play-soft:#3d2e00;--accent:#5fd49a;--accent-deep:#2f9e63;--accent-ink:#04201e;--warn:#ff8a7d;--danger-ink:#1b0907;--info:#8cc4ff;--gold:#ffb835;--gold-ink:#ffd66b;--common:#b9cde0;--rare:#ffb070;--rare-ink:#ffb070;--epic:#a8c4ff;--epic-ink:#a8c4ff;--team-you:#1f5fbf}}:root[data-theme=dark]{--sky:linear-gradient(180deg, #0a1d21 0%, #123038 100%);--bg:#0d2226;--panel:#163238;--panel-2:#1d3f46;--ink:#eef7f4;--muted:#b5cbc8;--outline:#050e10;--line:#2b4f56;--edge:#6f9aa0;--focus:#7fe0d4;--teal:#0b6b64;--teal-deep:#084f4a;--teal-ink:#fff;--play:#ffd45c;--play-deep:#e0a020;--play-ink:#1b2a2d;--play-soft:#3d2e00;--accent:#5fd49a;--accent-deep:#2f9e63;--accent-ink:#04201e;--warn:#ff8a7d;--danger-ink:#1b0907;--info:#8cc4ff;--gold:#ffb835;--gold-ink:#ffd66b;--common:#b9cde0;--rare:#ffb070;--rare-ink:#ffb070;--epic:#a8c4ff;--epic-ink:#a8c4ff;--team-you:#1f5fbf}:root[data-elixir=a]{--elixir-liquid:#0b8c80;--elixir-liquid-deep:#063f3c;--elixir-liquid-hi:#ffe04d}body{background:var(--sky);background-color:var(--bg);color:var(--ink);font:600 15px/1.35 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}.clash-ui{background:var(--sky);position:fixed;inset:0;overflow:hidden}.host{padding:12px var(--gutter) 104px;box-sizing:border-box;position:absolute;inset:0;overflow:hidden auto}.screen{max-width:760px;margin:0 auto}.tabbar{background:var(--panel);border-top:3px solid var(--outline);padding-bottom:env(safe-area-inset-bottom);z-index:20;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px #0000001f}.tab{min-height:60px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;margin:6px 4px;font-size:13px;font-weight:800}.tab.on{background:var(--play);box-shadow:inset 0 0 0 2px var(--outline), 0 3px 0 var(--outline);color:var(--play-ink)}.in-battle .host,.in-battle .tabbar{display:none}.in-battle{pointer-events:none;background:0 0}.in-battle .hud-dock,.in-battle .hud-capture,.in-battle .overlay,.in-battle .toast{pointer-events:auto}.toast{max-width:calc(100% - 2 * var(--gutter));box-sizing:border-box;background:var(--ink);color:var(--panel);border-radius:var(--radius);border:2px solid var(--panel);text-align:center;z-index:60;padding:10px 18px;font-weight:800;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 4px #00000040}h2{letter-spacing:.01em;margin:0 0 8px;font-size:21px;font-weight:900}h3{margin:0 0 4px;font-size:16px;font-weight:900}p{margin:6px 0}.muted{color:var(--muted)}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.panel{background:var(--panel);border:2px solid var(--outline);box-shadow:0 4px 0 var(--outline);border-radius:20px;margin-bottom:14px;padding:14px;position:relative}.btn{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);border:2px solid var(--outline);background:var(--teal);color:var(--teal-ink);font:inherit;font-weight:800;font-size:var(--fs-body);box-shadow:var(--shadow-1);cursor:pointer;touch-action:manipulation;transition:transform 90ms ease-out,box-shadow 90ms ease-out;position:relative}.btn.primary{background:var(--play);color:var(--play-ink)}.btn.danger{background:var(--warn);color:var(--danger-ink)}.btn.small{min-height:44px;font-size:var(--fs-sm);padding:0 var(--space-3);border-radius:var(--radius-sm)}.btn.big{border-radius:18px;min-height:56px;font-size:19px}.btn.wide{width:100%}.btn.ghost{background:var(--panel);color:var(--ink);box-shadow:none;border:2px dashed var(--edge)}.btn.ad{background:var(--play-soft);color:var(--gold-ink)}.btn.ad.wide{margin-top:6px}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--outline);transform:translateY(3px)}.btn:disabled{cursor:not-allowed;box-shadow:0 1px 0 var(--outline);filter:saturate(.3)}.btn:focus-visible,.tab:focus-visible,.slot:focus-visible,.tile:focus-visible,.tab-deck:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.bar{background:var(--panel-2);border:2px solid var(--outline);border-radius:9px;height:14px;margin:8px 0;overflow:hidden}.bar-fill{background:var(--focus);height:100%;transition:width .4s}.rarity{font-size:13px;font-weight:900}.rarity.common{color:var(--common)}.rarity.rare{color:var(--rare-ink)}.rarity.epic{color:var(--epic-ink)}.countdown{font-variant-numeric:tabular-nums;font-weight:900}.art{--rc:var(--common);background:var(--panel);box-shadow:inset 0 0 0 3px var(--rc), 0 0 0 2px var(--outline), 0 4px 0 2px var(--outline);border-radius:12px;flex:none;display:block;position:relative;overflow:hidden}.art.rarity-rare{--rc:var(--rare)}.art.rarity-epic{--rc:var(--epic)}.art-xs{aspect-ratio:3/4;width:100%}.art-sm{width:64px;height:84px}.art-md{width:84px;height:108px}.art-lg{width:112px;height:140px}.art-well{background:radial-gradient(circle at 50% 28%,#fff 0%,#d9f2ff 58%,#a9dcff 100%);place-items:center;display:grid;position:absolute;inset:0}.art.rarity-rare .art-well{background:radial-gradient(circle at 50% 28%,#fff 0%,#ffe6c7 58%,#ffc27d 100%)}.art.rarity-epic .art-well{background:radial-gradient(circle at 50% 28%,#fff 0%,#eedcff 58%,#c49bff 100%)}.art-initials{color:var(--outline);opacity:.5;letter-spacing:.04em;font-size:20px;font-weight:900}.art-img{object-fit:contain;box-sizing:border-box;filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(0 4px 3px #00000047);width:100%;height:100%;padding:4px 2px 22px;position:absolute;inset:0}.art-cost{z-index:2;box-sizing:border-box;background:radial-gradient(circle at 35% 30%, var(--elixir-frame) 0%, var(--elixir-frame-deep) 75%);min-width:24px;height:24px;color:var(--elixir-accent);text-align:center;box-shadow:0 0 0 2px var(--elixir-accent), 0 0 0 4px var(--outline);text-shadow:0 1px 0 var(--elixir-ink), 0 0 2px var(--elixir-ink);border-radius:999px;padding:0 5px;font-size:14px;font-weight:900;line-height:20px;position:absolute;top:4px;left:4px}.art-ribbon{z-index:2;background:var(--ink);border-top:3px solid var(--rc);color:var(--panel);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:4px 4px 3px;font-size:11px;font-weight:900;line-height:1.15;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.art-level{z-index:2;background:var(--play-soft);color:var(--gold-ink);box-shadow:0 0 0 2px var(--outline);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:900;line-height:16px;position:absolute;top:4px;right:4px}.art-role{z-index:2;box-sizing:border-box;color:#fff;width:24px;height:24px;box-shadow:0 0 0 2px var(--outline);pointer-events:none;background:#0a1628e0;border:2px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:4px;left:4px}.art-role svg{width:15px;height:15px;display:block;overflow:visible}.art-md .art-role{bottom:27px}.art-lg .art-role{width:28px;height:28px;bottom:31px}.art-lg .art-role svg{width:18px;height:18px}.art-sm .art-role{width:20px;height:20px;bottom:3px;left:3px}.art-sm .art-role svg{width:12px;height:12px}.art-xs .art-role{width:18px;height:18px;bottom:2px;left:2px}.art-xs .art-role svg{width:11px;height:11px}.art-sm .art-cost{min-width:20px;height:20px;padding:0 4px;font-size:12px;line-height:16px;top:3px;left:3px}.art-lg .art-cost{min-width:28px;height:28px;font-size:16px;line-height:22px}.art-lg .art-ribbon{padding:5px 4px 4px;font-size:13px}.art-md .art-ribbon{font-size:11px}.overlay{z-index:40;padding:var(--gutter);box-sizing:border-box;background:#0a16288c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet{box-sizing:border-box;background:var(--panel);border:3px solid var(--outline);border-radius:24px;width:min(100%,440px);max-height:100%;padding:18px;overflow-y:auto;box-shadow:0 8px #00000059}.sheet h2{text-align:center;font-size:24px}.actions{gap:10px;margin-top:12px;display:grid}.reward{margin:10px 0}.reward-cards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.reward-card{justify-items:center;gap:4px;width:84px;font-size:13px;font-weight:800;display:grid}.reward-gold{text-align:center;color:var(--gold-ink);margin-top:8px;font-size:22px;font-weight:900}.reward-gold:before{content:""}.topline{justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:900;display:flex}.king,.gold{background:var(--panel);border:2px solid var(--outline);box-shadow:0 3px 0 var(--outline);border-radius:999px;padding:4px 12px;font-weight:900}.gold{color:var(--gold-ink);background:var(--play-soft)}.arena-name{font-size:24px;font-weight:900}.arena-meta{color:var(--muted);font-size:14px;font-weight:700}.elixir{color:var(--muted);font-size:14px;font-weight:800}.panel.arena{background:linear-gradient(160deg, var(--arena-a,#8fd3ff) 0%, var(--arena-b,#d6f1ff) 100%);color:#14233a}.panel.arena .arena-meta,.panel.arena .elixir{color:#2b3d55}.panel.arena.arena-night{color:#f6f1e4}.panel.arena.arena-night .arena-meta,.panel.arena.arena-night .elixir{color:#d6e0ee}.deck-row{border-radius:var(--radius);border:2px solid var(--outline);background:var(--panel-2);grid-template-columns:repeat(8,1fr);gap:4px;margin:10px 0;padding:6px;display:grid}.slot-empty{aspect-ratio:3/4;border:2px dashed var(--edge);border-radius:var(--radius-sm);color:var(--muted);place-items:center;font-size:18px;font-weight:900;display:grid}.battle-btn{width:100%;min-height:64px;font:inherit;letter-spacing:.05em;text-transform:uppercase;color:var(--play-ink);border:3px solid var(--outline);background:var(--play);box-shadow:0 6px 0 var(--outline), inset 0 -4px 0 var(--play-deep);cursor:pointer;touch-action:manipulation;border-radius:22px;margin-top:4px;font-size:24px;font-weight:900;transition:transform 90ms ease-out,box-shadow 90ms ease-out}.battle-btn:active:not(:disabled){box-shadow:0 2px 0 var(--outline);transform:translateY(4px)}.battle-btn:disabled{cursor:not-allowed;filter:saturate(.3)}.chest-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chest{border:2px solid var(--outline);box-sizing:border-box;background:var(--panel-2);min-height:150px;box-shadow:0 3px 0 var(--outline);border-radius:18px;flex-direction:column;gap:4px;padding:8px;display:flex;position:relative}.chest-art{place-items:center;height:84px;display:grid}.chest-svg{filter:drop-shadow(0 3px #1d2a3a38);width:100%;height:100%;max-height:88px;overflow:visible}.chest-empty{box-shadow:none;background:#ffffff73;border-style:dashed}.chest-empty .chest-svg{opacity:.85}.chest-name{font-size:14px;font-weight:900}.chest-state{color:var(--muted);font-size:13px;font-weight:800}.chest-ready{border-color:var(--outline);background:var(--play-soft)}.chest .btn{align-self:flex-start}.chest .btn.ad{align-self:stretch}.chest-row{margin-top:8px;font-weight:900}.deck-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.tab-deck{border-radius:var(--radius-md);border:2px solid var(--outline);background:var(--panel);min-height:44px;color:var(--ink);font:inherit;box-shadow:0 3px 0 var(--outline);cursor:pointer;font-size:14px;font-weight:900}.tab-deck.on{background:var(--play);color:var(--play-ink);box-shadow:0 1px 0 var(--outline);transform:translateY(2px)}.slots{grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0;display:grid}.slot{border:2px solid var(--outline);background:var(--panel-2);min-height:132px;color:var(--ink);font:inherit;box-shadow:0 3px 0 var(--outline);cursor:pointer;touch-action:none;user-select:none;box-sizing:border-box;border-radius:14px;align-content:start;justify-items:center;gap:4px;padding:6px 4px;display:grid}.slot.empty{background:var(--panel);box-shadow:none;border-style:dashed}.slot .art-md{aspect-ratio:3/4;width:100%;height:auto}.slot.selected{outline:3px solid var(--focus);outline-offset:2px}.slot.dragging,.tile.dragging{opacity:.45}.slot .plus{color:var(--muted);font-size:32px;font-weight:900;line-height:84px}.slot-name{text-align:center;font-size:12px;font-weight:900;line-height:1.2}.hint{font-size:13px;font-weight:700}.deck-summary{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.deck-summary .btn{margin-left:auto}.elixir-chip{border-radius:var(--radius-pill);background:var(--teal);min-height:32px;color:var(--teal-ink);align-items:center;padding:4px 12px;font-size:14px;font-weight:900;display:inline-flex}.role-chips{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.role-chip{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:3px 10px;font-size:12px;font-weight:800}.collection-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.collection .collection-head h2{margin:16px 0 0}.filters{grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0 4px;display:grid}.filter{gap:3px;min-width:0;display:grid}.filter-label{color:var(--muted);font-size:12px;font-weight:800}.filter-select{border-radius:var(--radius-sm);border:2px solid var(--outline);background:var(--panel);min-width:0;min-height:44px;color:var(--ink);font:inherit;padding:0 8px;font-size:14px;font-weight:800}.filter-select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.collection h2{margin-top:16px}.group h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:12px;font-size:14px}.tiles{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.tile{border:2px solid var(--outline);background:var(--panel);color:var(--ink);font:inherit;box-shadow:0 3px 0 var(--outline);cursor:pointer;touch-action:none;user-select:none;border-radius:16px;justify-items:center;gap:4px;padding:8px 4px 6px;display:grid}.tile.locked{background:var(--panel-2);border-style:dashed}.tile.locked .art{filter:grayscale()}.tile-lock{color:var(--ink);background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius-pill);padding:1px 8px;font-size:11px;font-weight:900}.tile-unlock{color:var(--muted);text-align:center;font-size:11px;font-weight:800;line-height:1.2}.tile.rare{border-color:var(--rare)}.tile.epic{border-color:var(--epic)}.tile-name{text-align:center;font-size:12px;font-weight:900;line-height:1.2}.tile-level{color:var(--muted);font-size:12px;font-weight:800}.drag-ghost{z-index:100;pointer-events:none;background:var(--panel);border:3px solid var(--outline);white-space:nowrap;border-radius:14px;padding:6px 12px;font-size:14px;font-weight:900;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 6px #0000004d}.offers{gap:12px;margin:10px 0;display:grid}.offer{background:var(--panel);border:2px solid var(--outline);box-shadow:0 4px 0 var(--outline);border-radius:20px;align-items:stretch;gap:12px;padding:12px;display:flex}.offer.rare{box-shadow:inset 6px 0 0 var(--rare), 0 4px 0 var(--outline)}.offer.epic{box-shadow:inset 6px 0 0 var(--epic), 0 4px 0 var(--outline)}.offer-body{flex:1;align-content:start;gap:4px;min-width:0;display:grid}.offer-row{margin-top:10px}.offer-row p{font-size:14px}.road{gap:10px;margin:10px 0;padding:0;list-style:none;display:grid}.road-row{background:var(--panel);border:2px solid var(--outline);box-shadow:0 3px 0 var(--outline);border-radius:16px;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.road-row.claimable{background:var(--play-soft);border-color:var(--outline)}.road-row.claimed{opacity:.6;box-shadow:none}.road-row.locked .road-reward{color:var(--muted)}.road-at{font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.road-reward{font-size:14px;font-weight:800}.road-state{color:var(--muted);font-size:13px;font-weight:900}.results .btn.big{width:100%;margin-top:10px}.trophy-row,.gold-row,.chest-row{text-align:center}.trophy{border:2px solid var(--outline);background:var(--panel);box-shadow:0 3px 0 var(--outline);border-radius:999px;padding:2px 12px;font-size:24px;font-weight:900;display:inline-block}.trophy.up{color:var(--accent);background:var(--panel-2)}.trophy.down{color:var(--warn)}.gold-row{color:var(--gold-ink);margin-top:8px;font-size:19px;font-weight:900}.pop{animation:.5s ease-out both pop}@keyframes pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.hud{z-index:30;pointer-events:none;font-variant-numeric:tabular-nums;position:fixed;inset:0}.hud-top{padding:10px var(--gutter);color:#fff;text-shadow:0 2px #00000073;justify-content:space-between;align-items:center;font-weight:900;display:flex;position:absolute;top:0;left:0;right:0}.hud-dock{padding:8px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#0a162899);flex-direction:column;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-row{justify-content:center;align-items:flex-end;gap:8px;display:flex}.hud-hand{gap:6px;display:flex}.hand-card{border:3px solid var(--outline);width:66px;height:92px;color:var(--ink);font:inherit;box-shadow:0 4px 0 var(--outline);touch-action:none;user-select:none;cursor:pointer;background:linear-gradient(#fff,#dbe7f4);border-radius:14px;align-content:center;justify-items:center;padding:2px;font-size:12px;font-weight:900;transition:transform 90ms ease-out;display:grid;position:relative}.hand-card.empty{opacity:.4;background:#fff6}.hand-card.short{box-shadow:0 4px 0 var(--outline), inset 0 0 0 3px var(--warn)}.hand-card.armed{box-shadow:0 6px 0 var(--outline), 0 0 0 3px var(--play);transform:translateY(-8px)}.hand-card.dragging{opacity:.4}.hand-card *{pointer-events:none;-webkit-user-drag:none;user-select:none}.hand-card .art-sm{width:56px;height:74px}.hud-next .art-xs{aspect-ratio:auto;width:48px;height:64px}.hud-next{color:#fff;background:#0a162859;border:2px dashed #fffc;border-radius:14px;align-content:center;justify-items:center;width:58px;height:90px;padding:4px;font-size:11px;font-weight:900;display:grid;overflow:hidden}.next-label{opacity:.9}.hud-hint{text-align:center;color:#fff;text-shadow:0 2px #0009;margin-bottom:6px;font-size:16px;font-weight:900;position:absolute;bottom:100%;left:0;right:0}.hud-capture{display:none;position:absolute;inset:0}.hud.armed .hud-capture{pointer-events:auto;cursor:crosshair;background:#ffdc5a14;display:block}.hud.dragging .hud-capture{display:block}@media (width<=480px){.slots{gap:6px}.tiles{grid-template-columns:repeat(3,1fr)}}.landscape .tabbar{width:var(--rail);border-top:0;border-right:3px solid var(--outline);grid-template-rows:repeat(4,1fr);grid-template-columns:1fr;padding-bottom:0;top:0;bottom:0;right:auto}.landscape .tab{box-shadow:none;margin:4px 6px;font-size:12px}.landscape .tab.on{box-shadow:inset 0 0 0 2px var(--outline), 0 3px 0 var(--outline)}.landscape .host{left:var(--rail);padding-bottom:16px}.landscape .toast{left:calc(50% + var(--rail) / 2);bottom:16px}.landscape .home{grid-template-columns:1fr 1.15fr 1fr;align-items:start;gap:8px;display:grid}.landscape .home .topline{grid-column:1/-1;margin-bottom:0}.landscape .home .panel.arena{grid-area:2/1}.landscape .home .panel.free{grid-area:3/1}.landscape .home .panel.deck{grid-area:2/2/span 2}.landscape .home .panel.chests{grid-area:2/3/span 2}.landscape .home .panel{margin-bottom:0;padding:10px 12px}.landscape .home .chest-grid{gap:6px}.landscape .home .chest{min-height:0;padding:6px}.landscape .home .chest-art{height:56px}.landscape .home .chest-svg{max-height:56px}.landscape .home .battle-btn{min-height:56px;font-size:20px}.landscape .cards .slots{grid-template-columns:repeat(8,1fr)}.landscape .collection .tiles{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.landscape .hud-dock{padding:6px var(--gutter)}.landscape .hand-card{width:60px;height:72px;padding:2px}.landscape .hand-card .art-sm{width:40px;height:52px}.landscape .hud-next{width:56px;height:72px;font-size:9px}.landscape .hud-next .art-xs{width:40px;height:53px}@media (width>=1100px){.host{padding-left:calc(var(--gutter) * 2);padding-right:calc(var(--gutter) * 2)}.slots{grid-template-columns:repeat(8,1fr)}.tiles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}@keyframes screen-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}.screen:not([hidden]){animation:.26s cubic-bezier(.2,.8,.2,1) backwards screen-in}.tab{transition:transform .12s ease-out}.tab:active{transform:scale(.92)}@keyframes chest-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-4px)rotate(-2deg)}40%{transform:translate(4px)rotate(2deg)}60%{transform:translate(-3px)rotate(-1.5deg)}80%{transform:translate(2px)rotate(1deg)}}.chest.shake{animation:.5s ease-in-out 2 chest-shake}@keyframes lid-burst{0%{transform:scale(1);box-shadow:0 0 #ffc850e6}35%{transform:scale(1.12)rotate(-3deg)}to{transform:scale(1);box-shadow:0 0 0 28px #ffc85000}}.chest.burst{animation:.55s ease-out both lid-burst}@keyframes ready-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.07)}}.chest-ready .chest-state{animation:1.4s ease-in-out infinite ready-pulse}@keyframes card-fly{0%{opacity:0;transform:translateY(-140px)rotateY(180deg)scale(.5)}60%{opacity:1}to{opacity:1;transform:scale(var(--pop,1))}}.reward-card{animation:.56s cubic-bezier(.2,.9,.3,1.1) both card-fly;animation-delay:calc(var(--i,0) * .14s + .12s)}.reward-card.rarity-rare{--pop:1.1}.reward-card.rarity-epic{--pop:1.25}.reward-card.rarity-epic .art{box-shadow:0 0 0 2px var(--outline), 0 0 18px 6px #2452b8cc}@keyframes level-burst{0%{transform:scale(1);box-shadow:0 0 #ffc850cc}40%{transform:scale(1.05)}to{transform:scale(1);box-shadow:0 0 0 28px #ffc85000}}.sheet-layer{z-index:60;position:fixed;inset:0}.sheet-scrim{background:#07141880;animation:.18s ease-out both fade-in;position:absolute;inset:0}.card-sheet{box-sizing:border-box;max-height:88vh;padding:16px var(--gutter) calc(16px + env(safe-area-inset-bottom));border:2px solid var(--outline);background:var(--panel);color:var(--ink);box-shadow:var(--shadow-sheet);border-bottom:0;border-radius:20px 20px 0 0;animation:.22s cubic-bezier(.2,.8,.2,1) both sheet-up;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.card-sheet h2{font-size:var(--fs-lg);margin:0}.sheet-head{align-items:center;gap:14px;display:flex}.sheet-title{gap:4px;min-width:0;display:grid}.role-line{color:var(--muted);font-size:13px;font-weight:800}.sheet-desc{margin:12px 0;font-weight:700}.stats{border-collapse:collapse;width:100%;margin:8px 0;font-size:14px}.stats th,.stats td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:7px 4px}.stats th{color:var(--muted);width:46%;font-weight:800}.stats td{font-weight:800}.small-note{margin:4px 0 10px;font-size:13px}.sheet-status{margin:8px 0 4px;font-weight:800}.card-sheet .btn.wide{width:100%;margin-top:8px;display:block}.card-sheet .btn.ghost.wide{margin-top:6px}.card-sheet.level-up .sheet-head{animation:.6s ease-out .2s both level-burst}@media (width>=1100px),(width>=700px) and (orientation:landscape){.card-sheet{border:0;border-left:2px solid var(--outline);border-radius:0;width:min(380px,46vw);max-height:none;animation-name:sheet-in;top:0;bottom:0;left:auto;box-shadow:-8px 0 24px #07141840}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-in{0%{transform:translate(100%)}to{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}[hidden]{display:none!important}#scene{touch-action:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;position:fixed;inset:0}#ui-root{position:fixed;inset:0}.clash-fx{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}.place-ghost,.place-mark{box-sizing:border-box;will-change:transform;border:4px solid;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:0;left:0}.place-ghost.ok{background:#7ee08a40;border-color:#7ee08a;box-shadow:0 0 0 3px #0a162880,0 0 0 7px #7ee08a40}.place-ghost.bad{background:#ff7a6b40;border-color:#ff7a6b;box-shadow:0 0 0 3px #0a162880,0 0 0 7px #ff7a6b40}.place-mark{border-color:#ff7a6b;animation:.38s ease-out forwards place-pop}@keyframes place-pop{0%{opacity:1;scale:1.4}to{opacity:0;scale:.8}}.place-note{color:#fff;white-space:nowrap;background:#0a1628e6;border:2px solid #fff;border-radius:999px;padding:8px 18px;font:900 16px/1.2 ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px #00000059}.opp-tag{left:50%;top:calc(env(safe-area-inset-top,0px) + 58px);color:#fff;white-space:nowrap;background:#0a1628cc;border:2px solid #fff;border-radius:999px;padding:4px 12px;font:900 13px/1.2 ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif;position:absolute;transform:translate(-50%)}#scene.shake{animation:.36s linear arena-shake}@keyframes arena-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.gear-btn{top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 10px);z-index:30;border:3px solid var(--outline);background:var(--panel);width:48px;height:48px;color:var(--outline);box-shadow:0 4px 0 var(--outline);cursor:pointer;touch-action:manipulation;border-radius:16px;font:24px/1 system-ui,sans-serif;position:absolute}.gear-btn:active{box-shadow:0 1px 0 var(--outline);transform:translateY(3px)}.gear-btn:focus-visible{outline:3px solid var(--play);outline-offset:2px}#ui-root.in-battle .gear-btn{display:none}.topline,.deck-tabs{padding-right:64px}.settings-host{z-index:60;background:#0a16288c;position:fixed;inset:0}.hud-top{gap:10px}.hud-timer{left:50%;top:calc(env(safe-area-inset-top,0px) + 8px);border:3px solid var(--outline);background:linear-gradient(#34495f 0%, var(--outline) 100%);color:#fff;border-radius:999px;align-items:center;padding:4px 16px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px #0006}.hud-clock{font-variant-numeric:tabular-nums;text-shadow:none;font-size:22px;font-weight:900;line-height:30px}.hud-crowns{top:calc(env(safe-area-inset-top,0px) + 8px);left:var(--gutter);flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.crown-chip{border:3px solid var(--outline);min-width:64px;box-shadow:0 3px 0 var(--outline);color:#fff;text-shadow:0 2px #00000080;border-radius:999px;align-items:center;gap:4px;padding:2px 10px 2px 6px;font-size:22px;font-weight:900;line-height:30px;display:flex}.crown-chip-you{background:linear-gradient(#56a8ff, var(--team-you,#2f74e6))}.crown-chip-them{background:linear-gradient(#ff7b86,#e3414f)}.crown-chip .crown-icon{flex:none;width:26px;height:20px}.crown{text-align:center;min-width:22px}.crown-icon{filter:drop-shadow(0 2px #1d2a3a59);display:block;overflow:visible}.crown-body{fill:#ffc93c;stroke:var(--outline)}.crown-gem{fill:#ff4d5a;stroke:var(--outline)}.crown-icon.lost .crown-body{fill:#c7d1dc}.crown-icon.lost .crown-gem{fill:#8f9cad}.hud-elixir{align-items:center;gap:8px;width:100%;display:flex}.elixir-track{border:3px solid var(--elixir-frame);height:20px;box-shadow:0 3px 0 var(--elixir-frame-deep);background:#0a1628b3;border-radius:10px;flex:1;position:relative;overflow:hidden}.elixir-fill{background:linear-gradient(#ffffff59, #fff0 55%), linear-gradient(90deg, var(--elixir-liquid-deep), var(--elixir-liquid) 70%);height:100%;box-shadow:inset -3px 0 0 var(--elixir-liquid-hi), inset 0 2px 0 var(--elixir-accent);transition:width .2s linear}.elixir-notch{pointer-events:none;background:#0a1628bf;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.elixir-num{box-sizing:border-box;border:3px solid var(--outline);background:radial-gradient(circle at 35% 30%, #fff 0 6%, var(--elixir-orb) 22%, var(--elixir-orb-deep) 100%);width:40px;height:40px;color:var(--elixir-accent);text-align:center;text-shadow:0 1px 0 var(--elixir-ink);box-shadow:0 0 10px 3px var(--elixir-accent), 0 3px 0 var(--outline);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;padding:0;font-size:17px;font-weight:900;line-height:34px}.landscape .hud-crowns{flex-direction:row;align-items:center;top:10px}.landscape .opp-tag{left:var(--gutter);top:calc(env(safe-area-inset-top,0px) + 62px);transform:none}.banner{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:#fff;-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;text-shadow:0 5px 0 var(--outline);margin:4px 0 12px;padding:8px 10px 12px;font-size:40px;font-weight:900;line-height:1.05;position:relative}.banner.win{color:#ffe36b;background:0 0}.banner.loss{color:#ffb3a8}.banner.draw{color:#cfe6ff}.results .banner.pop-big{animation:.7s cubic-bezier(.2,.9,.3,1.25) both banner-pop}@keyframes banner-pop{0%{opacity:0;transform:scale(.2)rotate(-6deg)}60%{opacity:1;transform:scale(1.14)rotate(2deg)}to{transform:scale(1)rotate(0)}}.crowns{justify-content:space-between;align-items:center;gap:8px;margin:6px 0 4px;display:flex}.crown-row{border:2px solid var(--outline);min-height:56px;box-shadow:0 3px 0 var(--outline);border-radius:18px;flex:1;align-items:center;gap:6px;padding:6px 10px;display:flex}.crown-row.you{background:var(--panel-2);box-shadow:inset 6px 0 0 var(--team-you), 0 3px 0 var(--outline);justify-content:flex-start}.crown-row.them{background:var(--panel-2);box-shadow:inset -6px 0 0 var(--warn), 0 3px 0 var(--outline);justify-content:flex-end}.crown-row .crown-icon{width:34px;height:26px}.crown-row .crown-icon.won{animation-fill-mode:both}.crown-vs{color:var(--panel);-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;text-transform:uppercase;font-size:15px;font-weight:900}.crown-row .crown-icon.pop{animation:.5s ease-out both pop}.trophy-row .trophy{font-size:22px}html.reduce-motion #scene.shake,html.reduce-motion .place-mark,html.reduce-motion .banner.pop-big,html.reduce-motion .crown-row .crown-icon.pop{animation:none}.hud .elixir-notch.pop{animation:hud-notch-pop var(--ui-notch-pop-ms,.36s) ease-out}.hud .elixir-notch.pop:after{content:"";width:8px;height:8px;box-shadow:0 0 6px 2px var(--elixir-liquid);animation:hud-notch-spark var(--ui-notch-spark-ms,.45s) ease-out;pointer-events:none;background:#fff;border-radius:50%;position:absolute;top:-4px;left:-3px}@keyframes hud-notch-pop{0%{background:color-mix(in srgb, var(--outline) 75%, transparent);transform:scale(1)}30%{transform:scale(var(--ui-notch-scale,1.7), 1.15);background:var(--elixir-liquid);box-shadow:0 0 8px 2px var(--elixir-liquid)}to{background:color-mix(in srgb, var(--outline) 75%, transparent);box-shadow:none;transform:scale(1)}}@keyframes hud-notch-spark{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:translateY(-12px)scale(1.5)}}.hud .hand-card .hand-pie{z-index:2;box-sizing:border-box;width:18px;height:18px;box-shadow:0 0 0 2px var(--outline);background:conic-gradient(var(--elixir-liquid) var(--sweep,0deg), color-mix(in srgb, var(--outline) 80%, transparent) 0);pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;top:3px;right:3px}.hud .hand-card.short .art-well{filter:brightness(.5)saturate(.25)}.hud .hand-card.ready{animation:hud-ready var(--ui-ready-ms,.5s) ease-out}@keyframes hud-ready{0%{box-shadow:0 4px 0 var(--outline);filter:brightness();transform:scale(1)}35%{transform:scale(var(--ui-ready-scale,1.12));box-shadow:0 4px 0 var(--outline), 0 0 0 4px var(--elixir-liquid);filter:brightness(1.45)saturate(1.2)}to{box-shadow:0 4px 0 var(--outline);filter:brightness();transform:scale(1)}}.hud .hand-card .art-role{background:var(--outline);width:26px;height:26px;box-shadow:0 0 0 2px var(--outline), 0 0 0 3px #fff;border-color:#fff;bottom:2px;left:2px}.hud .hand-card .art-role svg{width:17px;height:17px}.landscape .hud .hand-card .art-role{width:20px;height:20px}.landscape .hud .hand-card .art-role svg{width:13px;height:13px}@media (prefers-reduced-motion:reduce){.hud .elixir-notch.pop,.hud .elixir-notch.pop:after,.hud .hand-card.ready{animation:none}}
/*$vite$:1*/