/* Both subsets are needed: á/é live in Latin, ő/ű in Latin Extended. */
@font-face{font-family:ArenaDisplay;src:url('../fonts/Cinzel-Regular-latin.woff2') format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:ArenaDisplay;src:url('../fonts/Cinzel-Regular-latin-ext.woff2') format('woff2');font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0300-0303,U+0305-0307,U+0309-036F,U+1E00-1EFF}
:root{color-scheme:dark;--bg:#080c17;--panel:#101727;--text:#edf1f8;--muted:#a1acc4;--line:#2c3850;--gold:#e6c48a;--cyan:#7ce9ed;--purple:#c492ff;--rail:220px;--right-rail:210px;--unit-height:clamp(92px,calc((100dvh - 580px)/4),166px);--unit-width:calc(var(--unit-height)*.74);--shop-height:168px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:radial-gradient(ellipse at 50% 0,#28233955,transparent 65%),var(--bg);color:var(--text);font:14px/1.45 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.arena-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;flex-shrink:0}.game-shell{height:100dvh;min-height:940px;width:100%;padding:10px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:74px minmax(0,1fr) 222px;gap:10px}.game-shell>*{min-width:0}.eyebrow{color:var(--muted);font-size:10px;font-weight:650;letter-spacing:1.7px}.topbar{display:flex;align-items:center;gap:14px;border:1px solid #6b594655;border-bottom-color:#9c7d5266;border-radius:12px;background:linear-gradient(120deg,#121929,#0a101c 45%,#171724);padding:0 17px;position:relative;box-shadow:inset 0 1px #e9c89218,0 6px 30px #0003}.brand{flex-shrink:0;width:150px}.brand img{width:100%;height:58px;object-fit:contain}.commander{display:flex;align-items:center;gap:12px;min-width:250px}.commander>img{width:46px;height:46px;border:2px solid #978167;border-radius:50%;outline:1px solid #e3c79044;outline-offset:3px}.commander>div{display:flex;flex-direction:column;gap:3px}.commander strong{font-size:14px}.commander>b{font-size:24px;color:var(--cyan);margin-left:5px}.commander-life{display:block;background:#293640;height:3px;border-radius:2px;overflow:hidden}.commander-life i{display:block;height:100%;background:var(--cyan);width:100%}.round-banner{margin:0 auto;align-self:stretch;min-width:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 100%,#8f663925,transparent 80%);border-bottom:2px solid var(--gold);border-radius:0 0 16px 16px}.round-banner strong{font:26px/1.1 ArenaDisplay,Georgia,serif;letter-spacing:3px;color:#ffead0}.round-banner>span:last-child{font-size:10px;letter-spacing:1.2px;color:var(--gold);margin-top:4px}.rival-commander{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto}.rival-commander strong{font:17px ArenaDisplay,Georgia,serif}.icon-button{background:#172136;border:1px solid #46546d;border-radius:7px;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;color:#c9d4ea}.icon-button .arena-icon{width:20px;height:20px}.icon-button:hover{color:var(--gold);border-color:#c09a65}
.play-layout{display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--right-rail);gap:12px;min-height:0}.panel{border:1px solid #354057;border-radius:10px;background:linear-gradient(150deg,#111929e8,#0b111ed9);padding:15px 10px;min-height:0;min-width:0;box-shadow:inset 0 1px #d1b68913}.panel-heading{padding:0 6px;margin-bottom:15px}.panel-heading h2{font:21px/1.2 ArenaDisplay,Georgia,serif;color:#eee4d4;margin:5px 0 0}.synergy-panel{display:flex;flex-direction:column}.synergy-panel .panel-heading{flex-shrink:0}#synergies{overflow:auto;flex:1;min-height:0;padding-right:3px;scrollbar-width:thin;scrollbar-color:#46526c transparent}.synergy{width:100%;border:1px solid transparent;border-radius:7px;background:transparent;display:flex;align-items:center;gap:11px;text-align:left;padding:6px;margin:0 0 4px;color:#a2aec6}.synergy:hover,.synergy:focus-visible{background:#1a2436;border-color:#4d536c}.synergy.active{background:linear-gradient(100deg,color-mix(in srgb,var(--trait),transparent 90%),transparent);border-color:color-mix(in srgb,var(--trait),transparent 63%);color:#f1f1fb}.synergy.present{color:#dbe2ed}.trait-icon{width:36px;height:38px;display:grid;place-items:center;background:linear-gradient(140deg,#243145,#111825);border:1px solid color-mix(in srgb,var(--trait),#354058 55%);border-radius:9px;color:var(--trait);box-shadow:inset 0 0 0 2px #101724,0 2px 4px #0003;flex-shrink:0}.trait-icon .arena-icon{width:25px;height:25px}.synergy:not(.active):not(.present) .trait-icon{opacity:.48}.trait-meta{flex:1;min-width:0}.trait-meta>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:5px}.trait-meta strong{font-size:13px;font-weight:600}.trait-meta b{font-size:12px;color:var(--trait);font-weight:650}.trait-ticks{display:flex;gap:4px;margin-top:6px}.trait-ticks i{height:3px;width:20px;border-radius:2px;background:#394258}.trait-ticks i.on{background:var(--trait);box-shadow:0 0 6px color-mix(in srgb,var(--trait),transparent 60%)}.selection-panel{border-top:1px solid #334056;margin-top:10px;padding:12px 3px 0;flex-shrink:0}.selection-panel:not([data-selected=true]){display:none}.selected-hero{display:flex;gap:8px;align-items:center;margin-bottom:8px}.selected-hero img{width:36px;height:36px;object-fit:cover;border-radius:7px;border:1px solid var(--gold)}.selected-hero>div{min-width:0}.selected-hero strong{font-size:14px;display:block}.selected-hero span{font-size:12px;color:var(--muted);display:block;overflow-wrap:anywhere}.rivals-panel{overflow:auto}.rival-row{display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:8px;padding:10px 5px;margin-bottom:7px;min-width:0}.rival-row img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #786d85;box-shadow:0 0 0 3px #1c2435}.rival-row>div{flex:1;min-width:0}.rival-row strong{font-size:13px;font-weight:600;white-space:nowrap}.rival-row>b{font-size:13px}.rival-hp{display:block;height:3px;background:#313447;margin-top:6px;overflow:hidden;border-radius:2px}.rival-hp i{height:100%;display:block;background:linear-gradient(90deg,#9061bc,#dfb8ee)}.rival-row.self{background:#132734;border-color:#32586b}.rival-row.self i{background:var(--cyan)}.rival-row.current{border-color:#b68dd566;background:#2b1f3833}.rival-row.out{opacity:.4}
.arena-column{display:grid;grid-template-rows:24px minmax(0,1fr) 26px 82px;min-width:0;min-height:0}.arena-topline,.bench-heading{display:flex;align-items:center;justify-content:space-between;color:#c8d2e5;font-size:12px;padding:0 7px}.arena-topline #team-count{color:var(--cyan);font-weight:650}.live-dot{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px #79e7ec88;margin-right:7px}.arena{position:relative;overflow:hidden;min-height:0;border:1px solid #7e6c555c;border-radius:12px;background:#111725;box-shadow:inset 0 0 0 3px #e5c58a12,0 6px 25px #0005}.arena:after{content:'';position:absolute;inset:5px;border:1px solid #cfb48622;border-radius:8px;pointer-events:none;z-index:3}.arena-scenery{position:absolute;inset:0;background:linear-gradient(180deg,#0a0e2140,#090f1933 45%,#080b1880),url('../image/arena_skins/arena_remakademia.webp') center/cover;filter:saturate(.8)}.arena-rune{display:none}.side-label{position:absolute;left:17px;font-size:9px;letter-spacing:1.8px;font-weight:700;z-index:2;color:#d3b6bb}.side-label span{display:none}.enemy-label{top:9px}.player-label{bottom:9px;color:#96dce6}.enemy-grid,.player-grid{position:absolute;left:7%;right:7%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,var(--unit-height));gap:16px 6px;justify-items:center;z-index:2}.enemy-grid{top:28px}.player-grid{bottom:27px}.board-slot{width:var(--unit-width);height:var(--unit-height);position:relative;display:grid;place-items:center;border-radius:7px;min-width:0}.board-slot.empty{background:radial-gradient(ellipse at center,#9691af09,transparent 70%);border:1px solid #d5bd9022}.board-slot.empty>.arena-icon{width:30px;height:30px;color:#d1bc9860;opacity:.55}.enemy-slot.empty{border-color:#dab5c915;background:#b5a2cf05}.can-place.empty,.board-slot.can-place:has(.unit){border-color:#78dde879;box-shadow:inset 0 0 20px #4ac0d515}.board-slot.empty:hover{background:#80d6e01a}.unit{height:100%;width:100%;padding:0;position:relative;border:1px solid var(--rarity);border-radius:7px;background:#131d30;box-shadow:0 5px 10px #0007,0 0 0 3px #050c19,inset 0 0 0 3px #edd3a233;isolation:isolate;color:var(--text)}.unit:after{content:'';position:absolute;inset:3px;border:1px solid #ffe4b848;border-radius:4px;pointer-events:none;z-index:2;background:linear-gradient(135deg,#ffffff25,transparent 25%,transparent 75%,#c2a16422);clip-path:polygon(0 0,100% 0,100% 25%,98% 25%,98% 2%,2% 2%,2% 98%,25% 98%,25% 100%,0 100%)}.unit-art{position:absolute;inset:4px;border-radius:3px;overflow:hidden;display:block}.unit-art img{height:100%;width:100%;object-fit:cover;object-position:50% 28%}.unit-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07101c00 28%,#070e1e55 55%,#050c1ae8 80%,#050a16)}.unit .stars{position:absolute;top:-13px;left:50%;transform:translateX(-50%);display:flex;gap:1px;z-index:4;filter:drop-shadow(0 1px 2px #000);color:#ffe1a0}.stars .arena-icon{width:13px;height:13px}.healthbar,.manabar{position:absolute;left:5px;right:5px;top:5px;height:4px;background:#090e17;border:1px solid #080b16;overflow:hidden;z-index:3;border-radius:2px}.healthbar i,.manabar i{display:block;height:100%;transition:width .15s}.healthbar i{background:linear-gradient(90deg,#45cfa0,#abf1b5)}.enemy-unit .healthbar i{background:linear-gradient(90deg,#e45173,#ffc1ac)}.manabar{top:10px;height:2px;border:0}.manabar i{background:#69dbe8}.unit-info{position:absolute;bottom:5px;left:6px;right:6px;z-index:3;text-align:left}.unit-info strong{display:block;font-size:12px;font-weight:650;line-height:1.3;text-shadow:0 2px 4px #000;overflow-wrap:anywhere}.unit-crests{display:flex;gap:4px;margin-top:3px}.unit-crests>span{width:20px;height:20px;border:1px solid #8b98aa55;border-radius:5px;background:#122134b3;display:grid;place-items:center;color:var(--unit-color)}.unit-crests>span:last-child{color:#e0cda7}.unit-crests .arena-icon{width:15px;height:15px}.unit.selected{outline:2px solid var(--cyan);outline-offset:4px;box-shadow:0 0 20px #65d6e766,0 5px 10px #0007}.unit:hover:not(:disabled){border-color:#ffe5ac;box-shadow:0 0 18px #e3c79255,0 5px 10px #0007}.unit.attacking{box-shadow:0 0 22px var(--unit-color);translate:0 -2px}.unit.casting{outline:2px solid var(--unit-color);outline-offset:4px}.unit.hit{animation:hit .38s}.unit.dead{opacity:.23;filter:grayscale(1);box-shadow:none}.unit.enemy-unit:disabled{opacity:1}.unit.enemy-unit.dead:disabled{opacity:.23}
.bench-heading{font-size:10px;letter-spacing:1.2px}.bench-heading b{color:#e1cda9;font-size:11px;margin-left:9px;letter-spacing:.3px}.bench{min-width:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:center;gap:9px;padding:8px 12px;border:1px solid #3b465b;border-radius:10px;background:linear-gradient(180deg,#172031,#0b121e);box-shadow:inset 0 1px #d9c5a41c,inset 0 -7px 15px #0003}.bench-slot{aspect-ratio:1;max-height:66px;width:100%;max-width:74px;justify-self:center;position:relative;display:grid;place-items:center;border:1px solid #4f5b71;border-radius:9px;background:radial-gradient(ellipse at 50% 30%,#273346,#101827 78%);box-shadow:inset 0 2px 6px #0005,0 1px #becbe017}.bench-slot:before{content:'';position:absolute;inset:4px;border:1px solid #9fa8c817;border-radius:5px;pointer-events:none}.bench-slot>.arena-icon{color:#7886a350;width:25px;height:25px}.bench-slot.can-place{border-color:#79d4de88}.bench-avatar{border:1px solid var(--rarity);border-radius:8px;box-shadow:0 0 0 2px #090f1c,0 3px 9px #0008,inset 0 0 12px var(--rarity)}.bench-avatar .unit-art{inset:3px;border-radius:5px}.bench-avatar .unit-art img{object-position:center}.bench-avatar .unit-art:after{background:linear-gradient(180deg,transparent 70%,#080d1d99)}.bench-avatar .stars{left:auto;right:3px;top:auto;bottom:4px;transform:none}.bench-avatar .stars .arena-icon{width:12px;height:12px}
.shop-dock{display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--right-rail);gap:16px;padding:13px 10px;border:1px solid #8e77554d;border-radius:12px;background:linear-gradient(120deg,#141d2f,#101623 50%,#181928);box-shadow:inset 0 1px #efcea31f,0 -5px 35px #0004;min-width:0}.economy-panel{min-width:0;padding:0 4px}.economy-top{display:flex;gap:16px;align-items:center}.level-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center;height:59px;width:59px;flex-shrink:0;border:1px solid var(--gold);border-radius:50%;background:radial-gradient(ellipse at 50% 20%,#26314a,#121927);box-shadow:0 0 0 3px #0c1220,0 0 0 4px #e4be7b33}.level-emblem small{font-size:9px;letter-spacing:1px;color:var(--muted)}.level-emblem strong{font:27px/1.1 ArenaDisplay,Georgia,serif;color:#f4e3c9}.wallet{display:flex;flex-direction:column}.wallet>strong{font-size:28px;line-height:1.15;color:#ffe5ad}.wallet .coin .arena-icon{width:20px;height:20px}.wallet small{font-size:11px;color:var(--muted);margin-top:4px}.xp-track{height:4px;background:#31384c;border-radius:4px;margin:14px 0 4px;overflow:hidden}.xp-track i{height:100%;display:block;background:var(--cyan)}.xp-caption{font-size:10px;text-align:right;color:var(--muted);margin-bottom:7px}.economy-button{width:100%;min-height:33px;padding:5px 9px;display:flex;align-items:center;justify-content:space-between;gap:5px;border:1px solid #546a84;border-radius:6px;background:linear-gradient(120deg,#243449,#15243a);font-size:12px;margin-top:6px;box-shadow:inset 0 1px #fff1}.economy-button>span,.economy-button>b{display:flex;align-items:center;gap:5px}.economy-button .arena-icon{width:16px;height:16px}.economy-button>b{font-size:12px;color:#e8c585}.economy-button:hover:not(:disabled){border-color:#d3bb8b}.economy-button:disabled{opacity:.4}.gold-button{background:linear-gradient(120deg,#473724,#29251f);border-color:#927850}.shop-area{min-width:0}.shop-heading{height:37px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 1px 8px;color:#c8d2e4;font-size:10px;letter-spacing:1.5px}.shop-heading small{display:none}#lock-button{height:32px;min-width:181px;display:flex;align-items:center;gap:8px;border:1px solid #b99962;border-radius:6px;background:linear-gradient(120deg,#463723,#242323);padding:5px 11px;color:#f2d7a5;box-shadow:inset 0 1px #ffe5ad26,0 2px 8px #0003;font-size:11px;font-weight:650;letter-spacing:.8px}#lock-button .arena-icon{width:18px;height:18px}#lock-button i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#8b7b60;box-shadow:inset 0 1px 2px #0004}#lock-button[aria-pressed=true]{border-color:#f6d592;background:linear-gradient(120deg,#6b4f29,#322b22);box-shadow:0 0 13px #d9b16944,inset 0 1px #ffe4a333}#lock-button[aria-pressed=true] i{background:#ffe09a;box-shadow:0 0 8px #fdd679}#lock-button:hover{border-color:#ffe5aa}.shop{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;min-width:0}.shop-card{position:relative;height:var(--shop-height);min-width:0;overflow:hidden;border:1px solid var(--rarity);border-radius:9px;background:#111a2b;padding:0;box-shadow:0 0 0 2px #090f1b,0 5px 15px #0005,inset 0 0 0 4px #ffffff16;isolation:isolate;text-align:left}.shop-card>img{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px;object-fit:cover;object-position:center 27%;border-radius:5px;transition:transform .3s}.shop-card:after{content:'';position:absolute;inset:4px;border:1px solid #ffe7bd40;border-radius:5px;background:linear-gradient(180deg,#06101a08 30%,#090c1840 54%,#070e1ddd 78%,#090f1c);pointer-events:none}.card-corners{position:absolute;inset:0;z-index:4;pointer-events:none}.card-corners:before,.card-corners:after{content:'';position:absolute;width:23px;height:23px;border-color:#fff1cfb3;border-style:solid}.card-corners:before{top:7px;left:7px;border-width:1px 0 0 1px;border-radius:2px 0 0}.card-corners:after{bottom:7px;right:7px;border-width:0 1px 1px 0;border-radius:0 0 2px}.shop-crests{position:absolute;top:11px;left:11px;display:flex;gap:5px;z-index:3}.shop-crests>span{width:28px;height:30px;border:1px solid #c8b59170;border-radius:7px;background:linear-gradient(145deg,#152236ed,#0a1220ed);box-shadow:inset 0 0 0 2px #0b1220,0 2px 6px #0007;display:grid;place-items:center;color:#e2cda5}.shop-crests .arena-icon{width:21px;height:21px}.shop-details{position:absolute;left:13px;right:12px;bottom:15px;z-index:3;display:flex;gap:5px;align-items:center;justify-content:space-between}.shop-details>strong{font:18px/1.2 ArenaDisplay,Georgia,serif;color:#fff1da;text-shadow:0 2px 5px #000;overflow-wrap:anywhere;min-width:0}.shop-price{display:flex;align-items:center;gap:4px;flex-shrink:0;color:#ffe0a1;font-size:16px;font-weight:650;background:#0b1424bd;border:1px solid #caa36455;border-radius:6px;padding:4px 7px}.shop-price .arena-icon{width:18px;height:18px}.shop-card:hover:not(:disabled){border-color:#ffe1a2;box-shadow:0 0 0 2px #0a1020,0 0 20px color-mix(in srgb,var(--rarity),transparent 65%);transform:translateY(-3px)}.shop-card:hover img{transform:scale(1.04)}.sold-card{height:var(--shop-height);border:1px solid #344158;border-radius:9px;background:linear-gradient(145deg,#162032,#0b1422);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#748198;box-shadow:inset 0 0 0 4px #aebdd009}.sold-card>.arena-icon{width:36px;height:36px;opacity:.4}.sold-card small{font-size:9px;letter-spacing:1.7px;margin-top:12px}.battle-controls{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;gap:9px}.battle-controls>span{font-size:11px;color:var(--muted);text-align:center}.fight-button{width:130px;height:130px;position:relative;border:1px solid #f3ce8a;outline:1px solid #e8c38055;outline-offset:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ffe4b0;background:radial-gradient(ellipse at 50% 35%,#8b6c3644,#30281e 47%,#111a29 78%);box-shadow:0 0 20px #cfaf5b20,inset 0 0 0 5px #0c1323,inset 0 0 0 6px #d5b26b55}.fight-icon .arena-icon{width:34px;height:34px;filter:drop-shadow(0 0 10px #e2bb7855)}.fight-button strong{font:23px/1.4 ArenaDisplay,Georgia,serif;letter-spacing:2px}.fight-button small{font-size:9px;letter-spacing:2px;color:#dcc49c}.fight-button:hover:not(:disabled){box-shadow:0 0 30px #dfbc7350,inset 0 0 0 5px #0c1323,inset 0 0 0 6px #d5b26b55}.fight-button:disabled{opacity:.45}.speed-button{border:0;background:transparent;color:var(--muted);font-size:11px}.speed-button b{color:var(--cyan);margin-left:8px}
.synergy-tooltip{position:fixed;z-index:35;width:min(360px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:17px;background:linear-gradient(140deg,#202b3efc,#0f1728fc);border:1px solid color-mix(in srgb,var(--trait),#7c7e8e 40%);border-radius:12px;box-shadow:0 12px 40px #0009,inset 0 1px #fff1;backdrop-filter:blur(15px);scrollbar-width:thin}.tooltip-heading{display:flex;align-items:center;gap:11px}.tooltip-heading>div{flex:1;display:flex;flex-direction:column;gap:1px}.tooltip-heading small{color:var(--muted);font-size:9px;letter-spacing:1.5px}.tooltip-heading strong{font:20px ArenaDisplay,Georgia,serif;color:#f8ecd8}.tooltip-heading>b{font-size:12px;color:var(--trait)}.synergy-tooltip>p{font-size:12px;line-height:1.5;color:#bbc5d8;margin:13px 0}.bonus-list{display:flex;flex-direction:column;gap:5px}.bonus-tier{display:flex;gap:9px;align-items:center;padding:8px;border:1px solid #46506a55;border-radius:6px;color:#a0abc2;font-size:12px}.bonus-tier>b{height:22px;width:22px;display:grid;place-items:center;background:#364057;border-radius:4px;flex-shrink:0}.bonus-tier>span{flex:1}.bonus-tier.unlocked{background:color-mix(in srgb,var(--trait),transparent 92%);color:#e4eaf4;border-color:color-mix(in srgb,var(--trait),transparent 65%)}.bonus-tier.unlocked>b{background:color-mix(in srgb,var(--trait),#152136 60%);color:#fff}.bonus-tier small{font-size:8px;color:var(--trait);letter-spacing:1px}.tooltip-label{display:block;font-size:9px;letter-spacing:1px;color:#c1cadb;margin:18px 0 10px}.trait-members{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 6px}.trait-member{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;color:#9da8ba}.trait-member img{width:42px;height:42px;object-fit:cover;border-radius:9px;border:1px solid #536079;filter:grayscale(1);opacity:.5}.trait-member span{font-size:10px;max-width:100%;text-align:center;overflow-wrap:anywhere}.trait-member.on-board{color:#f0e6d1}.trait-member.on-board img{filter:none;opacity:1;border-color:var(--trait);box-shadow:0 0 0 2px #0a1427,0 0 12px color-mix(in srgb,var(--trait),transparent 65%)}
.combat-effects,.damage-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.damage-number{position:absolute;font-size:20px;font-weight:750;color:#fff0ca;text-shadow:0 2px 4px #07091a,0 0 15px #000;animation:float-damage .85s forwards}.damage-number.special{font-size:29px;color:#ffe7a7}.spell-label{position:absolute;max-width:220px;padding:5px 9px;border:1px solid currentColor;border-radius:4px;background:#0a1028ed;font-size:13px;font-weight:650;white-space:nowrap;transform:translateX(-50%);box-shadow:0 0 14px #b087df40;animation:cast-label 1.3s forwards;z-index:7}.result-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#090c24e6;backdrop-filter:blur(6px);text-align:center;padding:20px}.result-symbol{font-size:47px;color:var(--gold);text-shadow:0 0 40px #ecc78977}.result-overlay h2{font:32px ArenaDisplay,Georgia,serif;color:#ffe1aa;margin:10px 0}.result-overlay p{font-size:14px;color:#e0d5eb;margin:5px 0}.result-overlay .primary-button{margin-top:24px;min-width:190px}.result-rewards{display:flex;gap:30px;margin-top:17px}.result-rewards strong{display:block;font:26px ArenaDisplay;color:var(--cyan)}.result-rewards span{display:block;font-size:12px;color:#cdc2de;max-width:180px;margin-top:5px}.toast{position:fixed;z-index:40;bottom:25px;left:50%;max-width:90vw;padding:13px 22px;border:1px solid var(--gold);border-radius:7px;background:#151b31f5;box-shadow:0 5px 25px #0007;text-align:center;color:#ffe7b6;font-size:14px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
dialog{width:min(690px,94vw);max-height:90dvh;padding:30px;overflow:auto;border:1px solid #c4a477;border-radius:11px;color:var(--text);background:linear-gradient(135deg,#242239,#0e162c);box-shadow:0 0 70px #a472cb40}dialog::backdrop{background:#060a1ccc;backdrop-filter:blur(8px)}dialog h2{font:25px/1.4 ArenaDisplay,Georgia,serif;color:#fbe9cb;margin:12px 0 17px}dialog p{font-size:14px;line-height:1.6;color:#d5cce2}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#ddd3e9;font-size:28px;width:36px;height:36px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.help-grid>div{padding:14px;border:1px solid #5c5474;background:#151c31;border-radius:6px}.help-grid b{font-size:14px;color:var(--cyan)}.help-grid p{font-size:13px;margin:7px 0 0}.demo-note{border-top:1px solid #746071;padding-top:14px}.primary-button{background:linear-gradient(120deg,#86633b,#423329);border:1px solid #e7c386;border-radius:5px;min-height:40px;padding:9px 17px;color:#fff0d8;font-size:14px;box-shadow:inset 0 1px 0 #fff2}.primary-button:hover{background:#977444}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;font-size:16px}.setting-row input{width:20px;height:20px;accent-color:var(--purple)}.dialog-actions{display:flex;gap:12px;margin-top:20px}.dialog-actions button{flex:1;width:auto;min-height:43px}.ability-preview{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #5d526b;margin:3px 0 15px}.ability-preview img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:1px solid var(--gold)}.ability-preview>div{flex:1;display:flex;flex-direction:column;gap:3px}.ability-preview strong{font:18px ArenaDisplay}.ability-preview span{font-size:13px;color:#d5cbe1}.ability-preview>b{font-size:12px;color:var(--cyan)}#ability-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#f1e2ed;margin-bottom:13px}#ability-form input,#ability-form select{width:100%;min-height:40px;padding:8px 10px;background:#10172b;border:1px solid #79758c;border-radius:5px;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-hint{font-size:13px!important}#ability-save-status{min-height:22px;color:var(--cyan);margin-bottom:0}.drag-over{outline:2px solid var(--cyan)!important;background:#62dfe622!important}
@keyframes hit{0%{filter:brightness(2)}50%{filter:brightness(1.4)}100%{filter:brightness(1)}}@keyframes float-damage{0%{opacity:0;transform:translate(-50%,0) scale(.9)}20%{opacity:1;transform:translate(-50%,-10px) scale(1.1)}100%{opacity:0;transform:translate(-50%,-48px) scale(1)}}@keyframes cast-label{0%{opacity:0;translate:0 7px}15%,80%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -7px}}

@media(min-width:2200px){:root{--rail:255px;--right-rail:245px;--shop-height:220px}.game-shell{grid-template-rows:88px minmax(0,1fr) 278px;padding:14px;gap:14px}.panel-heading h2{font-size:25px}.synergy{padding:9px}.trait-meta strong{font-size:15px}.trait-meta b{font-size:14px}.trait-icon{width:42px;height:44px}.trait-icon .arena-icon{width:30px;height:30px}.rival-row{padding:14px 8px}.rival-row strong,.rival-row>b{font-size:15px}.rival-row img{width:38px;height:38px}.unit-info strong{font-size:16px}.unit-crests>span{width:25px;height:25px}.unit-crests .arena-icon{width:20px;height:20px}.shop-details>strong{font-size:25px}.shop-price{font-size:20px}.shop-crests>span{width:35px;height:37px}.shop-crests .arena-icon{width:27px;height:27px}.fight-button{height:168px;width:168px}.fight-button strong{font-size:28px}.economy-button{height:43px;font-size:14px}.level-emblem{width:75px;height:75px}.wallet>strong{font-size:34px}.wallet small{font-size:13px}.arena-column{grid-template-rows:28px minmax(0,1fr) 29px 96px}.bench-slot{max-height:79px;max-width:88px}.bench-heading,.arena-topline{font-size:12px}}
@media(max-width:1500px){:root{--rail:185px;--right-rail:175px}.topbar{gap:10px;padding:0 11px}.brand{width:128px}.commander{min-width:220px;gap:8px}.commander strong{font-size:13px}.rival-commander .eyebrow{letter-spacing:1px}.trait-meta strong{font-size:12px}.trait-icon{width:31px;height:34px}.synergy{gap:7px;padding:5px}.rival-row{gap:7px;padding:9px 3px}.rival-row strong{font-size:12px}.rival-row img{width:29px;height:29px}.shop-details{left:10px;right:9px;bottom:12px}.shop-details>strong{font-size:15px}.shop-price{font-size:14px;padding:3px 5px}.shop-price .arena-icon{width:15px;height:15px}.shop-dock{gap:12px}.shop{gap:10px}.shop-heading{letter-spacing:.5px}#lock-button{min-width:167px;font-size:10px}.economy-top{gap:12px}.wallet>strong{font-size:25px}.economy-button{padding:5px 7px;font-size:11px}}
@media(max-width:1100px){.game-shell{height:auto;min-height:100dvh;grid-template-rows:74px 700px auto}.play-layout{grid-template-columns:185px minmax(0,1fr)}.rivals-panel{display:none}.rival-commander{display:none}.shop-dock{grid-template-columns:185px minmax(0,1fr) 150px}.shop{grid-template-columns:repeat(5,155px);overflow:auto;padding:3px 2px 8px;scrollbar-width:thin}.shop-dock{min-height:230px}.shop-heading>span{display:none}.shop-heading{justify-content:flex-end}.bench{gap:7px;padding:8px}.bench-slot{min-width:0}.enemy-grid,.player-grid{left:4%;right:4%}.unit{max-width:100%}:root{--unit-height:111px;--unit-width:80px}}
@media(max-width:750px){:root{--unit-height:108px;--unit-width:74px;--shop-height:178px}.game-shell{padding:6px;gap:9px;grid-template-rows:auto auto auto;min-height:100dvh}.topbar{flex-wrap:wrap;gap:7px;padding:8px 9px}.brand{width:83px}.brand img{height:38px}.commander{flex:1;min-width:130px;gap:7px}.commander>img{width:30px;height:30px}.commander strong{font-size:12px}.commander .eyebrow{display:none}.commander>b{font-size:18px;margin-left:0}.commander>div{flex:1}.round-banner{order:2;min-width:120px;min-height:38px;margin:0 auto 0 0;flex-direction:row;gap:8px;border:0}.round-banner .eyebrow{display:none}.round-banner strong{font-size:20px;letter-spacing:1px}.round-banner>span:last-child{font-size:9px;letter-spacing:.5px;margin:0}.icon-button{order:3;width:31px;height:31px}.icon-button .arena-icon{width:18px;height:18px}.play-layout{display:flex;flex-direction:column;gap:10px}.arena-column{grid-template-rows:29px 568px 28px auto}.arena{height:568px}.enemy-grid,.player-grid{gap:24px 6px;left:12px;right:12px;grid-template-columns:repeat(5,74px);overflow:visible;justify-content:space-around}.enemy-grid{top:32px}.player-grid{bottom:29px}.board-slot{width:74px}.unit-info strong{font-size:12px}.unit-crests>span{width:19px;height:19px}.side-label{font-size:8px}.bench{grid-template-columns:repeat(10,62px);overflow-x:auto;justify-content:start;gap:9px;padding:10px;min-height:85px;scrollbar-width:thin;scroll-snap-type:x mandatory}.bench-slot{width:62px;height:62px;scroll-snap-align:start}.synergy-panel{order:2;padding:8px}.synergy-panel .panel-heading{display:none}#synergies{display:flex;overflow-x:auto;gap:6px;padding:0 1px 5px;flex:none}.synergy{flex:0 0 144px;min-width:144px;margin:0;padding:7px 5px}.selection-panel{padding-top:9px;margin-top:5px}.selection-panel[data-selected=true]{display:flex;align-items:center;gap:12px}.selected-hero{flex:1;margin:0}.selection-panel .economy-button{width:100px;margin:0;height:38px}.shop-dock{grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 8px;min-height:0}.shop-heading{height:39px;justify-content:flex-start}#lock-button{min-width:0;width:100%;height:32px;letter-spacing:.3px;padding:4px 6px;font-size:9px;gap:5px}#lock-button .arena-icon{width:16px;height:16px}.shop{grid-template-columns:repeat(5,145px);gap:10px}.shop-details>strong{font-size:17px}.shop-details{bottom:13px;left:10px;right:10px;flex-wrap:wrap}.shop-price{margin-left:auto;font-size:14px}.economy-top{gap:8px;flex-wrap:wrap}.level-emblem{height:44px;width:44px}.level-emblem strong{font-size:23px}.level-emblem small{font-size:8px}.wallet>strong{font-size:22px}.wallet .eyebrow{font-size:8px}.wallet small{font-size:10px}.wallet .coin .arena-icon{width:15px;height:15px}.economy-button{font-size:11px;padding:5px;min-height:37px}.economy-button>b{font-size:11px}.economy-button .arena-icon{width:13px;height:13px}.economy-button>span{gap:3px}.economy-button>b{gap:1px}.xp-track{margin-top:10px}.battle-controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 126px 1fr;gap:12px;padding:3px}.battle-controls>span{font-size:10px}.fight-button{height:50px;width:126px;border-radius:9px;flex-direction:row;gap:8px;outline-offset:2px;box-shadow:inset 0 0 0 3px #111a29,inset 0 0 0 4px #c6a65a55}.fight-button strong{font-size:19px}.fight-button small{display:none}.fight-icon .arena-icon{width:24px;height:24px}.speed-button{font-size:10px;padding:0}.speed-button b{display:block;margin:2px 0 0}.help-grid,.form-grid{grid-template-columns:1fr}dialog{padding:26px 19px}dialog h2{font-size:21px}.spell-label{font-size:11px;max-width:160px;white-space:normal}.result-overlay h2{font-size:23px}.result-rewards{gap:15px}.result-rewards strong{font-size:23px}}
@media(max-width:440px){:root{--unit-width:58px;--unit-height:100px}.arena-column{grid-template-rows:29px 536px 28px auto}.arena{height:536px}.enemy-grid,.player-grid{grid-template-columns:repeat(5,minmax(0,1fr));left:10px;right:10px;gap:23px 5px}.board-slot{width:100%;max-width:62px}.unit-art{inset:3px}.unit-info{left:4px;right:3px;bottom:5px}.unit-info strong{font-size:12px}.unit-crests{gap:3px}.unit-crests>span{width:17px;height:17px}.unit-crests .arena-icon{width:13px;height:13px}.shop-dock{grid-template-columns:108px minmax(0,1fr);gap:10px}.wallet>strong{font-size:20px}.level-emblem{width:40px;height:40px}.economy-top{gap:6px}.economy-button{font-size:10px}.economy-button>b{font-size:10px}.commander strong{font-size:12px}.commander{min-width:115px}.brand{width:72px}.topbar{padding:8px;gap:6px}.round-banner{min-width:130px}.icon-button{width:28px;height:29px}.trait-members{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


.hero-frame{position:absolute;inset:0;width:100%;height:100%;z-index:4;color:#e6c98e;opacity:.85;pointer-events:none;filter:drop-shadow(0 1px 1px #030a14)}.bench-avatar .hero-frame{color:var(--rarity);opacity:1}.unit:after{display:none}.unit-crests{position:relative;z-index:5}.shop-card .hero-frame{opacity:.7;color:#f8ddac}.shop-card:hover .hero-frame{opacity:1}.bench-slot:has(.unit){border-color:transparent}.unit-info{bottom:8px}.bench-avatar .stars{bottom:7px;right:6px}.shop-details{bottom:17px}.shop-card .shop-details>strong{font-family:'Segoe UI',Arial,sans-serif;font-weight:650}.tooltip-heading .trait-icon{width:42px;height:44px}
.hero-frame path,.hero-frame circle{vector-effect:non-scaling-stroke}
/* Shop rarity bands and solid, tiered trait badges follow the supplied TFT references. */
.shop-card{border:3px solid var(--rarity);border-radius:2px;box-shadow:0 0 0 1px #070c14,0 4px 12px #0007,inset 0 0 0 1px #ffffff24;background:var(--rarity)}
.shop-card>img{inset:0;width:100%;height:calc(100% - 34px);border-radius:0;object-position:center 30%}
.shop-card:after{inset:0 0 34px;border:0;border-radius:0;background:linear-gradient(180deg,transparent 30%,#03081115 55%,#04091299)}
.shop-card .shop-details{left:0;right:0;bottom:0;height:34px;padding:0 9px;gap:6px;flex-wrap:nowrap;background:linear-gradient(110deg,color-mix(in srgb,var(--rarity),#101720 30%),color-mix(in srgb,var(--rarity),#080e18 50%));border-top:1px solid color-mix(in srgb,var(--rarity),white 25%);box-shadow:inset 0 1px #ffffff13;align-items:center}
.shop-card .shop-details>strong{font-size:16px;line-height:1.1;color:#fff;text-shadow:0 1px 2px #0008}
.shop-card .shop-price{padding:0;background:none;border:0;border-radius:0;color:#fff0bf;font-size:16px;gap:4px;text-shadow:0 1px 2px #0006;margin-left:auto}
.shop-card .shop-price .arena-icon{width:17px;height:17px}
.shop-card .shop-crests{top:auto;bottom:42px;left:8px;gap:7px}
.shop-card .shop-crests>span{border:0;border-radius:0;background:transparent;box-shadow:none;width:22px;height:24px;color:#eaf0f3;filter:drop-shadow(0 1px 3px #000)}
.shop-card .shop-crests .arena-icon{width:21px;height:21px}
.shop-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--rarity),white 28%);box-shadow:0 0 0 1px var(--rarity),0 0 15px color-mix(in srgb,var(--rarity),transparent 55%),0 4px 15px #0006;transform:translateY(-2px)}
.shop-card:focus-visible{outline-color:#fff0c8}
.trait-badge{--badge-edge:#48535b;--badge-face:#0c141b;--badge-bevel:#6a79823b;--badge-ink:#6d7880;position:relative;display:grid;place-items:center;width:37px;height:41px;flex-shrink:0;filter:drop-shadow(0 2px 2px #0006)}
.trait-badge[data-tier="1"]{--badge-edge:#735337;--badge-face:#bc946b;--badge-bevel:#e9c69c;--badge-ink:#271d17}
.trait-badge[data-tier="2"]{--badge-edge:#71888d;--badge-face:#b7cbd0;--badge-bevel:#edf5f5;--badge-ink:#202d31}
.trait-badge[data-tier="3"]{--badge-edge:#9c742f;--badge-face:#e9bf57;--badge-bevel:#ffeca3;--badge-ink:#352a12}
.badge-plate{position:absolute;inset:0;width:100%;height:100%}.badge-edge{fill:var(--badge-edge)}.badge-face{fill:var(--badge-face)}.badge-bevel{fill:var(--badge-bevel)}
.trait-badge>.trait-symbol{position:relative;width:25px;height:25px;color:var(--badge-ink)}
.synergy{border-radius:3px;border:0;background:transparent;padding:4px 3px;gap:7px;margin-bottom:5px;min-height:49px;color:#d9e0e7;box-shadow:none}
.synergy.active{border:0;background:linear-gradient(90deg,#71604b32,#18212d99 75%);color:#f2ebe0}
.synergy[data-tier="2"]{background:linear-gradient(90deg,#869caa27,#18212d99 75%)}
.synergy[data-tier="3"]{background:linear-gradient(90deg,#c49c432c,#18212d99 75%)}
.synergy:hover,.synergy:focus-visible{background:#26303d}
.synergy:not(.active):not(.present){color:#98a4b5}
.synergy:not(.active):not(.present) .trait-badge{opacity:.75}
.trait-count{display:grid;place-items:center;min-width:24px;height:29px;border-radius:3px;background:#ffffff0b;color:#c6cdd3;font-size:17px;line-height:1;font-weight:700;box-shadow:inset 0 1px #ffffff08}
.synergy.active .trait-count{background:#ffffff13;color:#fff}
.trait-meta{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}
.trait-meta strong{font-size:13px;line-height:1.25;font-weight:600}
.trait-levels{display:flex;align-items:center;gap:6px;color:#768492;font-size:12px;line-height:1.2;font-variant-numeric:tabular-nums}
.trait-levels i{font-size:10px;font-style:normal;color:#566373}
.trait-levels .on{color:#d4c6b2}.synergy[data-tier="2"] .trait-levels .on{color:#d0e3ea}.synergy[data-tier="3"] .trait-levels .on{color:#ffe8a3}
.trait-levels [aria-current=true]{font-weight:750;color:#fff1d6}
.unit-crests>span{border:0;border-radius:0;background:transparent;color:#e9e6da;filter:drop-shadow(0 1px 2px #000)}
.unit-crests>span:last-child{color:#e9e6da}.unit-crests .trait-symbol{width:15px;height:15px}
.tooltip-heading .trait-badge{width:42px;height:46px}
@media(min-width:2200px){.shop-card .shop-details{height:41px;padding:0 12px}.shop-card>img{height:calc(100% - 41px)}.shop-card:after{bottom:41px}.shop-card .shop-details>strong{font-size:21px}.shop-card .shop-price{font-size:20px}.shop-card .shop-price .arena-icon{width:21px;height:21px}.shop-card .shop-crests{bottom:51px;left:11px}.shop-card .shop-crests>span{width:26px;height:28px}.shop-card .shop-crests .arena-icon{width:25px;height:25px}.trait-badge{width:43px;height:47px}.trait-badge>.trait-symbol{width:29px;height:29px}.trait-meta strong{font-size:15px}.trait-count{font-size:21px;height:34px;min-width:27px}.trait-levels{font-size:14px}.synergy{padding:5px;gap:9px;min-height:55px}.unit-crests .trait-symbol{width:19px;height:19px}}
@media(max-width:1500px){.trait-badge{width:31px;height:35px}.trait-badge>.trait-symbol{width:22px;height:22px}.trait-count{min-width:21px;height:27px;font-size:16px}.trait-meta strong{font-size:12px}.trait-levels{gap:5px;font-size:11px}.synergy{gap:5px}.shop-card .shop-details{padding:0 7px}.shop-card .shop-details>strong{font-size:14px}.shop-card .shop-price{font-size:14px;gap:3px}.shop-card .shop-price .arena-icon{width:15px;height:15px}}
@media(max-width:750px){.synergy{flex-basis:160px;min-width:160px;padding:5px;gap:6px}.trait-meta strong{font-size:12px}.shop-card .shop-details>strong{font-size:14px}.shop-card .shop-details{padding:0 6px}}
@media(min-width:2200px){:root{--unit-height:clamp(92px,calc((100dvh - 670px)/4),166px)}.game-shell{min-height:1040px}}