:root{--ui-panel:linear-gradient(180deg, #3c2c19 0%, #241a0e 100%);--ui-row:linear-gradient(180deg, #4a3620 0%, #2e2213 100%);--ui-bg:#2a1f11;--ui-surface:#3a2a17;--ui-surface-hover:#4c3820;--ui-line:#8a6a2f;--ui-panel-shadow:inset 0 0 0 1px #ffd68226, inset 0 2px 10px #00000080, 0 4px 12px #0006;--ui-text:#f1e2b8;--ui-muted:#b8a67e;--ui-gold:#ffd77a;--ui-gold-deep:#e8b923;--ui-on-gold:#3b2210;--ui-red:#ef4f4f;--ui-green:#7fd08a;--ui-green-light:#8fe0a4;--ui-on-green:#0f2a17;--ui-overlay:#0c0803cc;--ui-emblem:radial-gradient(circle at 35% 30%, #3a2a14, #100b05 75%);--ui-banner-leather:linear-gradient(135deg, #3a2410, #140d06);--ui-banner-warm:radial-gradient(circle at 75% 30%, #6b4a22, #2a1c0e 70%);--ui-banner-steel:radial-gradient(circle at 75% 30%, #3f4a5c, #151a22 70%);--ui-font:system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--ui-casino-cabinet:linear-gradient(180deg, #3a0d06 0%, #1a0603 55%, #0d0402 100%);--ui-casino-window:#0a0302;--ui-casino-reel:radial-gradient(ellipse at 50% 45%, #5a1608 0%, #2a0904 60%, #120402 100%);--ui-casino-reel-edge:#000000bf;--ui-casino-bulb:#fff0b8;--ui-casino-bulb-off:#6b2a12;--ui-casino-fire:#ff7a1a;--ui-casino-fire-hot:#ffd23f;--ui-casino-fire-deep:#c4170d;--ui-casino-free:#b77bff;--ui-casino-free-deep:#5b2ca8;--ui-casino-seven:#ff2a1f;--ui-casino-seven-deep:#6e0805;--ui-casino-bar:#1d140c;--ui-casino-wild:linear-gradient(160deg, #8b46ff 0%, #4a1b9a 100%);--ui-casino-overlay:#0a0301d6;--ui-casino-button:#382722;--ui-payline-1:#ffd23f;--ui-payline-2:#ff5c5c;--ui-payline-3:#4fd1ff;--ui-payline-4:#7cf27c;--ui-payline-5:#ff8ae2;--ui-payline-6:#ffa53f;--ui-payline-7:#9c8cff;--ui-payline-8:#3ff2c8;--ui-payline-9:#f2f25c;--ui-payline-10:#ff7aa2;--ui-payline-11:#5cffa8;--ui-payline-12:#ffb3f0;--ui-payline-13:#7fb2ff;--ui-payline-14:#ffe08a;--ui-payline-15:#c9ff5c;--ui-payline-16:#ff9d6e;--ui-payline-17:#b0f0ff;--ui-payline-18:#e0a8ff;--ui-payline-19:#ffcf5c;--ui-payline-20:#8affd9}.fight-portrait-grid{grid-template-rows:repeat(5,38px);grid-template-columns:38px 1fr 38px;justify-content:center;gap:5px;display:grid}.fight-slot{border:2px solid var(--ui-line);background:var(--ui-row);opacity:.55;border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 2px 3px #0000001f}.fight-slot--left{grid-column:1}.fight-slot--right{grid-column:3}.fight-slot--filled{opacity:1;background:linear-gradient(145deg, var(--ui-gold), var(--ui-gold-deep));box-shadow:0 3px 5px #0003}.fight-slot--filled:hover{transform:translateY(-2px);box-shadow:0 5px 8px #00000040}.fight-slot-icon{object-fit:contain;width:80%;height:80%}.fight-portrait{border:2px solid var(--ui-line);background:url(/heroes-backgrounds/character-panel-background.webp) bottom/cover;border-radius:10px;grid-area:1/2/span 5;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 6px #00000026}.fight-portrait-figure{width:90%;height:90%}.fight-button{border:2px solid var(--ui-line);font:inherit;color:var(--ui-on-gold);background:linear-gradient(145deg, var(--ui-gold), var(--ui-gold-deep));cursor:pointer;white-space:nowrap;border-radius:10px 10px 5px 5px;padding:.5rem .9rem;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 6px #0003}.fight-button:not(:disabled):hover{transform:translateY(-2px)}.fight-button:not(:disabled):active{transform:translateY(1px);box-shadow:0 1px 2px #0003}.fight-button:disabled{opacity:.65;cursor:not-allowed}.fight-button--attack{color:var(--ui-on-gold);background:linear-gradient(145deg, #f07a4a, var(--ui-red));font-weight:800}.battle-log-line{opacity:.85;margin:0;font-size:13px}.battle-history{border:3px solid var(--ui-line);background:var(--ui-panel);box-shadow:var(--ui-panel-shadow);color:var(--ui-text);border-radius:10px;flex-direction:column;gap:.6rem;padding:1.5rem;display:flex}@media (width<=480px){.battle-history{padding:1.25rem}}.battle-history-title{color:var(--ui-text);margin:0;font-size:16px}.battle-history-empty{opacity:.7;margin:0;font-size:14px}.battle-history-row{border-top:1px solid var(--ui-line)}.battle-history-row:first-of-type{border-top:none}.battle-history-summary{cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;padding:.6rem 0;display:flex}.battle-history-avatar{width:30px;height:30px;color:var(--ui-text);background:var(--ui-row);border:2px solid var(--ui-line);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;overflow:hidden}.battle-history-avatar img{object-fit:cover;width:100%;height:100%}.battle-history-text{flex:1;font-size:14px}.battle-history-outcome--win{color:var(--ui-green);font-weight:700}.battle-history-outcome--draw{color:var(--ui-muted);font-weight:700}.battle-history-outcome--loss{color:var(--ui-red);font-weight:700}.battle-history-when{opacity:.55;flex:none;font-size:12px}.battle-history-log{flex-direction:column;gap:.2rem;padding:0 0 .75rem 2.5rem;display:flex}.battle-history-view-profile{color:var(--ui-gold);margin-bottom:.3rem;font-size:12px;font-weight:700}