:root{--bg:#06090f;--bg-soft:#0a1019;--panel:#0e1624;--panel-soft:#111b2b;--panel-strong:#162238;--line:#ffffff13;--line-strong:#ffffff26;--text:#edf3ff;--muted:#8493aa;--muted-2:#5d6b80;--gold:#f5c96b;--gold-deep:#a97727;--teal:#43e0c0;--teal-soft:#43e0c01f;--red:#ff6578;--violet:#ad8bff;--blue:#5aa8ff;--radius:16px;--radius-sm:10px;--radius-lg:24px;--font-display:"Segoe UI", "Trebuchet MS", ui-sans-serif, system-ui, sans-serif;--font-body:"Segoe UI", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"Cascadia Mono", "SFMono-Regular", Consolas, ui-monospace, monospace;--shadow:0 30px 70px #00000073}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;overflow-x:hidden}body{min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 15% -5%,#26656638,#0000 32rem),radial-gradient(circle at 90% 8%,#55368429,#0000 30rem),linear-gradient(#070b12 0%,#06090f 42%,#05080d 100%);margin:0;font-size:14px;line-height:1.45;overflow-x:hidden}::selection{color:#fff;background:#f5c96b4d}button,input{font:inherit}button,a{color:inherit}h1,h2,h3,p{margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#fff3}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.muted{color:var(--muted)}.eyebrow{color:var(--teal);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:700;line-height:1.3;display:block}.app-shell{z-index:1;width:min(1580px,100%);min-height:100vh;margin:0 auto;padding:18px clamp(12px,2.2vw,28px) 26px;position:relative}.ambient{z-index:0;filter:blur(110px);pointer-events:none;border-radius:999px;position:fixed}.ambient-a{background:#33d8b81f;width:560px;height:560px;top:-250px;left:-120px}.ambient-b{background:#7f58ff17;width:620px;height:620px;top:18%;right:-260px}.ambient-grid{z-index:0;opacity:.28;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 22%,#000 0%,#0000 72%);mask-image:radial-gradient(at 50% 22%,#000 0%,#0000 72%)}.app-shake{animation:.55s cubic-bezier(.36,.07,.19,.97) both app-shake}@keyframes app-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px,1px)}30%,50%,70%{transform:translate(-6px,-1px)}40%,60%{transform:translate(6px,1px)}}.app-header{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(120deg,#141f30eb,#090e17e6),radial-gradient(circle at 20% 0,#f5c96b0d,#0000 30%);border-radius:20px;align-items:center;gap:clamp(14px,2vw,30px);padding:12px 16px;display:flex;position:relative;box-shadow:0 22px 60px #00000059,inset 0 1px #ffffff0b}.brand-lockup{align-items:center;gap:11px;min-width:165px;display:flex}.brand-mark{color:#171005;background:linear-gradient(145deg,#ffeab7f2,#f5c96be6 45%,#97671ff2);border:1px solid #ffdd94a6;border-radius:13px;place-items:center;width:46px;height:46px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:700;line-height:1;display:grid;box-shadow:0 0 24px #f5c96b33,inset 0 1px #ffffffa6}.brand-copy h1{letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:700;line-height:1}.brand-copy span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:8px;font-weight:600;display:block}.header-vitals{flex:1;justify-content:center;align-items:center;gap:clamp(8px,1.2vw,18px);display:flex}.vital{background:#ffffff06;border:1px solid #ffffff0f;border-radius:11px;align-items:center;gap:8px;min-height:42px;padding:6px 12px;display:flex}.vital-health{gap:10px;padding-left:13px}.vital-label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:8px}.vital>div{flex-direction:column;justify-content:center;line-height:1.05;display:flex}.vital strong{color:#fff;font-family:var(--font-mono);font-size:16px;font-weight:700}.vital>div>span{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:3px;font-size:8px}.vital-icon{width:26px;height:26px;font-family:var(--font-mono);border-radius:8px;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.gold-icon{background:radial-gradient(circle at 33% 27%,#fff3c6 0%,#f5c96b 36%,#a97727 100%);border:1px solid #ffdd9480;border-radius:50%;box-shadow:0 0 13px #f5c96b40,inset 0 1px #ffffffb3}.level-icon{color:var(--teal);background:#43e0c017;border:1px solid #43e0c047;font-size:12px}.round-icon{color:#c8b6ff;background:#ad8bff14;border:1px solid #ad8bff40;font-size:9px}.health-counter{align-items:center;gap:7px;display:flex}.health-hearts{gap:1px;display:flex}.health-heart{color:var(--red);filter:drop-shadow(0 0 5px #ff657847);font-size:15px;line-height:1}.health-heart.half{opacity:.48}.health-heart.empty{color:#ffffff21;filter:none}.health-number{font-family:var(--font-mono);align-items:baseline;gap:1px;display:flex}.health-number strong{font-size:14px}.health-number span{color:var(--muted-2);font-size:9px}.header-actions{align-items:center;gap:10px;display:flex}.timer-dial{border-radius:50%;place-items:center;width:56px;height:56px;transition:background .25s linear;display:grid;position:relative;box-shadow:0 0 22px #f5c96b14}.timer-dial:before{content:"";border:1px solid #ffffff0d;border-radius:50%;position:absolute;inset:3px}.timer-dial-inner{background:#0b121d;border:1px solid #ffffff14;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.timer-dial-inner span{font-family:var(--font-mono);letter-spacing:-.02em;font-size:12px;font-weight:700}.timer-dial-inner small{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.16em;margin-top:1px;font-size:6px}.header-link{border:1px solid var(--line);height:38px;color:var(--muted);cursor:pointer;background:#ffffff06;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:11px;transition:all .18s;display:flex}.header-link:hover{color:var(--gold);background:#f5c96b0f;border-color:#f5c96b40}.rank-glyph{font-size:15px;line-height:1}.player-chip{border:1px solid var(--line);background:#ffffff06;border-radius:11px;align-items:center;gap:9px;padding:5px 11px 5px 6px;display:flex}.player-avatar{width:29px;height:29px;color:var(--teal);font-family:var(--font-mono);background:linear-gradient(140deg,#43e0c038,#43e0c00a);border:1px solid #43e0c04d;border-radius:8px;place-items:center;font-size:12px;font-weight:800;display:grid}.player-chip>div{flex-direction:column;line-height:1.1;display:flex}.player-chip strong{max-width:110px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.player-chip span:not(.player-avatar){color:var(--muted-2);margin-top:2px;font-size:8px}.game-layout{grid-template-columns:244px minmax(0,1fr) 326px;align-items:start;gap:15px;padding-top:15px;display:grid}.left-column,.arena-column,.command-column{flex-direction:column;gap:14px;min-width:0;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,#121d2eeb,#090f19f5),radial-gradient(circle at 15% 0,#43e0c009,#0000 45%);position:relative;box-shadow:0 20px 45px #0000003d,inset 0 1px #ffffff09}.panel-heading{justify-content:space-between;align-items:flex-start;gap:10px;padding:15px 15px 11px;display:flex}.panel-heading h2{font-family:var(--font-display);letter-spacing:-.015em;margin-top:3px;font-size:16px;font-weight:700}.compact-heading{padding-bottom:8px}.panel-count{color:var(--muted);font-family:var(--font-mono);white-space:nowrap;border:1px solid #ffffff12;border-radius:99px;padding:3px 7px;font-size:8px}.empty-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:18px 14px 22px;display:flex}.empty-state p{max-width:180px;font-size:11px;line-height:1.5}.empty-glyph{border:1px solid var(--line);width:32px;height:32px;color:var(--muted-2);background:#ffffff06;border-radius:50%;place-items:center;font-size:15px;display:grid}.trait-sidebar{overflow:hidden}.trait-list{flex-direction:column;gap:3px;padding:0 8px 10px;display:flex}.trait-row{border:1px solid #0000;border-radius:9px;grid-template-columns:31px minmax(0,1fr);gap:8px;padding:8px 7px;transition:all .18s;display:grid}.trait-row:hover{background:#ffffff06}.trait-row.is-active{border-color:color-mix(in srgb, var(--trait-color) 24%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--trait-color) 10%, transparent), transparent 85%)}.trait-icon{border:1px solid color-mix(in srgb, var(--trait-color) 35%, transparent);background:color-mix(in srgb, var(--trait-color) 9%, #0a1019);width:29px;height:29px;color:var(--trait-color);border-radius:8px;place-items:center;font-family:Georgia,serif;font-size:14px;font-weight:700;display:grid}.trait-body{min-width:0}.trait-titleline{justify-content:space-between;align-items:baseline;gap:5px;display:flex}.trait-name{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.trait-count{color:var(--muted-2);font-family:var(--font-mono);white-space:nowrap;font-size:9px}.trait-row.is-active .trait-count{color:var(--trait-color)}.trait-count em{letter-spacing:.06em;text-transform:uppercase;font-size:7px;font-style:normal}.trait-pips{align-items:center;gap:3px;margin-top:4px;display:flex}.trait-pip{background:#ffffff1c;border-radius:2px;width:12px;height:2px}.trait-pip.is-filled{background:var(--trait-color);box-shadow:0 0 6px color-mix(in srgb, var(--trait-color) 45%, transparent)}.trait-breakpoints{color:var(--muted-2);font-family:var(--font-mono);margin-left:3px;font-size:7px}.trait-description{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;line-height:1.4;overflow:hidden}.trait-row.is-active .trait-description{color:color-mix(in srgb, var(--trait-color) 78%, #c7d2e3)}.run-panel{overflow:hidden}.phase-dot{background:var(--gold);border-radius:50%;width:8px;height:8px;margin-top:5px;box-shadow:0 0 10px #f5c96b80}.phase-dot.combat{background:var(--red);animation:1s ease-in-out infinite pulse;box-shadow:0 0 10px #ff657899}.phase-dot.game_over{background:var(--muted-2);box-shadow:none}.run-stats{border:1px solid var(--line);background:#ffffff05;border-radius:9px;grid-template-columns:repeat(3,1fr);margin:0 12px;display:grid}.run-stats>div{text-align:center;flex-direction:column;gap:1px;padding:7px 8px;display:flex}.run-stats>div+div{border-left:1px solid var(--line)}.run-stats strong{font-family:var(--font-mono);font-size:13px}.run-stats span{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:7px}.round-log{flex-direction:column;padding:10px 12px 13px;display:flex}.round-log>p{font-size:10px;line-height:1.5}.round-log-row{border-top:1px solid #ffffff0b;grid-template-columns:18px 23px minmax(0,1fr) 12px;align-items:center;gap:6px;padding:5px 0;display:grid}.round-log-row:first-of-type{border-top:0}.log-result{width:17px;height:17px;font-family:var(--font-mono);border-radius:5px;place-items:center;font-size:8px;font-weight:800;display:grid}.log-result.won{color:var(--teal);background:#43e0c01f}.log-result.lost{color:var(--red);background:#ff65781f}.log-result.draw{color:var(--gold);background:#f5c96b1f}.log-round{color:var(--muted-2);font-family:var(--font-mono);font-size:8px}.log-opponent{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.log-check{font-family:var(--font-mono);text-align:right;font-size:8px}.log-check.ok{color:var(--teal)}.log-check.warn{color:var(--gold)}.arena-panel{background:linear-gradient(150deg,#121d2ef2,#080d16fa),radial-gradient(circle at 50% 45%,#43e0c00d,#0000 52%);padding:12px}.arena-heading{justify-content:space-between;align-items:center;gap:12px;padding:2px 4px 11px;display:flex}.arena-heading h2{font-family:var(--font-display);letter-spacing:-.02em;margin-top:2px;font-size:20px}.arena-meta{align-items:center;gap:8px;display:flex}.capacity-badge{border:1px solid var(--line);font-family:var(--font-mono);background:#ffffff06;border-radius:8px;align-items:baseline;gap:2px;padding:5px 9px;font-size:12px;font-weight:700;display:flex}.capacity-badge span{color:var(--muted-2);font-size:9px}.phase-pill{color:var(--gold);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;background:#f5c96b12;border:1px solid #f5c96b33;border-radius:99px;padding:5px 9px;font-size:8px;font-weight:700}.phase-pill.combat{color:var(--red);background:#ff657814;border-color:#ff657847}.phase-pill.game_over{border-color:var(--line);color:var(--muted-2);background:#ffffff08}.canvas-shell{aspect-ratio:7/8;background:radial-gradient(circle at 50% 110%,#43e0c013,#0000 44%),radial-gradient(circle at 50% -10%,#ff5c6c12,#0000 33%),linear-gradient(#080d15,#0b121d);border:1px solid #ffffff14;border-radius:13px;width:100%;max-width:min(100%,87.5vh - 214.375px);margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #00000073,0 18px 40px #0003}.canvas-shell:after{border-radius:inherit;opacity:.13;pointer-events:none;content:"";background-image:radial-gradient(#ffffff0d .6px,#0000 .6px);background-size:5px 5px;position:absolute;inset:0}.game-canvas{z-index:1;cursor:crosshair;touch-action:manipulation;display:block;position:relative}.arena-footer{color:var(--muted);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:10px;padding:10px 4px 1px;font-size:8px;display:flex}.server-status{white-space:nowrap;align-items:center;gap:6px;display:flex}.status-dot{background:var(--teal);border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #43e0c0bf}.selection-hint{color:var(--muted-2);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selection-hint.item-selection{color:var(--gold)}.last-result{letter-spacing:.04em;text-transform:uppercase;font-weight:700}.last-result.won{color:var(--teal)}.last-result.lost{color:var(--red)}.last-result.draw{color:var(--gold)}.bench-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#111b2bf0,#080d15f7);padding:11px 13px 13px;box-shadow:0 16px 35px #0003,inset 0 1px #ffffff08}.bench-panel.is-item-mode{border-color:#f5c96b3b;box-shadow:0 0 0 1px #f5c96b09}.bench-heading,.item-dock-heading{justify-content:space-between;align-items:flex-end;gap:10px;padding-bottom:9px;display:flex}.bench-heading h3,.item-dock-heading h3{margin-top:2px;font-size:13px;font-weight:650}.bench-count{color:var(--muted);font-family:var(--font-mono);font-size:10px}.bench-count span{color:var(--muted-2);font-size:8px}.bench-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.bench-slot{aspect-ratio:1;background:linear-gradient(145deg,#ffffff06,#00000024);border:1px dashed #ffffff1a;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.bench-slot.has-unit{border-style:solid;border-color:#ffffff12}.bench-index{z-index:2;color:#ffffff29;font-family:var(--font-mono);font-size:7px;position:absolute;top:4px;left:5px}.bench-empty{color:#ffffff21;font-family:var(--font-mono);font-size:19px;font-weight:300}.bench-hint{color:var(--gold);font-family:var(--font-mono);text-align:center;margin-top:8px;font-size:8px}.unit-token{border:1px solid color-mix(in srgb, var(--unit-color) 32%, #ffffff0d);background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--unit-color) 57%, #09101a) 0%, #0c1420 62%, #080d15 100%);cursor:pointer;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:5px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.unit-token:hover{z-index:2;border-color:color-mix(in srgb, var(--unit-color) 65%, #fff 5%);box-shadow:0 7px 18px color-mix(in srgb, var(--unit-color) 18%, transparent);transform:translateY(-2px)}.unit-token.is-selected{border-color:var(--gold);box-shadow:0 0 0 1px #f5c96b3d,0 0 22px #f5c96b29}.unit-token.is-dimmed{opacity:.4}.unit-glow{background:var(--unit-accent);opacity:.09;filter:blur(13px);pointer-events:none;border-radius:50%;width:85%;height:75%;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.unit-sigil{z-index:1;color:#fff;font-family:var(--font-mono);letter-spacing:-.04em;text-shadow:0 1px 8px #0009;font-size:clamp(9px,1.15vw,13px);font-weight:800;position:relative}.unit-name{color:#ffffffa1;font-family:var(--font-mono);letter-spacing:.01em;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:5.5px;position:absolute;bottom:2px;left:3px;right:3px;overflow:hidden}.unit-stars{z-index:2;color:#ffd166;text-shadow:0 0 6px #ffd16680;gap:0;font-size:6px;line-height:1;display:flex;position:absolute;top:3px;right:4px}.unit-token.star-3{box-shadow:inset 0 0 18px #ffd16624,0 0 14px #ffd1661f}.unit-token.star-3 .unit-sigil{color:#fff5cb}.unit-items{z-index:2;gap:2px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.unit-item-dot{border:1px solid #0006;border-radius:50%;width:4px;height:4px;box-shadow:0 0 4px}.unit-token-compact .unit-sigil{margin-bottom:2px}.item-dock{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#0f1826eb,#080d14f2);padding:11px 13px 12px}.item-strip{gap:5px;min-height:34px;padding-bottom:2px;display:flex;overflow-x:auto}.item-empty{color:var(--muted-2);align-self:center;font-size:10px}.item-chip{border:1px solid color-mix(in srgb, var(--item-color) 20%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--item-color) 11%, transparent), #ffffff04);cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:6px;min-width:88px;padding:5px 8px 5px 5px;transition:all .16s;display:flex}.item-chip:hover,.item-chip.is-selected{border-color:color-mix(in srgb, var(--item-color) 75%, #fff 5%);background:color-mix(in srgb, var(--item-color) 15%, #0b111a);transform:translateY(-1px)}.item-chip.is-selected{box-shadow:0 0 0 1px color-mix(in srgb, var(--item-color) 22%, transparent)}.item-chip.is-complete{border-style:solid}.item-sigil{border:1px solid color-mix(in srgb, var(--item-color) 35%, transparent);background:color-mix(in srgb, var(--item-color) 13%, #080d15);width:24px;height:24px;color:var(--item-color);font-family:var(--font-mono);border-radius:6px;place-items:center;font-size:7px;font-weight:800;display:grid}.item-name{text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:9px;overflow:hidden}.item-hint{color:var(--muted);background:#f5c96b0b;border:1px solid #f5c96b21;border-radius:7px;margin-top:7px;padding:6px 8px;font-size:9px}.item-hint strong{color:var(--gold)}.shop-stack{flex-direction:column;gap:14px;display:flex}.shop-panel{padding-bottom:12px}.shop-gold{color:var(--gold);font-family:var(--font-mono);background:#f5c96b0f;border:1px solid #f5c96b33;border-radius:8px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:800;display:flex}.coin{background:radial-gradient(circle at 30% 25%,#fff3c6,#f5c96b 45%,#9a6a1c);border:1px solid #fff0be8c;border-radius:50%;width:11px;height:11px;box-shadow:0 0 7px #f5c96b47}.pack-card{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff08,#ffffff02);border-radius:11px;grid-template-columns:92px minmax(0,1fr);gap:10px;margin:0 12px 9px;padding:9px;transition:all .2s;display:grid}.pack-card:hover{background:linear-gradient(135deg,#ffffff0a,#ffffff03);border-color:#ffffff1f}.pack-standard{border-color:#f5c96b24}.pack-item{border-color:#43e0c01f}.pack-art{background:radial-gradient(circle at 50% 45%,#f5c96b29,#0000 55%),linear-gradient(155deg,#182333,#0b111b);border:1px solid #f5c96b30;border-radius:9px;place-items:center;min-height:126px;display:grid;position:relative;overflow:hidden}.pack-art:after{content:"";background:repeating-linear-gradient(115deg,#0000 0 10px,#ffffff04 10px 11px);position:absolute;inset:0}.pack-orbit{border:1px solid #f5c96b33;border-radius:50%;position:absolute}.orbit-one{width:75px;height:75px;animation:16s linear infinite spin}.orbit-two{border-style:dashed;width:54px;height:54px;animation:10s linear infinite reverse spin}.pack-monogram{z-index:2;color:#171005;background:linear-gradient(145deg,#ffe8ab,#e8b84f 55%,#94651e);border:1px solid #ffeab7a6;border-radius:9px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:21px;font-weight:700;display:grid;position:relative;box-shadow:0 0 18px #f5c96b40}.pack-mini-card{z-index:1;background:linear-gradient(145deg,#273a56,#0c131e);border:1px solid #fff3;border-radius:3px;width:22px;height:32px;position:absolute;box-shadow:0 4px 12px #0006}.mini-one{margin:-17px 0 0 -46px;transform:rotate(-18deg)}.mini-two{margin:13px 0 0 -41px;transform:rotate(8deg)}.mini-three{margin:8px 0 0 42px;transform:rotate(20deg)}.item-art{background:radial-gradient(circle,#43e0c029,#0000 55%),linear-gradient(155deg,#152a2b,#0a121a);border-color:#43e0c033}.item-rune{z-index:2;color:var(--teal);text-shadow:0 0 20px #43e0c08c;font-size:34px;animation:5s ease-in-out infinite float;position:relative}.item-rune.small{color:#43e0c06b;font-size:14px;animation-delay:-2s;position:absolute;top:22px;right:21px}.pack-copy{flex-direction:column;min-width:0;display:flex}.pack-titleline{justify-content:space-between;align-items:flex-start;gap:5px;display:flex}.pack-titleline h3{font-size:12px;font-weight:650}.pack-tag{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid #ffffff14;border-radius:5px;padding:2px 5px;font-size:6px}.pack-copy>p{color:var(--muted);margin:4px 0 9px;font-size:9px;line-height:1.45}.pack-copy .tactile-btn{margin-top:auto}.drop-odds{background:#0000001f;border:1px solid #ffffff0e;border-radius:9px;margin:3px 12px 0;padding:9px}.drop-odds-head{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:7px;display:flex}.drop-odds-head strong{color:var(--muted);font-size:7px}.odds-bar{border-radius:99px;gap:2px;height:4px;margin-top:7px;display:flex;overflow:hidden}.odds-bar span{border-radius:2px;height:100%}.odds-legend{flex-wrap:wrap;gap:3px 8px;margin-top:7px;display:flex}.odds-legend span{color:var(--muted-2);font-family:var(--font-mono);align-items:center;gap:3px;font-size:6.5px;display:flex}.odds-legend i{border-radius:1px;width:4px;height:4px}.round-panel{background:radial-gradient(circle at 50% 120%,#f5c96b0f,#0000 55%),linear-gradient(150deg,#131d2df0,#080d15f5);padding:14px}.round-panel.is-combat{background:radial-gradient(circle at 50% 120%,#ff657814,#0000 55%),linear-gradient(150deg,#1c1623f2,#090d15f7);border-color:#ff65783d}.round-panel-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.round-panel h2{letter-spacing:-.01em;margin-top:3px;font-size:16px}.round-clock{color:var(--gold);font-family:var(--font-mono);border:1px solid #f5c96b26;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:700}.is-combat .round-clock{color:var(--red);border-color:#ff657833}.round-hint{min-height:52px;color:var(--muted);margin-bottom:10px;font-size:10px;line-height:1.55}.opponent-lockup{background:#ff657809;border:1px solid #ff65781f;border-radius:9px;align-items:center;gap:9px;min-height:52px;margin-bottom:10px;padding:7px;display:flex}.opponent-avatar{color:#ff9aaa;width:34px;height:34px;font-family:var(--font-mono);background:linear-gradient(145deg,#ff65782e,#ff657808);border:1px solid #ff657840;border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.opponent-lockup>div{flex-direction:column;flex:1;min-width:0;display:flex}.opponent-label{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:6px}.opponent-lockup strong{text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:10px;overflow:hidden}.opponent-meta{color:var(--muted-2);font-family:var(--font-mono);margin-top:1px;font-size:7px}.live-pulse{background:var(--red);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite pulse;box-shadow:0 0 10px #ff6578b3}.phase-note{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.02em;justify-content:space-between;gap:4px;margin-top:8px;font-size:6px;display:flex}.inspector-panel{padding-bottom:12px}.inspector-top{align-items:center;gap:10px;padding:5px 14px 10px;display:flex}.inspector-sigil{color:#fff;width:46px;height:46px;font-family:var(--font-mono);text-shadow:0 1px 4px #00000080;border:1px solid #ffffff2e;border-radius:12px;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid;box-shadow:inset 0 0 16px #0000003d}.inspector-title{flex:1;min-width:0}.inspector-title h2{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:16px;overflow:hidden}.inspector-subtitle{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.inspector-stars{color:var(--gold);text-shadow:0 0 8px #f5c96b59;gap:1px;font-size:9px;display:flex}.inspector-traits{gap:4px;padding:0 14px 9px;display:flex}.mini-trait{border:1px solid color-mix(in srgb, var(--trait-color) 22%, transparent);background:color-mix(in srgb, var(--trait-color) 7%, transparent);color:color-mix(in srgb, var(--trait-color) 80%, #fff);font-family:var(--font-mono);letter-spacing:.02em;border-radius:5px;padding:3px 6px;font-size:6.5px}.stat-grid{border:1px solid var(--line);background:#ffffff05;border-radius:8px;grid-template-columns:repeat(4,1fr);margin:0 14px;display:grid}.stat-cell{text-align:center;flex-direction:column;gap:1px;padding:6px 4px;display:flex}.stat-cell+.stat-cell{border-left:1px solid var(--line)}.stat-cell span{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:6px}.stat-cell strong{font-family:var(--font-mono);font-size:10px}.ability-box{background:linear-gradient(135deg,#ffffff06,#0000001a);border:1px solid #ffffff0e;border-radius:8px;margin:9px 14px 0;padding:8px 9px}.ability-head{align-items:center;gap:5px;display:flex}.ability-head strong{font-size:9px}.ability-dot{border-radius:50%;width:4px;height:4px;box-shadow:0 0 7px}.ability-mana{color:var(--muted-2);font-family:var(--font-mono);margin-left:auto;font-size:6px}.ability-box p{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.45}.equipped-items{flex-wrap:wrap;gap:4px;min-height:17px;padding:8px 14px 0;font-size:7px;display:flex}.equipped-item{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);border-radius:4px;align-items:center;gap:3px;padding:2px 5px;display:flex}.inspector-actions{gap:5px;padding:9px 14px 0;display:flex}.inspector-actions .tactile-btn{flex:1}.inspector-empty{padding-top:10px}.tactile-btn{cursor:pointer;font-family:var(--font-body);letter-spacing:.01em;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;font-weight:700;transition:transform .12s,box-shadow .18s,border-color .18s,background .18s,opacity .18s;display:inline-flex;position:relative;overflow:hidden}.tactile-btn:active:not(:disabled){transform:translateY(1px)scale(.995)}.tactile-btn:disabled{cursor:not-allowed;opacity:.38;filter:saturate(.5)}.tactile-sm{min-height:30px;padding:0 10px;font-size:9px}.tactile-md{min-height:36px;padding:0 13px;font-size:10px}.tactile-lg{min-height:46px;padding:0 18px;font-size:11px}.tactile-full{width:100%}.tactile-gold{color:#1a1206;text-shadow:0 1px #ffffff4d;background:linear-gradient(#ffebb5fa,#ebbd56fa 48%,#ac761cfa);border-color:#ffe49f6b;box-shadow:0 8px 22px #a86f182e,inset 0 1px #ffffff8c,inset 0 -1px #3b250566}.tactile-gold:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 10px 30px #cc932d47,inset 0 1px #fff9}.tactile-teal{color:#031411;background:linear-gradient(#5ceacef5,#26b09cf5 52%,#14746cf5);border-color:#5ff6db61;box-shadow:0 8px 22px #199a8b29,inset 0 1px #ffffff4d}.tactile-ghost{border-color:var(--line);color:var(--text);background:#ffffff09}.tactile-ghost:hover:not(:disabled),.tactile-dark:hover:not(:disabled){background:#ffffff0e;border-color:#ffffff2b}.tactile-dark{color:var(--muted);background:#00000038;border-color:#ffffff14}.tactile-danger{color:#ff98a6;background:#ff657814;border-color:#ff657833}.tactile-danger:hover:not(:disabled){background:#ff657821;border-color:#ff657857}.tactile-sheen{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:40%;height:200%;transition:left .55s;position:absolute;top:-50%;left:-80%;transform:rotate(20deg)}.tactile-btn:hover .tactile-sheen{left:130%}.tactile-label{z-index:1;justify-content:center;align-items:center;gap:6px;display:inline-flex;position:relative}.app-footer{color:#fff3;font-family:var(--font-mono);letter-spacing:.12em;border-top:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:11px 4px 0;font-size:7px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#03060ac7;justify-content:center;align-items:center;padding:18px;animation:.22s both fade-in;display:flex;position:fixed;inset:0}.pack-modal,.info-modal{background:radial-gradient(circle at 50% -10%,#f5c96b17,#0000 40%),linear-gradient(160deg,#111b2a,#080d15 68%);border:1px solid #ffffff1f;border-radius:20px;width:min(900px,100%);max-height:calc(100vh - 36px);padding:20px;animation:.32s cubic-bezier(.2,.8,.2,1) both modal-in;position:relative;overflow-y:auto;box-shadow:0 40px 120px #000000b3,inset 0 1px #ffffff0f}.pack-modal-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.pack-modal-head h2{font-family:var(--font-display);letter-spacing:-.025em;margin-top:3px;font-size:25px}.pack-cost-badge{color:var(--gold);font-family:var(--font-mono);background:#f5c96b0f;border:1px solid #f5c96b33;border-radius:7px;padding:4px 9px;font-size:9px}.screen-shake{animation:.45s cubic-bezier(.36,.07,.19,.97) both modal-shake}@keyframes modal-shake{0%,to{transform:translate(0,0)rotate(0)}15%{transform:translate(-5px,2px)rotate(-.3deg)}30%{transform:translate(6px,-2px)rotate(.35deg)}45%{transform:translate(-7px,1px)rotate(-.3deg)}60%{transform:translate(5px,-1px)rotate(.22deg)}80%{transform:translate(-2px)}}.sealed-stage{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:430px;padding:4px 0 10px;display:flex}.sealed-stage>p{color:var(--muted);font-size:10px}.sealed-pack{cursor:pointer;perspective:900px;background:0 0;border:0;place-items:center;width:214px;height:310px;display:grid;position:relative}.sealed-halo{filter:blur(8px);background:radial-gradient(circle,#f5c96b36,#0000 66%);border-radius:50%;animation:3.2s ease-in-out infinite breathe;position:absolute;inset:-35px}.sealed-pack-face{background:radial-gradient(circle at 50% 30%,#ffeeb638,#0000 40%),linear-gradient(145deg,#26374f 0%,#151f2f 44%,#0a1019 100%);border:1px solid #ffe5a09e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .38s,box-shadow .38s;display:flex;position:relative;overflow:hidden;transform:rotateY(-8deg)rotateX(4deg);box-shadow:0 30px 60px #0000008c,0 0 60px #f5c96b1c,inset 0 1px #ffffff2e}.sealed-pack:hover .sealed-pack-face{transform:rotateY(0)rotateX(0)translateY(-5px);box-shadow:0 38px 80px #0000009e,0 0 70px #f5c96b38,inset 0 1px #fff3}.sealed-pack-face:before{content:"";border:1px solid #ffffff1a;border-radius:9px;position:absolute;inset:9px}.sealed-logo{z-index:2;color:#1b1205;background:radial-gradient(circle at 35% 27%,#fff2c8,#f5c96b 40%,#9f6b1e 100%);border:1px solid #ffe8abb3;border-radius:50%;place-items:center;width:78px;height:78px;font-family:Georgia,serif;font-size:48px;font-weight:700;display:grid;position:relative;box-shadow:0 0 32px #f5c96b47,inset 0 1px #fffc}.sealed-line{background:linear-gradient(90deg,#0000,#f5c96b99,#0000);width:78px;height:1px;margin:24px 0 15px}.sealed-caption{color:#ffe29cb8;font-family:var(--font-mono);letter-spacing:.24em;font-size:8px}.sealed-seam{background:repeating-linear-gradient(90deg,#ffdc8c52 0 6px,#0000 6px 10px);height:1px;position:absolute;top:20px;left:20px;right:20px}.sealed-spark{background:#ffe7a5;border-radius:50%;width:4px;height:4px;animation:2.6s ease-in-out infinite sparkle;position:absolute;box-shadow:0 0 10px #ffd36e}.spark-a{top:15%;left:6%}.spark-b{animation-delay:-.9s;bottom:31%;right:4%}.spark-c{animation-delay:-1.7s;bottom:7%;left:17%}.reveal-stage{padding-top:4px}.reveal-cards{perspective:1500px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.reveal-cards.is-item-pack{grid-template-columns:repeat(2,minmax(0,210px));justify-content:center}.reveal-card{aspect-ratio:.72;perspective:1000px;max-height:335px;position:relative}.reveal-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.75,.15,1);position:relative;transform:rotateY(0)}.reveal-card.is-revealed .reveal-card-inner{transform:rotateY(180deg)}.reveal-face{backface-visibility:hidden;border:1px solid #ffffff1c;border-radius:13px;position:absolute;inset:0;overflow:hidden}.reveal-back{background:radial-gradient(circle at 50% 35%,#f5c96b1f,#0000 45%),repeating-linear-gradient(45deg,#ffffff05 0 7px,#0000 7px 14px),linear-gradient(145deg,#1b2a3f,#0a1019);place-items:center;display:grid}.card-back-mark{color:#f5c96bbf;border:1px solid #f5c96b59;border-radius:50%;place-items:center;width:48px;height:48px;font-family:Georgia,serif;font-size:28px;display:grid}.reveal-front{background:radial-gradient(circle at 50% 26%, color-mix(in srgb, var(--rarity) 15%, transparent), transparent 45%), linear-gradient(160deg, #172336 0%, #0b121c 70%);flex-direction:column;align-items:center;padding:16px 12px 13px;display:flex;transform:rotateY(180deg)}.reveal-front:before{border:1px solid color-mix(in srgb, var(--rarity) 38%, transparent);content:"";pointer-events:none;border-radius:9px;position:absolute;inset:5px}.reveal-front:after{background:linear-gradient(180deg, color-mix(in srgb, var(--rarity) 12%, transparent), transparent);pointer-events:none;content:"";height:38%;position:absolute;top:0;left:0;right:0}.card-rarity{z-index:2;border:1px solid color-mix(in srgb, var(--rarity) 42%, transparent);color:var(--rarity);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:99px;padding:3px 7px;font-size:6px;font-weight:700;position:relative}.card-portrait{z-index:2;border:2px solid color-mix(in srgb, var(--rarity) 55%, #fff 8%);color:#fff;width:88px;height:88px;font-family:var(--font-mono);letter-spacing:-.05em;text-shadow:0 2px 7px #000000a6;box-shadow:0 0 30px color-mix(in srgb, var(--rarity) 22%, transparent), inset 0 0 24px #00000047;border-radius:50%;place-items:center;margin:20px 0 14px;font-size:24px;font-weight:800;display:grid;position:relative}.item-portrait{margin-top:30px}.card-name{z-index:2;font-family:var(--font-display);letter-spacing:-.02em;font-size:17px;position:relative}.card-title{z-index:2;color:var(--muted);text-align:center;margin-top:3px;font-size:8px;position:relative}.card-stars{z-index:2;color:var(--gold);text-shadow:0 0 8px #f5c96b73;gap:2px;margin-top:10px;font-size:10px;display:flex;position:relative}.card-tier{z-index:2;color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.05em;text-align:center;margin-top:auto;padding-top:8px;font-size:6px;position:relative}.reveal-summary{opacity:0;flex-direction:column;align-items:center;gap:9px;min-height:44px;margin:16px 0 10px;transition:all .32s;display:flex;transform:translateY(5px)}.reveal-summary.is-visible{opacity:1;transform:translateY(0)}.summary-banner{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:4px 10px;font-size:7px}.summary-banner.epic{color:var(--gold);background:#f5c96b0f;border-color:#f5c96b47;box-shadow:0 0 20px #f5c96b14}.merge-summary{background:#f5c96b0e;border:1px solid #f5c96b33;border-radius:9px;align-items:center;gap:9px;padding:7px 12px;display:flex}.merge-icon{color:var(--gold);text-shadow:0 0 12px #f5c96b80;font-size:18px}.merge-summary strong{color:var(--gold);font-size:9px;display:block}.merge-summary p{color:var(--muted);margin-top:1px;font-size:8px}.info-modal{width:min(600px,100%)}.icon-close{border:1px solid var(--line);width:31px;height:31px;color:var(--muted);cursor:pointer;background:#ffffff06;border-radius:8px;place-items:center;font-size:19px;line-height:1;display:grid}.icon-close:hover{border-color:var(--line-strong);color:var(--text)}.modal-loading,.modal-error{min-height:190px;color:var(--muted);font-family:var(--font-mono);place-items:center;font-size:9px;display:grid}.modal-error{color:var(--red)}.leaderboard-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.leaderboard-head,.leaderboard-row{grid-template-columns:38px minmax(0,1fr) 58px 48px 45px;align-items:center;gap:6px;padding:7px 10px;display:grid}.leaderboard-head{border-bottom:1px solid var(--line);color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:#ffffff06;font-size:6px}.leaderboard-row{font-family:var(--font-mono);border-bottom:1px solid #ffffff0a;font-size:9px}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row.is-self{background:#43e0c00e}.rank{color:var(--muted);font-weight:700}.rank-1{color:#ffd369}.rank-2{color:#cbd8e8}.rank-3{color:#c98d63}.lb-player{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.lb-avatar{width:23px;height:23px;color:var(--teal);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;flex:none;place-items:center;font-size:8px;display:grid}.lb-player em{color:var(--teal);text-transform:uppercase;background:#43e0c01a;border-radius:3px;padding:1px 4px;font-size:5px;font-style:normal}.leaderboard-row strong{color:var(--gold)}.leaderboard-row>span:not(.rank):not(.lb-player){color:var(--muted)}.leaderboard-note{color:var(--muted-2);margin:11px 2px 14px;font-size:9px;line-height:1.55}.resolve-flash{z-index:70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#0a101aeb;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;min-width:220px;padding:11px 24px 12px;animation:.36s cubic-bezier(.2,.85,.2,1) both result-in;display:flex;position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #0000008c}.resolve-flash.won{border-color:#43e0c052;box-shadow:0 20px 60px #0000008c,0 0 40px #43e0c01a}.resolve-flash.lost{border-color:#ff657852;box-shadow:0 20px 60px #0000008c,0 0 40px #ff65781a}.resolve-kicker{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:7px}.resolve-flash strong{font-family:var(--font-display);letter-spacing:.05em;margin:2px 0;font-size:24px}.resolve-flash.won strong{color:var(--teal)}.resolve-flash.lost strong{color:var(--red)}.resolve-flash.draw strong{color:var(--gold)}.resolve-meta{color:var(--muted);font-family:var(--font-mono);gap:7px;font-size:7px;display:flex}.resolve-meta span+span{border-left:1px solid var(--line);padding-left:7px}.toast{z-index:150;border:1px solid var(--line);max-width:min(480px,100vw - 32px);color:var(--text);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c131ef5;border-radius:9px;padding:10px 15px;font-size:10px;animation:.24s both toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 15px 45px #00000080}.toast-error{color:#ffb3bd;border-color:#ff65784d}.toast-success{color:#8ff5df;border-color:#43e0c04d}.toast-warning{color:#ffe2a5;border-color:#f5c96b4d}.gameover-backdrop{z-index:120;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030509d4;justify-content:center;align-items:center;padding:18px;animation:.35s both fade-in;display:flex;position:fixed;inset:0}.gameover-card{text-align:center;background:radial-gradient(circle at 50% 0,#ff65781c,#0000 42%),linear-gradient(160deg,#151c2b,#080d15 72%);border:1px solid #ff657830;border-radius:20px;width:min(440px,100%);padding:26px;animation:.38s cubic-bezier(.2,.8,.2,1) both modal-in;box-shadow:0 40px 110px #000000b3,inset 0 1px #ffffff0d}.gameover-card .eyebrow{color:var(--red)}.gameover-card h2{font-family:var(--font-display);letter-spacing:-.03em;margin-top:5px;font-size:30px}.gameover-sub{max-width:320px;color:var(--muted);margin:7px auto 16px;font-size:11px;line-height:1.55}.gameover-sub strong{color:var(--gold)}.gameover-stats{border:1px solid var(--line);background:#ffffff05;border-radius:10px;grid-template-columns:repeat(3,1fr);margin-bottom:14px;display:grid}.gameover-stats>div{flex-direction:column;padding:9px;display:flex}.gameover-stats>div+div{border-left:1px solid var(--line)}.gameover-stats strong{color:var(--gold);font-family:var(--font-mono);font-size:18px}.gameover-stats span{color:var(--muted-2);font-family:var(--font-mono);text-transform:uppercase;font-size:7px}.gameover-traits{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:14px;display:flex}.gameover-traits span{border:1px solid color-mix(in srgb, var(--trait-color) 25%, transparent);background:color-mix(in srgb, var(--trait-color) 7%, transparent);color:color-mix(in srgb, var(--trait-color) 75%, #fff);font-family:var(--font-mono);border-radius:5px;padding:3px 7px;font-size:7px}.gameover-card .tactile-btn+.tactile-btn{margin-top:7px}.boot-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:100vh;padding:24px;display:flex}.boot-mark{color:#171005;background:linear-gradient(145deg,#ffe8ab,#e7b64e 50%,#94651d);border:1px solid #ffe5a080;border-radius:19px;place-items:center;width:74px;height:74px;margin-bottom:6px;font-family:Georgia,serif;font-size:44px;font-weight:700;animation:2.6s ease-in-out infinite breathe;display:grid;box-shadow:0 0 50px #f5c96b29}.boot-mark.is-error{color:#21060a;background:linear-gradient(145deg,#ff9ba5,#c63d50 55%,#6e1723);border-color:#ff657866}.boot-screen h1{letter-spacing:-.04em;font-family:Georgia,serif;font-size:32px}.boot-screen p{max-width:370px;color:var(--muted);font-size:11px}.boot-line{background:#ffffff0f;border-radius:99px;width:180px;height:2px;margin-top:12px;overflow:hidden}.boot-line:after{background:linear-gradient(90deg, transparent, var(--gold), transparent);content:"";width:55%;height:100%;animation:1.25s ease-in-out infinite boot-scan;display:block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.84)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes breathe{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.035)}}@keyframes sparkle{0%,to{opacity:0;transform:translateY(8px)scale(.5)}45%{opacity:1;transform:translateY(0)scale(1)}65%{opacity:.6;transform:translateY(-5px)scale(.75)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes result-in{0%{opacity:0;transform:translate(-50%,-14px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes boot-scan{0%{transform:translate(-140%)}to{transform:translate(320%)}}@media (max-width:1320px){.game-layout{grid-template-columns:224px minmax(0,1fr) 302px}.header-vitals{gap:7px}.vital{padding-left:8px;padding-right:8px}.vital-label,.player-chip{display:none}}@media (max-width:1120px){.app-header{flex-wrap:wrap}.header-vitals{flex-basis:100%;order:3;justify-content:flex-start}.header-actions{margin-left:auto}.game-layout{grid-template-columns:minmax(0,1fr) 310px}.left-column{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.trait-description{white-space:normal}.round-log{max-height:160px;overflow-y:auto}}@media (max-width:840px){.app-shell{padding:10px}.app-header{gap:10px;padding:11px;position:relative}.brand-copy span{display:none}.brand-lockup{min-width:0}.header-actions{gap:6px}.header-link span:last-child{display:none}.header-link{justify-content:center;width:36px;padding:0}.game-layout{flex-direction:column;align-items:stretch;display:flex}.arena-column{order:1;width:100%}.command-column{order:2}.left-column{order:3;grid-template-columns:1fr;display:grid}.canvas-shell{max-width:min(100%,87.5vh - 157.5px)}.command-column{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;display:grid}.shop-stack{min-width:0}.app-footer{text-align:center;flex-wrap:wrap;justify-content:center}.reveal-cards{gap:8px}.card-portrait{width:66px;height:66px;margin:13px 0 9px;font-size:19px}.card-name{font-size:14px}.card-title{font-size:7px}.sealed-stage{min-height:380px}.sealed-pack{width:185px;height:270px}}@media (max-width:620px){.header-vitals{grid-template-columns:1.35fr 1fr 1fr 1fr;width:100%;display:grid}.vital{min-height:38px;padding:5px 6px}.health-hearts{gap:0}.health-heart{font-size:12px}.health-number{display:none}.timer-dial{width:48px;height:48px}.timer-dial-inner{width:38px;height:38px}.timer-dial-inner span{font-size:10px}.command-column{display:flex}.bench-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bench-slot{aspect-ratio:1.2}.game-canvas{min-height:310px}.canvas-shell{max-width:100%}.arena-footer{flex-direction:column;align-items:flex-start}.selection-hint{text-align:left}.pack-card{grid-template-columns:74px minmax(0,1fr)}.pack-art{min-height:116px}.reveal-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.reveal-cards.is-item-pack{grid-template-columns:repeat(2,minmax(0,1fr))}.reveal-front{padding:10px 6px 8px}.card-rarity{font-size:5px}.card-portrait{width:53px;height:53px;margin:12px 0 7px;font-size:15px}.card-name{font-size:11px}.card-title{display:none}.card-stars{margin-top:5px;font-size:7px}.pack-modal{padding:13px}.pack-modal-head h2{font-size:20px}.sealed-stage{min-height:340px}.sealed-pack{width:160px;height:235px}.sealed-logo{width:61px;height:61px;font-size:37px}.leaderboard-head,.leaderboard-row{grid-template-columns:30px minmax(0,1fr) 48px 35px}.leaderboard-head span:last-child,.leaderboard-row>span:last-child{display:none}.resolve-flash{top:70px}.resolve-flash strong{font-size:19px}.gameover-card{padding:20px}.gameover-card h2{font-size:25px}}@media (max-width:420px){.brand-copy h1{font-size:21px}.brand-mark{width:38px;height:38px;font-size:23px}.header-vitals{grid-template-columns:1.2fr .8fr .8fr .8fr}.vital-icon{width:22px;height:22px;font-size:9px}.vital strong{font-size:13px}.header-link{display:none}.game-canvas{min-height:260px}.bench-grid{gap:4px}.panel-heading{padding-left:11px;padding-right:11px}}.eyebrow{font-size:10px}.brand-copy span,.vital>div>span{font-size:9px}.trait-name{font-size:12px}.trait-count{font-size:10px}.trait-breakpoints{font-size:8px}.trait-description{font-size:10px}.run-stats span,.phase-note{font-size:8px}.log-opponent{font-size:10px}.log-round{font-size:9px}.unit-name{font-size:6.5px}.item-name,.pack-copy>p{font-size:10px}.pack-tag{font-size:7px}.drop-odds-head,.odds-legend span{font-size:8px}.round-hint{font-size:11px}.opponent-meta{font-size:8px}.arena-footer,.app-footer{font-size:9px}.stat-cell span{font-size:7px}.stat-cell strong{font-size:11px}.ability-box p{font-size:9px}.equipped-item{font-size:8px}.card-rarity{font-size:7px}.card-title{font-size:9px}.card-tier{font-size:7px}.leaderboard-row{font-size:10px}@media (max-width:620px){.card-rarity{font-size:6.5px}.card-name{font-size:12px}.unit-name{font-size:7px}}a.brand-lockup,a.header-link,a.inline-link,a.gameover-lobby-link{text-decoration:none}a.brand-lockup{color:inherit}.meta-shell{padding-bottom:36px}.meta-header{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(120deg,#141f30f0,#090e17f0),radial-gradient(circle at 20% 0,#f5c96b0d,#0000 30%);border-radius:20px;align-items:center;gap:clamp(14px,2vw,28px);padding:12px 16px;display:flex;position:relative;box-shadow:0 22px 60px #00000059,inset 0 1px #ffffff0b}.meta-nav{border:1px solid var(--line);background:#00000029;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.meta-nav a{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:7px;padding:7px 11px;font-size:9px;transition:all .16s}.meta-nav a:hover{color:var(--text)}.meta-nav a.is-active{color:var(--gold);background:#f5c96b1a}.meta-account{align-items:center;gap:8px;margin-left:auto;display:flex}.meta-currencies{align-items:center;gap:5px;display:flex}.currency-pill{border:1px solid var(--line);height:32px;font-family:var(--font-mono);background:#ffffff06;border-radius:8px;align-items:center;gap:5px;padding:0 9px;display:flex}.currency-pill strong{color:var(--text);font-size:11px}.currency-pill>span:last-child{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:7px}.currency-coins{border-color:#f5c96b29}.currency-gems{border-color:#ad8bff2e}.gem-icon{background:linear-gradient(135deg,#f0e2ff,#ad8bff 45%,#6546c9);border:1px solid #e6d4ffcc;border-radius:3px;width:11px;height:11px;display:inline-block;transform:rotate(45deg);box-shadow:0 0 9px #ad8bff59}.meta-player{flex-direction:column;line-height:1.1;display:flex}.meta-player strong{max-width:105px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.meta-player span{color:var(--muted-2);font-family:var(--font-mono);margin-top:2px;font-size:7px}.hub-layout,.store-layout,.deck-page{flex-direction:column;gap:15px;padding-top:15px;display:flex}.hub-hero{background:radial-gradient(circle at 82% 44%,#f5c96b1f,#0000 24%),radial-gradient(circle at 95% 18%,#ad8bff1f,#0000 28%),linear-gradient(145deg,#111d2ef7,#070c14fc);grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);min-height:325px;padding:clamp(26px,4vw,48px);display:grid;position:relative;overflow:hidden}.hub-hero-copy{z-index:2;max-width:650px;position:relative}.hub-hero-copy h2{letter-spacing:-.045em;margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,4.4vw,62px);font-weight:700;line-height:.97}.hub-hero-copy p{max-width:520px;color:var(--muted);margin-top:16px;font-size:12px;line-height:1.65}.hub-hero-actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.hub-hero-art{place-items:center;min-height:250px;display:grid;position:relative}.hero-orbit{border:1px solid #f5c96b33;border-radius:50%;position:absolute}.hero-orbit.orbit-one{width:250px;height:250px;animation:24s linear infinite spin}.hero-orbit.orbit-two{border-style:dashed;border-color:#ad8bff3d;width:190px;height:190px;animation:18s linear infinite reverse spin}.hero-pack{z-index:2;background:radial-gradient(circle at 50% 28%,#ffeeb633,#0000 42%),linear-gradient(145deg,#293b53,#131e2e 50%,#090e17);border:1px solid #ffe5a08c;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:145px;height:205px;display:flex;position:relative;transform:rotate(4deg);box-shadow:0 30px 60px #00000080,0 0 50px #f5c96b1f,inset 0 1px #ffffff29}.hero-pack:before{content:"";border:1px solid #ffffff17;border-radius:8px;position:absolute;inset:9px}.hero-pack>span{color:#171005;background:linear-gradient(145deg,#ffe8ab,#e7b64e 52%,#94651d);border-radius:50%;place-items:center;width:60px;height:60px;font-family:Georgia,serif;font-size:38px;font-weight:700;display:grid;box-shadow:0 0 28px #f5c96b40}.hero-pack small{color:#ffe5a0a6;font-family:var(--font-mono);letter-spacing:.2em;font-size:7px}.hero-card{z-index:3;width:44px;height:60px;color:var(--gold);background:linear-gradient(145deg,#20314a,#0b121d);border:1px solid #ffffff29;border-radius:6px;place-items:center;font-size:15px;display:grid;position:absolute;box-shadow:0 10px 25px #0006}.hero-card-a{animation:6s ease-in-out infinite float;top:20%;left:7%;transform:rotate(-16deg)}.hero-card-b{color:var(--violet);animation:7s ease-in-out -2s infinite float;bottom:24%;right:5%;transform:rotate(17deg)}.hero-card-c{color:var(--teal);animation:5s ease-in-out -1s infinite float;bottom:9%;left:20%;transform:rotate(7deg)}.hub-stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hub-stat{border:1px solid var(--line);background:#ffffff06;border-radius:12px;padding:14px 16px}.hub-stat strong{font-family:var(--font-mono);letter-spacing:-.04em;margin-top:5px;font-size:24px;display:block}.hub-stat strong span{color:var(--muted-2);font-size:12px}.hub-stat p{color:var(--muted-2);margin-top:2px;font-size:9px}.hub-grid{grid-template-columns:1.25fr .8fr .8fr;gap:12px;display:grid}.hub-card{padding-bottom:15px}.hub-tier-curve{padding:2px 16px 8px}.hub-curve-row,.deck-curve-row{font-family:var(--font-mono);grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:7px;margin-bottom:6px;font-size:8px;display:grid}.hub-curve-track,.deck-curve-track{background:#ffffff0e;border-radius:99px;height:5px;overflow:hidden}.hub-curve-track span,.deck-curve-track span{border-radius:inherit;height:100%;display:block}.hub-curve-row strong,.deck-curve-row strong{text-align:right;font-size:9px}.hub-traits{flex-wrap:wrap;gap:4px;padding:3px 16px 12px;display:flex}.hub-deck-footer{color:var(--muted);font-family:var(--font-mono);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:10px;padding:9px 16px 0;font-size:8px;display:flex}.inline-link{color:var(--gold);font-family:var(--font-mono);letter-spacing:.03em;font-size:9px;transition:all .16s}.inline-link:hover{color:#ffe5a3}.hub-pack-preview{background:radial-gradient(circle at 50% 30%,#ad8bff2e,#0000 45%),linear-gradient(145deg,#203049,#090e17);border:1px solid #ad8bff47;border-radius:10px;place-items:center;width:96px;height:122px;margin:2px auto 13px;display:grid;position:relative;overflow:hidden}.hub-pack-preview .pack-monogram{width:35px;height:35px;font-size:22px}.hub-pack-shine{background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:40%;height:200%;animation:4.5s ease-in-out infinite store-shine;position:absolute;top:-50%;left:-80%;transform:rotate(21deg)}@keyframes store-shine{0%,55%{left:-80%}80%,to{left:140%}}.hub-card .tactile-btn{width:calc(100% - 32px);margin:0 16px}.hub-card-copy{color:var(--muted);margin:0 16px 12px;font-size:10px;line-height:1.55}.hub-quick-units{justify-content:center;gap:5px;margin:8px 16px 13px;display:flex}.hub-quick-units span{border:1px solid color-mix(in srgb, var(--unit-color) 35%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--unit-color) 50%, #0b111b), #080d15);color:#fff;width:40px;height:48px;font-family:var(--font-mono);border-radius:7px;place-items:center;font-size:9px;font-weight:800;display:grid}.store-hero{justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;display:flex}.store-hero h2{font-family:var(--font-display);letter-spacing:-.03em;margin-top:4px;font-size:30px}.store-hero p{max-width:650px;color:var(--muted);margin-top:6px;font-size:11px;line-height:1.55}.store-wallet{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.store-owned{width:100%;color:var(--muted-2);font-family:var(--font-mono);text-align:right;font-size:8px}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.store-pack-card{grid-template-columns:170px minmax(0,1fr);gap:16px;padding:14px;display:grid;overflow:hidden}.store-pack-art{border:1px solid color-mix(in srgb, var(--pack-accent) 25%, transparent);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--pack-accent) 18%, transparent), transparent 52%), linear-gradient(150deg, #1b2a40, #0a1019);border-radius:12px;place-items:center;min-height:248px;display:grid;position:relative;overflow:hidden}.store-pack-glow{background:var(--pack-accent);opacity:.08;filter:blur(25px);border-radius:50%;position:absolute;inset:18%}.store-pack-copy{flex-direction:column;min-width:0;padding:4px 2px;display:flex}.store-pack-copy h3{letter-spacing:-.02em;font-size:18px}.store-pack-copy>p{color:var(--muted);margin:8px 0 12px;font-size:10px;line-height:1.55}.store-odds{background:#00000024;border:1px solid #ffffff0f;border-radius:8px;margin-top:auto;padding:9px}.store-price-row{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.store-price{color:var(--gold);font-family:var(--font-mono);align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.store-collection{padding-bottom:16px}.store-expansion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 14px;display:grid}.store-expansion-unit{border:1px solid var(--line);background:#ffffff05;border-radius:9px;align-items:center;gap:8px;padding:8px;display:flex}.store-expansion-unit.is-locked{opacity:.42}.store-expansion-unit.is-owned{border-color:color-mix(in srgb, var(--tier-color) 28%, transparent);background:color-mix(in srgb, var(--tier-color) 5%, transparent)}.store-expansion-sigil{border:1px solid color-mix(in srgb, var(--unit-color) 40%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--unit-color) 55%, #0b111b), #080d15);color:#fff;width:33px;height:38px;font-family:var(--font-mono);border-radius:6px;flex:none;place-items:center;font-size:9px;font-weight:800;display:grid}.store-expansion-unit>div{flex-direction:column;min-width:0;display:flex}.store-expansion-unit strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.store-expansion-unit span:last-child{color:var(--muted-2);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:6.5px;overflow:hidden}.store-footer-actions{justify-content:space-between;align-items:center;padding:5px 3px;display:flex}.deck-hero{justify-content:space-between;align-items:center;gap:22px;padding:22px 24px;display:flex}.deck-hero h2{font-family:var(--font-display);letter-spacing:-.03em;margin-top:4px;font-size:30px}.deck-hero p{max-width:690px;color:var(--muted);margin-top:6px;font-size:11px;line-height:1.55}.deck-count{border:1px solid var(--line);min-width:122px;font-family:var(--font-mono);background:#ffffff06;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:baseline;padding:10px 15px;display:flex}.deck-count strong{letter-spacing:-.05em;font-size:30px}.deck-count>span{color:var(--muted-2);font-size:14px}.deck-count small{width:100%;color:var(--muted-2);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin-top:2px;font-size:7px}.deck-count.is-complete{background:#43e0c00f;border-color:#43e0c047}.deck-count.is-complete strong{color:var(--teal)}.deck-pool-status{border:1px solid var(--line);background:#ffffff05;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:10px 15px;transition:all .18s;display:flex}.deck-pool-status.is-complete{background:#43e0c00b;border-color:#43e0c045}.deck-pool-status>div{align-items:baseline;gap:8px;display:flex}.deck-pool-status strong{color:var(--muted);font-family:var(--font-mono);font-size:10px}.deck-pool-status.is-complete strong{color:var(--teal)}.deck-pool-result{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:5px;padding:3px 7px;font-size:7px}.deck-pool-result.is-valid{color:var(--teal);border-color:#43e0c03d}.deck-pool-result.is-invalid{color:var(--gold)}.deck-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:14px;display:grid}.collection-panel{padding-bottom:16px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:7px;padding:0 14px;display:grid}.collection-unit{border:1px solid color-mix(in srgb, var(--unit-color) 26%, var(--line));background:radial-gradient(circle at 52% 20%, color-mix(in srgb, var(--unit-color) 20%, transparent), transparent 48%), linear-gradient(155deg, #121d2d, #080d15);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;min-height:132px;padding:9px;transition:all .16s;display:flex;position:relative;overflow:hidden}.collection-unit:hover{border-color:color-mix(in srgb, var(--unit-color) 58%, #fff 4%);transform:translateY(-2px)}.collection-unit.is-selected{border-color:var(--gold);box-shadow:0 0 0 1px #f5c96b33,0 8px 24px #00000047,inset 0 0 24px #f5c96b0d}.collection-tier{border:1px solid color-mix(in srgb, var(--tier-color) 38%, transparent);background:color-mix(in srgb, var(--tier-color) 10%, transparent);color:var(--tier-color);font-family:var(--font-mono);border-radius:4px;padding:2px 4px;font-size:6px;font-weight:700;position:absolute;top:7px;left:8px}.collection-copies{color:var(--muted);font-family:var(--font-mono);font-size:7px;position:absolute;top:7px;right:7px}.collection-sigil{border:1px solid color-mix(in srgb, var(--unit-color) 48%, #fff 4%);background:radial-gradient(circle at 35% 28%, var(--unit-accent), var(--unit-color) 44%, #0b111b 100%);color:#fff;width:43px;height:43px;font-family:var(--font-mono);box-shadow:0 0 17px color-mix(in srgb, var(--unit-color) 18%, transparent);border-radius:50%;place-items:center;margin:17px auto 7px;font-size:11px;font-weight:800;display:grid}.collection-unit strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;overflow:hidden}.collection-traits{width:100%;color:var(--muted-2);font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:6.5px;overflow:hidden}.collection-check{border:1px solid var(--line);width:20px;height:20px;color:var(--muted);font-family:var(--font-mono);background:#00000040;border-radius:50%;place-items:center;font-size:9px;display:grid;position:absolute;bottom:7px;right:7px}.collection-unit.is-selected .collection-check{background:var(--gold);color:#191105;border-color:#f5c96b73}.deck-sidebar{flex-direction:column;gap:10px;max-height:calc(100vh - 24px);padding-right:2px;display:flex;position:sticky;top:12px;overflow-y:auto}.deck-config{padding-bottom:14px}.deck-name-field{flex-direction:column;gap:4px;padding:0 14px 11px;display:flex}.deck-name-field span,.deck-section-label{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:7px}.deck-name-field input{border:1px solid var(--line);color:var(--text);background:#0003;border-radius:7px;outline:none;padding:8px 9px;font-size:11px}.deck-name-field input:focus{border-color:#f5c96b66}.deck-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:0 14px 12px;display:grid}.deck-slot{aspect-ratio:1;background:#ffffff04;border:1px dashed #ffffff1a;border-radius:6px;place-items:center;display:grid;position:relative}.deck-slot.has-unit{border-style:solid;border-color:color-mix(in srgb, var(--unit-color) 40%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--unit-color) 34%, #0b111b), #080d15)}.deck-slot>span{color:#fff;font-family:var(--font-mono);font-size:8px;font-weight:800}.deck-slot small{color:var(--muted-2);font-family:var(--font-mono);font-size:5px;position:absolute;bottom:2px;right:3px}.deck-slot-empty{color:#ffffff29!important;font-weight:400!important}.deck-curve{border-top:1px solid #ffffff0d;padding:10px 14px 6px}.deck-curve .deck-section-label{margin-bottom:7px}.deck-tier-meters{border-top:1px solid #ffffff0d;padding:10px 14px 4px}.deck-tier-meters .deck-section-label,.deck-tier-meter{margin-bottom:7px}.deck-tier-meter-head{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;gap:6px;display:flex}.deck-tier-meter-head>span{font-size:8px;font-weight:700}.deck-tier-meter-head strong{color:var(--muted);font-size:7px;font-weight:500}.deck-tier-meter.is-low .deck-tier-meter-head strong{color:var(--gold)}.deck-tier-meter.is-high .deck-tier-meter-head strong{color:var(--red)}.deck-tier-meter.is-ok .deck-tier-meter-head strong{color:var(--teal)}.deck-tier-meter-track{background:#ffffff0e;border-radius:99px;height:4px;margin-top:3px;overflow:hidden}.deck-tier-meter-track span{border-radius:inherit;opacity:.7;height:100%;display:block}.deck-tier-meter.is-ok .deck-tier-meter-track span{opacity:1}.deck-tier-meter.is-high .deck-tier-meter-track span{background:var(--red)!important}.deck-tier-meter.is-low .deck-tier-meter-track span{opacity:.45}.validation-success{color:var(--teal);background:#43e0c00a;border:1px solid #43e0c026;border-radius:6px;padding:5px 7px;font-size:8px}.validation-warning+.validation-warning{margin-top:4px}.deck-traits{border-top:1px solid #ffffff0d;padding:9px 14px 4px}.deck-trait-list{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.deck-trait-list>span{border:1px solid color-mix(in srgb, var(--trait-color) 24%, transparent);background:color-mix(in srgb, var(--trait-color) 7%, transparent);color:color-mix(in srgb, var(--trait-color) 78%, #fff);font-family:var(--font-mono);border-radius:5px;align-items:center;gap:4px;padding:3px 6px;font-size:7px;display:inline-flex}.deck-trait-list strong{color:#fff;font-size:8px}.deck-validation{padding:4px 14px 0}.validation-warning{color:var(--gold);background:#f5c96b0a;border:1px solid #f5c96b21;border-radius:6px;padding:5px 7px;font-size:8px}.deck-actions{flex-wrap:wrap;gap:5px;padding:10px 14px 0;display:flex}.deck-actions .tactile-full{margin-top:3px}.match-shop-panel{padding-bottom:12px}.match-shop-grid{flex-direction:column;gap:5px;padding:0 12px;display:flex}.match-shop-card{border:1px solid color-mix(in srgb, var(--unit-color) 24%, var(--line));background:linear-gradient(100deg, color-mix(in srgb, var(--unit-color) 11%, transparent), #ffffff04 60%);cursor:pointer;text-align:left;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:1px 8px;min-height:54px;padding:6px 8px;transition:all .16s;display:grid;position:relative;overflow:hidden}.match-shop-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--unit-color) 55%, #fff 5%);background:color-mix(in srgb, var(--unit-color) 13%, #0b111b);transform:translate(2px)}.match-shop-card:disabled{cursor:not-allowed}.match-shop-card.is-locked{opacity:.45}.match-shop-card.is-sold{opacity:.28;border-style:dashed}.shop-card-tier{color:var(--tier-color);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:5px;position:absolute;top:3px;right:6px}.shop-card-portrait{border:1px solid color-mix(in srgb, var(--unit-color) 48%, #fff 4%);background:radial-gradient(circle at 35% 27%, color-mix(in srgb, var(--unit-color) 75%, #fff 10%), var(--unit-color) 48%, #080d15);color:#fff;width:32px;height:36px;font-family:var(--font-mono);border-radius:7px;grid-area:1/1/3;place-items:center;font-size:8px;font-weight:800;display:grid}.match-shop-card strong{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;font-size:10px;overflow:hidden}.shop-card-traits{color:var(--muted-2);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;grid-area:2/2;font-size:6px;overflow:hidden}.shop-card-cost{color:var(--gold);font-family:var(--font-mono);white-space:nowrap;background:#f5c96b0f;border:1px solid #f5c96b29;border-radius:6px;grid-area:1/3/3;padding:4px 6px;font-size:8px;font-weight:700}.match-shop-card.is-sold .shop-card-cost{border-color:var(--line);color:var(--muted-2);background:0 0}.match-shop-footer{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 0;display:flex}.shop-pool-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.shop-pool-meta strong{font-size:9px}.shop-pool-meta>span:last-child{color:var(--muted-2);font-family:var(--font-mono);font-size:6px}.shop-pool-meta+.tactile-btn{flex:none}.compact-odds{margin-top:10px}.coin-reward{color:var(--gold)}.gameover-lobby-link{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:10px;font-size:8px;display:block}.gameover-lobby-link:hover{color:var(--gold)}.reveal-cards.is-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.is-five .reveal-front{padding:12px 8px 10px}.is-five .card-portrait{width:66px;height:66px;margin:17px 0 9px;font-size:18px}.is-five .card-name{font-size:13px}.is-five .card-title{display:none}.is-five .card-tier{font-size:6px}.card-new-badge,.card-copy-badge{z-index:3;font-family:var(--font-mono);letter-spacing:.08em;border-radius:4px;padding:2px 5px;font-size:6px;font-weight:800;position:absolute;top:9px;right:9px}.card-new-badge{background:var(--gold);color:#171005;box-shadow:0 0 12px #f5c96b59}.card-copy-badge{border:1px solid var(--line);color:var(--muted);background:#05090e99}@media (max-width:1180px){.meta-header{flex-wrap:wrap}.meta-nav{order:3;justify-content:center;width:100%}.meta-account{margin-left:auto}.hub-grid{grid-template-columns:1.2fr 1fr}.hub-quick-card{grid-column:1/-1}.store-grid{grid-template-columns:1fr}.deck-layout{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:900px){.hub-hero{grid-template-columns:1fr}.hub-hero-art{display:none}.hub-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-grid{grid-template-columns:1fr}.hub-quick-card{grid-column:auto}.deck-layout{grid-template-columns:1fr}.deck-sidebar{max-height:none;position:static;overflow:visible}.store-hero,.deck-hero{flex-direction:column;align-items:flex-start}.store-wallet{justify-content:flex-start}.store-owned{text-align:left}.store-expansion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.meta-header{gap:9px;padding:10px}.meta-nav{justify-content:flex-start;overflow-x:auto}.meta-nav a{white-space:nowrap;padding:7px 10px}.meta-account{gap:5px}.meta-player{display:none}.currency-pill{height:29px;padding:0 6px}.currency-pill>span:last-child{display:none}.hub-hero{min-height:auto;padding:22px 18px}.hub-hero-copy h2{font-size:37px}.hub-hero-copy p{font-size:11px}.hub-hero-actions .tactile-btn{width:100%}.hub-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.store-pack-card{grid-template-columns:104px minmax(0,1fr);gap:10px;padding:10px}.store-pack-art{min-height:210px}.store-pack-copy h3{font-size:15px}.store-pack-copy>p{font-size:9px}.store-expansion-grid{grid-template-columns:1fr}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:5px;padding:0 10px}.collection-unit{min-height:120px}.deck-slots{grid-template-columns:repeat(5,minmax(0,1fr))}.reveal-cards.is-five{grid-template-columns:repeat(3,minmax(0,1fr))}.is-five .card-portrait{width:50px;height:50px;margin:10px 0 7px}.is-five .card-name{font-size:11px}}@media (max-width:480px){.store-pack-card{grid-template-columns:1fr}.store-pack-art{min-height:120px}.store-price-row{flex-direction:column;align-items:stretch}.hub-stat{padding:10px 12px}.hub-stat strong{font-size:20px}.deck-count{width:100%}.deck-hero h2,.store-hero h2{font-size:25px}.deck-slots{gap:4px}.deck-actions .tactile-btn{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-version{color:#9ff7ffb3;font-family:var(--font-mono);letter-spacing:.12em;background:#7cfbe80e;border:1px solid #7cfbe838;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:800}
.battle-shell{background:radial-gradient(circle at 50% 35%,#18373433,#0000 38rem),radial-gradient(circle at 18% 92%,#782b511f,#0000 30rem),linear-gradient(#070a0f 0%,#090c12 58%,#06090d 100%);width:100%;height:100vh;position:relative;overflow:hidden}.battle-ambient{pointer-events:none;filter:blur(100px);opacity:.45;border-radius:50%;position:absolute}.battle-ambient-a{background:#146e621f;width:32rem;height:20rem;top:10%;left:28%}.battle-ambient-b{background:#7137891a;width:24rem;height:18rem;bottom:5%;right:6%}.battle-grid-noise{opacity:.2;pointer-events:none;background-image:linear-gradient(#5aa09609 1px,#0000 1px),linear-gradient(90deg,#5aa09609 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 35%,#000,#0000 76%);mask-image:radial-gradient(at 50% 35%,#000,#0000 76%)}.battle-topbar{z-index:50;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 18px 0;display:flex;position:absolute;top:0;left:0;right:0}.battle-brand{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;pointer-events:auto;background:#070c12b8;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:5px 10px 5px 5px;text-decoration:none;display:flex;box-shadow:0 10px 30px #00000047}.battle-brand-mark{color:#171005;background:linear-gradient(145deg,#ffe9ac,#e7b64e 55%,#95651d);border:1px solid #ffe49d8c;border-radius:7px;place-items:center;width:29px;height:29px;font-family:Georgia,serif;font-size:19px;font-weight:700;display:grid}.battle-brand-text{letter-spacing:-.03em;font-family:Georgia,serif;font-size:16px;font-weight:700}.battle-brand-tag{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.16em;margin-left:2px;font-size:6px}.battle-status-tray{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:linear-gradient(#131b25eb,#080d13e6);border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:9px;padding:7px 10px;display:flex;box-shadow:0 13px 34px #00000061,inset 0 1px #ffffff0d}.tray-stat{color:var(--muted);font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:inline-flex}.tray-stat strong{color:var(--text);font-size:12px;font-weight:700}.tray-coins{color:var(--gold)}.tray-coins .coin{width:10px;height:10px}.tray-label{color:var(--muted-2);letter-spacing:.1em;font-size:7px}.tray-hp strong{color:#ff8393}.tray-hp.is-hit{animation:.55s both hpShake}@keyframes hpShake{20%,60%{color:#ff5368;transform:translate(-4px)}40%,80%{transform:translate(4px)}}.tray-timer{color:var(--teal)}.tray-timer.is-urgent{color:var(--red);animation:.7s ease-in-out infinite pulse}.tray-timer-ring{border:1px solid;border-radius:50%;width:9px;height:9px;display:inline-block;box-shadow:0 0 5px}.tray-timer-ring:before{content:"";background:currentColor;width:1px;height:3px;margin:1px auto 0;display:block}.tray-divider{background:#ffffff14;width:1px;height:17px}.tray-ready{flex-direction:column;gap:3px;display:flex}.tray-ready>span{color:#9be7d7;font-family:var(--font-mono);letter-spacing:.04em;font-size:8px;font-weight:700}.ready-dots{gap:2px;display:flex}.ready-dots i{background:#ffffff0a;border:1px solid #ffffff26;border-radius:50%;width:5px;height:5px}.ready-dots i.is-ready{background:#34e7c3;border-color:#50f7cea6;box-shadow:0 0 6px #34e7c3d9}.speed-toggle{background:#00000040;border:1px solid #ffffff12;border-radius:6px;gap:2px;padding:2px;display:flex}.speed-toggle button{min-width:30px;color:var(--muted-2);cursor:pointer;font-family:var(--font-mono);background:0 0;border:0;border-radius:4px;padding:4px 6px;font-size:8px;font-weight:700;transition:all .13s}.speed-toggle button:hover{color:var(--text)}.speed-toggle button.is-active{color:var(--teal);background:#43e0c021;box-shadow:inset 0 0 0 1px #43e0c033}.battle-timerbar{z-index:48;pointer-events:none;background:#ffffff0e;border-radius:2px;height:2px;position:absolute;top:57px;left:20px;right:20px;overflow:hidden}.battle-timerbar>span{border-radius:inherit;background:linear-gradient(90deg,#43e0c059,#43e0c0);height:100%;transition:width .2s linear;display:block;box-shadow:0 0 10px #43e0c08c}.battle-timerbar.is-urgent>span{background:linear-gradient(90deg,#ff657866,#ff6578);box-shadow:0 0 12px #ff6578cc}.battle-main{justify-content:center;align-items:center;padding:0 18px;display:flex;position:absolute;inset:64px 0 200px}.combat-renderer{place-items:center;width:100%;height:100%;display:grid}.diorama-stage{perspective:1100px;perspective-origin:50% 28%;width:min(96vw,1180px);max-height:100%}.diorama-table{transform-origin:bottom;width:100%;transform-style:preserve-3d;background:radial-gradient(circle at 50% 8%,#407a7833,#0000 48%),linear-gradient(150deg,#1b2430 0%,#0b0e14 48%,#070a0f 100%);border:1px solid #3a4a5f;border-radius:16px;padding:14px;position:relative;transform:rotateX(26deg);box-shadow:0 40px 85px #000000b8,0 0 90px #21d1b513,inset 0 1px #ffffff1a,inset 0 -24px 45px #00000080}.diorama-table:before{pointer-events:none;content:"";border:1px solid #78a6a51a;border-radius:12px;position:absolute;inset:5px}.diorama-plane{width:100%;transform-style:preserve-3d;position:relative}.diorama-grid{grid-template-rows:repeat(8,minmax(54px,8.1vh));grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;display:grid}.socket{cursor:pointer;background:linear-gradient(155deg,#252f3cf0,#0e131afa),#12161d;border:1px solid #38495e;border-radius:7px;outline:0;place-items:center;min-width:0;padding:0;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid;position:relative;box-shadow:inset 0 4px 14px #000c,inset 0 -1px #ffffff09,0 1px #ffffff06}.socket:after{pointer-events:none;content:"";border:1px solid #ffffff06;border-radius:5px;position:absolute;inset:4px}.socket.is-enemy{background:linear-gradient(155deg,#3e212acc,#0e1118fa),#12161d;border-color:#4a303a}.socket.is-player{background:linear-gradient(155deg,#1c3534d1,#0c1218fa),#12161d;border-color:#2f4c4b}.socket:hover:not(:disabled){z-index:2;background:linear-gradient(155deg,#1a413de6,#0b1116fa),#12161d;border-color:#50eecd8c;box-shadow:inset 0 4px 14px #000000a6,0 0 18px #39e5c61c}.socket.is-hovered:not(:disabled){transform:translateZ(2px)}.socket.is-selected{border-color:#f5c96ba6;box-shadow:inset 0 4px 14px #000000a6,0 0 0 1px #f5c96b21,0 0 22px #f5c96b1f}.socket:disabled{cursor:default;opacity:1}.socket-rune{border:1px solid #6fb2b040;width:7px;height:7px;transform:rotate(45deg)}.board-midline{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#43e0c02e 15%,#ffffff38 50%,#ff657829 85%,#0000);height:1px;position:absolute;top:50%;left:.5%;right:.5%}.board-midline span{filter:blur(5px);background:#43e0c01a;border-radius:50%;width:34%;height:5px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.circuit-layer,.attack-layer,.battle-fx-layer,.unit-layer{pointer-events:none;position:absolute;inset:0}.circuit-layer{z-index:4;width:100%;height:100%;overflow:visible}.attack-layer{z-index:24;width:100%;height:100%;overflow:visible}.unit-layer{z-index:10;transform-style:preserve-3d}.battle-fx-layer{z-index:30;transform-style:preserve-3d}.circuit-trace{fill:none;stroke:var(--circuit-color);stroke-width:.9px;stroke-linecap:square;stroke-linejoin:miter;opacity:.95;filter:drop-shadow(0 0 3px var(--circuit-color));stroke-dasharray:2.5 2;animation:1.8s linear infinite circuitFlow}.circuit-node{fill:var(--circuit-color);opacity:1;filter:drop-shadow(0 0 3px var(--circuit-color))}@keyframes circuitFlow{to{stroke-dashoffset:-9px}}.slash-fx{stroke-width:1.25px;stroke-linecap:round;opacity:.95;filter:drop-shadow(0 0 2px);animation:.24s ease-out forwards slashFade}.projectile-trail{fill:none;stroke-width:.6px;stroke-dasharray:1 1.3;opacity:.5}.projectile-head{fill:#fff;filter:drop-shadow(0 0 2.3px #fff)}@keyframes slashFade{0%{opacity:.95;stroke-width:1.8px}to{opacity:0;stroke-width:.2px}}.board-unit{width:1px;height:1px;transform-style:preserve-3d;transition:left var(--move-ms) linear, top var(--move-ms) linear;position:absolute;transform:translate(-50%,-50%)}.unit-ground-shadow{filter:blur(4px);background:radial-gradient(#000000b8,#0000001a 68%,#0000);border-radius:50%;width:84px;height:23px;position:absolute;top:0;left:0;transform:translate(-50%,-35%)}.team-player .unit-ground-shadow{box-shadow:0 0 16px #37e8c621}.team-enemy .unit-ground-shadow{box-shadow:0 0 16px #ff5a701c}.unit-stand{transform-origin:50% 100%;width:92px;height:152px;transform-style:preserve-3d;display:block;position:absolute;bottom:0;left:0}.unit-sprite-motion{transform-origin:50% 100%;height:118px;position:absolute;bottom:0;left:0;right:0}.unit-stand.is-attacking .unit-sprite-motion{animation:.22s cubic-bezier(.3,.8,.3,1) unitLunge}@keyframes unitLunge{0%,to{transform:translate(0)}38%{transform:translate(var(--lunge-x), var(--lunge-y)) scale(1.04)}65%{transform:translate(calc(var(--lunge-x) * -.18), calc(var(--lunge-y) * -.18))}}.pixel-sprite{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 5px 3px #000000a6) drop-shadow(0 0 5px color-mix(in srgb, var(--unit-color) 24%, transparent));transform-origin:50% 100%;animation:3.4s ease-in-out infinite unitBreathe;animation-delay:var(--breathe-delay,0s);background-position:bottom;background-repeat:no-repeat;background-size:contain;display:block}@keyframes unitBreathe{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-2px)scaleY(1.012)}}.unit-stand.is-hit .pixel-sprite{animation:.19s linear unitHitFlash}@keyframes unitHitFlash{0%,35%{filter:brightness(2.4)saturate(.4);transform:translate(-3px)}65%{filter:brightness(1.8)saturate(.8);transform:translate(3px)}to{filter:brightness();transform:translate(0)}}.unit-stand.is-casting .pixel-sprite{filter:brightness(1.55) drop-shadow(0 0 12px var(--unit-color))}.unit-micro-hud{flex-direction:column;gap:2px;width:82px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.unit-hud-stars{color:#ffd166;font-family:var(--font-mono);text-align:center;text-shadow:0 0 8px #ffd166b3;font-size:8px;line-height:1}.unit-hud-bar{background:#000000bf;border-radius:1px;width:100%;height:4px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.unit-hud-bar i{border-radius:inherit;height:100%;transition:width 90ms linear;display:block}.unit-hud-hp i{background:#10b981;box-shadow:0 0 5px #10b98185}.unit-hud-mana i{background:#06b6d4;box-shadow:0 0 5px #06b6d48c}.unit-hud-mana.is-full{background:#e7ffff;animation:.55s manaFull}@keyframes manaFull{0%,to{box-shadow:0 0 2px #fff}35%{box-shadow:0 0 11px #fff,0 0 20px #06b6d4}}.unit-three-aura{background:radial-gradient(#ffc14226,#0000 68%);border:1px solid #ffc85473;border-radius:50%;width:94px;height:25px;animation:2.2s ease-in-out infinite auraPulse;position:absolute;top:3px;left:0;transform:translate(-50%,-28%);box-shadow:0 0 15px #ffc5474d,inset 0 0 12px #ffc54721}.unit-star-aura{filter:blur(5px);pointer-events:none;background:radial-gradient(circle,#ffcc5d33,#0000 70%);border-radius:45%;position:absolute;inset:20% 8% 0}@keyframes auraPulse{0%,to{opacity:.5;transform:translate(-50%,-28%)scale(.94)}50%{opacity:1;transform:translate(-50%,-28%)scale(1.06)}}.damage-number{z-index:40;font-family:var(--font-mono);letter-spacing:-.02em;text-shadow:0 2px 3px #000000d9;transform-origin:50% 100%;pointer-events:none;white-space:nowrap;font-size:14px;font-weight:800;line-height:1;animation:.72s cubic-bezier(.17,.74,.28,1) forwards damageFloat;position:absolute;transform:translate(-50%,-80%)rotateX(-26deg)}.damage-physical{color:#fff;text-shadow:0 2px 3px #000000e6,0 0 8px #ff9b5473}.damage-magic{color:#d9a8ff;text-shadow:0 2px 3px #000000e6,0 0 9px #7ac4ffa6}.damage-true{color:#a7f378;font-size:10px}.damage-crit{color:#ffe071;text-shadow:0 2px 3px #000000e6,0 0 12px #ffc640d9;font-size:20px;font-weight:900;animation:.8s cubic-bezier(.18,.9,.3,1.25) forwards critFloat}@keyframes damageFloat{0%{opacity:0;transform:translate(-50%,-30%)rotateX(-26deg)scale(.75)}18%{opacity:1;transform:translate(-50%,-80%)rotateX(-26deg)scale(1.05)}to{opacity:0;transform:translate(-50%,-220%)rotateX(-26deg)scale(.94)}}@keyframes critFloat{0%{opacity:0;transform:translate(-50%,-20%)rotateX(-26deg)scale(.35)}22%{opacity:1;transform:translate(-50%,-85%)rotateX(-26deg)scale(1.45)}52%{transform:translate(-50%,-110%)rotateX(-26deg)scale(1.28)}to{opacity:0;transform:translate(-50%,-245%)rotateX(-26deg)scale(1)}}.cast-flare{z-index:22;aspect-ratio:1;border:2px solid var(--cast-color);width:14%;box-shadow:0 0 18px var(--cast-color), inset 0 0 20px color-mix(in srgb, var(--cast-color) 35%, transparent);pointer-events:none;border-radius:50%;animation:.62s cubic-bezier(.1,.75,.25,1) forwards castFlare;position:absolute;transform:translate(-50%,-50%)}.cast-flare.tier-4,.cast-flare.tier-5{border-width:3px;width:22%}@keyframes castFlare{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}24%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.1)}}.death-burst{z-index:35;pointer-events:none;width:1px;height:1px;position:absolute;transform:translate(-50%,-50%)}.death-burst i{background:var(--death-color);width:5px;height:5px;box-shadow:0 0 8px var(--death-color);animation:.85s ease-out forwards emberScatter;animation-delay:var(--ember-delay);position:absolute}@keyframes emberScatter{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--ember-x), var(--ember-y)) scale(.2) rotate(160deg)}}.merge-shockwave{z-index:45;pointer-events:none;width:130px;height:44px;position:absolute;transform:translate(-50%,-50%)}.merge-shockwave>i{background:#ffd166;border-radius:50%;width:12px;height:12px;animation:.85s cubic-bezier(.3,.7,.2,1) forwards mergeOrb;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #ffd166,0 0 26px #ffb42ccc}.merge-shockwave>i:first-child{--orb-x:-58px;--orb-y:18px}.merge-shockwave>i:nth-child(2){--orb-x:58px;--orb-y:-16px;animation-delay:80ms}.merge-shockwave>i:after{content:"";border:1px solid #ffce658c;border-radius:50%;position:absolute;inset:-8px}.merge-shockwave>b{color:#ffe29b;font-family:var(--font-mono);letter-spacing:.08em;background:#1f1607e6;border:1px solid #ffda80b3;border-radius:99px;padding:3px 7px;font-size:8px;animation:1.15s ease-out forwards mergeRing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #ffba2a59}.merge-shockwave.is-3{width:190px;height:70px}@keyframes mergeOrb{0%{opacity:0;transform:translate(var(--orb-x), var(--orb-y)) scale(1.4)}25%{opacity:1}70%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(0)scale(.3)}}@keyframes mergeRing{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}30%{opacity:1;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 10px #ffcc5d2e,0 0 0 28px #ffcc5d0f}to{opacity:0;transform:translate(-50%,-50%)scale(2.2);box-shadow:0 0 0 20px #ffcc5d00,0 0 0 70px #ffcc5d00}}.trait-tracker{z-index:8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(150deg,#0d141db8,#060a0f8c);border:1px solid #ffffff13;border-radius:9px;width:140px;padding:8px;position:absolute;top:79px;left:18px;box-shadow:0 12px 28px #00000038}.trait-tracker-head{color:#cadee899;font-family:var(--font-mono);letter-spacing:.16em;justify-content:space-between;align-items:center;padding:1px 2px 5px;font-size:7px;font-weight:700;display:flex}.trait-tracker-head i{background:linear-gradient(90deg, var(--teal), transparent);width:18px;height:1px}.trait-tracker-list{scrollbar-width:thin;flex-direction:column;gap:3px;max-height:60vh;display:flex;overflow-y:auto}.trait-tracker-empty{color:#ffffff40;font-family:var(--font-mono);padding:4px 2px;font-size:7px}.trait-tracker-row{opacity:.5;border-radius:5px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:5px;padding:3px;transition:all .16s;display:grid}.trait-tracker-row.is-active{background:color-mix(in srgb, var(--trait-color) 8%, transparent);opacity:1}.trait-micro-icon{border:1px solid color-mix(in srgb, var(--trait-color) 36%, transparent);background:color-mix(in srgb, var(--trait-color) 11%, #080d13);width:20px;height:20px;color:var(--trait-color);border-radius:5px;place-items:center;font-family:Georgia,serif;font-size:10px;font-weight:700;display:grid;box-shadow:inset 0 0 8px #0003}.trait-tracker-body{min-width:0}.trait-tracker-title{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.trait-tracker-title span{color:#e6f0f5d1;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:650;overflow:hidden}.trait-tracker-title strong{color:#ffffff73;font-family:var(--font-mono);font-size:7px;font-weight:600}.trait-tracker-row.is-active .trait-tracker-title strong{color:var(--teal)}.trait-tracker-dots{align-items:center;gap:2px;margin-top:2px;display:flex}.trait-tracker-dots i{background:#ffffff1f;border-radius:50%;width:4px;height:4px}.trait-tracker-dots i.is-filled{background:#4df2d3;box-shadow:0 0 5px #4df2d3e6}.trait-tracker-dots span{color:#ffffff2e;font-family:var(--font-mono);margin-left:2px;font-size:5px}.battle-bottom{z-index:40;pointer-events:none;grid-template-columns:minmax(260px,.8fr) minmax(430px,1.45fr) minmax(180px,.45fr);align-items:end;gap:12px;padding:28px 0 13px;display:grid;position:absolute;bottom:0;left:18px;right:18px}.battle-bottom:before{pointer-events:none;content:"";background:linear-gradient(#0000,#05080dc2 42%,#05080df7);height:215px;position:absolute;bottom:0;left:-18px;right:-18px}.battle-bottom>*{pointer-events:auto;position:relative}.bench-rail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e171fdb;border:1px solid #5497942e;border-radius:9px;align-self:end;padding:9px;box-shadow:0 12px 30px #00000038}.bench-rail-head{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 2px 5px;font-size:6px;display:flex}.bench-rail-head strong{color:var(--muted);font-size:7px}.bench-rail-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;display:grid}.bench-card-slot{aspect-ratio:.78;background:#00000026;border:1px dashed #ffffff14;border-radius:5px;place-items:center;display:grid;position:relative;overflow:hidden}.bench-card{border:1px solid color-mix(in srgb, var(--unit-color) 35%, transparent);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--unit-color) 26%, transparent), transparent 56%), linear-gradient(155deg, #17212c, #080d13);cursor:pointer;border-radius:5px;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding:2px;transition:all .16s;display:flex;position:relative}.bench-card:hover{border-color:color-mix(in srgb, var(--unit-color) 65%, #fff 5%);transform:translateY(-2px)}.bench-card.is-selected{border-color:var(--gold);box-shadow:0 0 10px #f5c96b40}.bench-card .pixel-sprite{filter:drop-shadow(0 2px 2px #000000b3);height:39px;position:absolute;top:7px;left:2px;right:2px}.bench-card-tier{z-index:2;color:var(--tier-color);font-family:var(--font-mono);font-size:5px;font-weight:700;position:absolute;top:2px;left:3px}.bench-card-stars{z-index:2;color:#ffd166;text-shadow:0 0 4px #ffd16699;font-size:5px;line-height:1;position:relative}.bench-card-name{z-index:2;color:#ffffff8c;width:100%;font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:4.5px;position:relative;overflow:hidden}.bench-card.is-three-star{box-shadow:0 0 12px #ffc54740}.bench-card-empty{color:#ffffff24;font-family:var(--font-mono);font-size:9px}.ingame-shop{flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;display:flex;position:relative}.ingame-shop-meta{font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:9px;margin-bottom:1px;padding:0 6px;font-size:6px;display:flex}.shop-hand-label{color:#8ce0d1cc;font-weight:700}.shop-hand-pool{color:var(--muted-2)}.shop-hand-gold{color:var(--gold);align-items:center;gap:3px;margin-left:auto;font-weight:700;display:flex}.shop-hand-gold i,.hand-card-cost i{background:radial-gradient(circle at 30% 25%,#fff3c6,#f5c96b 45%,#9a6a1c);border:1px solid #ffeeb88c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 5px #f5c96b4d}.fanned-hand{perspective:900px;justify-content:center;align-items:flex-end;width:100%;height:186px;padding-top:18px;display:flex}.hand-card{border:1px solid color-mix(in srgb, var(--tier-color) 42%, #27323d);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--unit-color) 28%, transparent), transparent 57%), linear-gradient(155deg, #192431 0%, #0b1118 70%);width:120px;height:168px;color:var(--text);cursor:pointer;transform-origin:50% 100%;transform:rotate(var(--rotation)) translateY(var(--fan-lift));animation:.42s cubic-bezier(.15,.85,.25,1) both handSnap;animation-delay:calc(var(--hand-index) * 30ms);z-index:calc(var(--hand-index) + 1);border-radius:8px;flex:none;margin-left:-30px;padding:7px 8px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s;position:relative;overflow:visible;box-shadow:0 14px 25px #00000075,inset 0 1px #fff1}.hand-card:first-child{margin-left:0}.hand-card:hover:not(:disabled),.hand-card:focus-visible:not(:disabled){z-index:60;border-color:color-mix(in srgb, var(--tier-color) 72%, #fff 8%);box-shadow:0 22px 45px #0000008c, 0 0 22px color-mix(in srgb, var(--unit-color) 18%, transparent), inset 0 1px 0 #ffffff1a;transform:rotate(0)translateY(-24px)scale(1.11)}.hand-card:disabled{cursor:not-allowed}.hand-card.is-sold{opacity:.35;filter:grayscale(.7)}@keyframes handSnap{0%{opacity:0;transform:rotate(var(--rotation)) translateY(66px) scale(.88)}65%{opacity:1}to{opacity:1;transform:rotate(var(--rotation)) translateY(var(--fan-lift)) scale(1)}}.hand-card-hotkey{z-index:4;color:#ffffff80;width:15px;height:15px;font-family:var(--font-mono);background:#00000052;border:1px solid #ffffff1f;border-radius:4px;place-items:center;font-size:7px;display:grid;position:absolute;top:5px;left:6px}.hand-card-tier{z-index:4;color:var(--tier-color);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:5.5px;font-weight:700;position:absolute;top:7px;right:7px}.hand-card-art{place-items:center;width:100%;height:82px;margin-top:11px;display:grid}.hand-card-art .pixel-sprite{width:64px;height:80px;filter:drop-shadow(0 4px 3px #000000a6) drop-shadow(0 0 5px color-mix(in srgb, var(--unit-color) 30%, transparent));animation:none}.hand-card-name{z-index:3;width:100%;font-family:var(--font-display);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;display:block;position:relative;overflow:hidden}.hand-card-traits{z-index:3;width:100%;color:var(--muted-2);font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:5.5px;display:block;position:relative;overflow:hidden}.hand-card-cost{z-index:5;color:var(--gold);font-family:var(--font-mono);background:#0a0e13cc;border:1px solid #f5c96b33;border-radius:5px;align-items:center;gap:3px;padding:2px 5px;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:6px;right:6px}.hand-card.is-sold .hand-card-cost{color:var(--muted-2)}.hand-merge-badge{z-index:8;color:#ffe19a;font-family:var(--font-mono);letter-spacing:.03em;white-space:nowrap;background:#291c07f0;border:1px solid #ffc649a6;border-radius:99px;padding:3px 7px;font-size:6px;font-weight:800;animation:1.3s ease-in-out infinite mergeBadgePulse;position:absolute;top:-13px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #ffbc3152}.hand-merge-badge.is-three{color:#160c1d;text-shadow:0 1px #ffffff4d;background:linear-gradient(90deg,#fcd34d,#e879f9,#67e8f9);border-color:#ffffffa6;box-shadow:0 0 18px #e879f973,0 0 32px #67e8f938}@keyframes mergeBadgePulse{0%,to{box-shadow:0 0 10px #ffbc3133}50%{box-shadow:0 0 22px #ffc6497a}}.hand-card.is-merge-ready{border-color:#ffc649db;box-shadow:0 14px 28px #00000080,0 0 24px #ffb2243d,inset 0 0 18px #ffc6491f}.hand-card.is-merge-ready .hand-card-foil{opacity:1;background:linear-gradient(115deg,#0000 24%,#ffca5e3b 43%,#fff0b966 50%,#ffc44033 58%,#0000 76%) 0 0/250% 100%;animation:2.1s ease-in-out infinite foilSweep}.hand-card.is-three-star-ready{border-color:#ffffffa6;box-shadow:0 16px 32px #00000087,0 0 28px #e879f957,0 0 46px #67e8f933}.hand-card.is-three-star-ready .hand-card-foil{opacity:1;mix-blend-mode:screen;background:linear-gradient(115deg,#fcd34d42,#e879f947 35%,#67e8f957 62%,#fcd34d33) 0 0/220% 220%;animation:2.4s linear infinite rainbowFoil}.hand-card-foil{z-index:2;border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}@keyframes foilSweep{0%,to{background-position:180% 0}50%{background-position:-80% 0}}@keyframes rainbowFoil{0%{background-position:0 0}to{background-position:220% 220%}}.unit-stand.is-casting .unit-hud-mana{background:#f2ffff;animation:.55s ease-out manaCastFlash;box-shadow:0 0 8px #fff,0 0 18px #06b6d4e6}@keyframes manaCastFlash{0%,to{opacity:1}35%{opacity:.35}}
.battle-actions{flex-direction:column;justify-content:flex-end;align-self:end;gap:7px;display:flex}.battle-action-btn{letter-spacing:.01em;min-height:43px;font-size:9px}.battle-action-btn kbd,.selected-unit-chip kbd,.battle-keyhints kbd{color:#ffffffa6;min-width:15px;height:15px;font-family:var(--font-mono);background:#00000038;border:1px solid #ffffff2e;border-radius:3px;place-items:center;padding:0 3px;font-size:6px;line-height:1;display:inline-grid}.battle-action-btn.fight-btn{min-height:55px;font-size:11px}.battle-action-btn.fight-btn.is-ready{border-color:#62ffd98c;box-shadow:0 0 24px #2edcb53d,inset 0 1px #ffffff40}.action-price{color:var(--gold);font-family:var(--font-mono);margin-left:2px;font-size:7px}.action-ready-count{color:#ffffff73;font-family:var(--font-mono);margin-left:3px;font-size:7px}.selected-unit-chip{z-index:45;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080d13e0;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:7px;padding:6px 7px;display:flex;position:absolute;bottom:184px;left:18px;box-shadow:0 12px 30px #0000004d}.selected-unit-sigil{border:1px solid color-mix(in srgb, var(--unit-color) 58%, #fff 4%);background:linear-gradient(145deg, color-mix(in srgb, var(--unit-color) 60%, #0b111b), #080d15);color:#fff;width:31px;height:36px;font-family:var(--font-mono);border-radius:5px;place-items:center;font-size:8px;font-weight:800;display:grid}.selected-unit-chip>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.selected-unit-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:9px;overflow:hidden}.selected-unit-chip small{color:var(--gold);font-family:var(--font-mono);margin-top:1px;font-size:6px}.selected-unit-chip button{color:#ff9aa7;cursor:pointer;font-family:var(--font-mono);background:#ff65780f;border:1px solid #ff657833;border-radius:5px;align-items:center;gap:4px;padding:5px 6px;font-size:7px;display:flex}.selected-unit-chip button:hover{background:#ff65781f}.battle-keyhints{z-index:35;color:#fff3;font-family:var(--font-mono);letter-spacing:.03em;pointer-events:none;gap:10px;font-size:6px;display:flex;position:absolute;top:63px;left:50%;transform:translate(-50%)}.damage-border-flash{z-index:90;pointer-events:none;border:4px solid #ff3b54cc;animation:.9s ease-out forwards damageBorder;position:fixed;inset:0;box-shadow:inset 0 0 60px #ff2a484d,inset 0 0 120px #ff2a481f}@keyframes damageBorder{0%{opacity:0}15%{opacity:1}to{opacity:0}}.battle-shell .toast{bottom:218px}.battle-shell .resolve-flash{top:74px}
@media (max-width:1180px){.battle-bottom{grid-template-columns:minmax(230px,.75fr) minmax(380px,1.35fr) minmax(160px,.42fr)}.hand-card{width:102px;height:150px;margin-left:-27px}.hand-card-art{height:68px}.hand-card-art .pixel-sprite{width:52px;height:64px}.battle-brand-tag{display:none}}@media (max-width:900px){.battle-shell{height:auto;min-height:100vh;padding-bottom:12px;overflow:hidden visible}.battle-topbar{flex-wrap:wrap;padding:10px 10px 0;position:relative}.battle-status-tray{flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%}.battle-timerbar{margin:5px 10px 0;position:relative;top:auto;left:auto;right:auto}.battle-main{min-height:0;padding:6px 6px 8px;position:relative;inset:auto}.diorama-stage{width:100%}.diorama-table{border-radius:12px;padding:8px;transform:none}.diorama-grid{grid-template-rows:repeat(8,minmax(43px,6.2vh));gap:4px}.socket{border-radius:5px}.trait-tracker{width:140px;margin:8px 10px;position:relative;top:auto;left:auto}.battle-bottom{flex-direction:column;gap:7px;padding:6px 10px 4px;display:flex;position:relative;bottom:auto;left:auto;right:auto}.battle-bottom:before{display:none}.bench-rail{order:1;width:100%}.ingame-shop{order:2;width:100%}.battle-actions{order:3;grid-template-columns:1fr 1fr;width:100%;display:grid}.fanned-hand{height:149px;padding-top:10px}.hand-card{width:94px;height:141px;margin-left:-24px;padding:6px}.hand-card-art{height:62px;margin-top:9px}.hand-card-art .pixel-sprite{width:48px;height:58px}.hand-card-name{font-size:9px}.hand-card-traits{font-size:4.5px}.hand-card-cost{font-size:7px;bottom:4px;right:4px}.unit-stand{width:61px;height:104px}.unit-sprite-motion{height:77px}.unit-micro-hud{width:57px}.unit-hud-stars{font-size:5px}.unit-hud-bar{height:2.5px}.unit-ground-shadow{width:45px;height:13px}.unit-three-aura{width:49px;height:16px}.damage-number{font-size:10px}.damage-crit{font-size:14px}.selected-unit-chip{z-index:80;justify-content:space-between;margin:8px 10px;position:relative;bottom:auto;left:auto;right:auto}.battle-keyhints{display:none}.battle-shell .toast{bottom:72px}.battle-shell .resolve-flash{top:14px}}@media (max-width:520px){.battle-status-tray{gap:4px;padding:5px 6px}.tray-divider{display:none}.tray-stat{font-size:8px}.battle-brand-text{font-size:14px}.battle-brand-mark{width:25px;height:25px;font-size:16px}.tray-ready{margin-left:auto}.diorama-grid{grid-template-rows:repeat(8,minmax(38px,5.8vh));gap:3px}.hand-card{width:78px;height:119px;margin-left:-21px}.hand-card-art{height:47px}.hand-card-art .pixel-sprite{width:36px;height:45px}.hand-card-name{font-size:8px}.hand-card-hotkey{width:12px;height:12px;font-size:5px}.hand-card-tier{font-size:4.5px}.fanned-hand{height:137px}.bench-card .pixel-sprite{height:32px}.bench-card-name{display:none}.battle-actions{gap:5px}.battle-action-btn{min-height:40px;font-size:8px}.battle-action-btn.fight-btn{min-height:48px;font-size:9px}}