:root { --ink:#171b18; --paper:#f4f0e8; --forest:#244536; --forest-deep:#14291f; --oxblood:#7a3028; --red-deep:#4d201d; --bronze:#a9783c; --gold:#d3b377; --muted:#6c6a61; --line:#c9bead; --blue:#405467; }
*{box-sizing:border-box;letter-spacing:0} html,body{margin:0;min-height:100%;background:#101310;color:var(--ink);font-family:Arial,Helvetica,sans-serif} body{overflow:hidden} button{font:inherit;cursor:pointer} button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.game-root{min-height:100dvh;min-height:100svh;overflow:hidden;background:var(--paper)}
.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:#f8f3e9;background:#151916;border-bottom:1px solid #3c4039}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--ink);background:var(--gold);border:2px solid var(--bronze);border-radius:50%;font:700 19px Georgia,serif}.brand strong,.brand small{display:block}.brand strong{color:var(--gold);font:700 19px Georgia,serif;letter-spacing:1px}.brand small{margin-top:2px;color:#a7aba3;font-size:9px;font-weight:700;text-transform:uppercase}.top-actions{display:flex;gap:8px}.small-btn{padding:8px 12px;color:#d7d2c8;background:transparent;border:1px solid #555a52;border-radius:2px;font-size:10px;font-weight:700;text-transform:uppercase}.small-btn:hover{color:#fff;background:#282d28;border-color:var(--gold)}.screen{min-height:calc(100dvh - 64px);min-height:calc(100svh - 64px)}.hidden{display:none!important}
.intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 370px;align-items:center;padding:clamp(40px,8vh,110px) clamp(28px,8vw,130px);overflow:hidden;background:radial-gradient(circle at 78% 50%,#314a3b 0,#1e3227 28%,#111612 67%);color:#f8f2e8}.intro::before{content:"";position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(90deg,transparent 0,transparent 78px,#d3b377 79px,#d3b377 80px);transform:skewX(-18deg) scale(1.3)}.intro-copy{position:relative;z-index:1;max-width:620px}.eyebrow{display:block;margin-bottom:14px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.intro h1{margin:0 0 24px;font:700 clamp(42px,6vw,78px)/.99 Georgia,serif}.intro h1 em{color:var(--gold);font-style:normal}.intro-copy>p{max-width:510px;color:#d1d7d0;font:17px/1.55 Georgia,serif}.intro-facts{display:flex;flex-wrap:wrap;gap:22px;margin:28px 0 33px;color:#bfc8bf;font-size:10px;font-weight:800;text-transform:uppercase}.intro-facts b{margin-right:4px;color:var(--gold);font:700 19px Georgia,serif}.primary-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:21px;padding:0 20px;color:var(--ink);background:var(--gold);border:0;border-bottom:3px solid var(--bronze);border-radius:2px;font-size:11px;font-weight:800;text-transform:uppercase}.primary-btn:hover{background:#e2c68f}.primary-btn span{font-size:20px;line-height:1}.intro-emblem{position:relative;z-index:1;width:270px;height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;color:var(--gold);border:1px solid rgba(211,179,119,.55);border-radius:50%;text-align:center}.intro-emblem:before,.intro-emblem:after{content:"";position:absolute;inset:15px;border:1px solid rgba(211,179,119,.2);border-radius:50%}.intro-emblem:after{inset:40px;border-color:rgba(211,179,119,.35)}.sun-seal{font-size:42px}.emblem-line{width:54px;height:2px;margin:12px 0;background:var(--oxblood)}.intro-emblem strong{font:700 20px/1.05 Georgia,serif;text-transform:uppercase}.intro-emblem small{margin-top:10px;color:#b4bcb3;font-size:8px;font-weight:800;text-transform:uppercase}
.selection-screen{min-height:calc(100dvh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:var(--paper);text-align:center}.selection-copy h2{margin:0 0 10px;font:700 42px Georgia,serif}.selection-copy p{margin:0;color:var(--muted);font:15px Georgia,serif}.hero-choices{width:min(680px,100%);display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0 18px}.hero-choice{position:relative;min-height:145px;display:grid;grid-template-columns:54px 1fr;gap:13px;padding:20px;color:var(--ink);background:#fffdf8;border:1px solid var(--line);border-top:5px solid var(--forest);text-align:left}.hero-choice:nth-child(2){border-top-color:var(--oxblood)}.hero-choice.selected{box-shadow:0 0 0 3px var(--gold)}.hero-choice .choice-token{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;font:700 21px Georgia,serif}.hero-choice span strong,.hero-choice span small,.hero-choice span em{display:block}.hero-choice span strong{font:700 17px Georgia,serif}.hero-choice span small{margin-top:4px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.hero-choice span em{margin-top:12px;color:var(--muted);font-size:10px;line-height:1.35}.hero-choice>b{position:absolute;right:12px;bottom:10px;color:var(--oxblood);font-size:8px;text-transform:uppercase}.selection-note{display:flex;flex-direction:column;gap:5px;margin-bottom:22px;color:var(--muted);font-size:10px}.selection-note strong{color:var(--ink);font:700 14px Georgia,serif}.selection-start{min-width:230px}
.game-screen{display:flex;flex-direction:column;background:#e9e2d6}.game-layout{min-height:0;flex:1;display:grid;grid-template-columns:245px minmax(420px,1fr) 245px}.hero-panel,.enemy-panel{min-height:0;padding:25px 20px}.danna-panel{color:#e9f0e8;background:var(--forest-deep)}.gilgal-panel{color:#f1e5df;background:var(--red-deep)}.panel-label{margin-bottom:22px;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.hero-heading{display:flex;align-items:center;gap:11px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.25)}.hero-token{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;font:700 22px Georgia,serif}.white-token{color:var(--ink);background:#fffdf8;border:2px solid var(--gold)}.black-token{color:#fff;background:#252d2c;border:2px solid #b46958}.hero-heading h2{margin:0;font:700 24px Georgia,serif}.hero-heading span{display:block;margin-top:4px;color:#aebbb0;font-size:9px;text-transform:uppercase}.gilgal-panel .hero-heading span{color:#cba9a1}.health-block{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.2)}.health-top,.reserve-heading{display:flex;align-items:center;justify-content:space-between}.health-top{color:#b9c5bb;font-size:10px;font-weight:800;text-transform:uppercase}.health-top strong{color:var(--gold);font:700 18px Georgia,serif}.health-pips{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px}.health-pip{width:19px;height:24px;display:grid;place-items:center;color:var(--ink);background:var(--gold);border:1px solid var(--bronze);font:700 9px Georgia,serif}.health-pip.empty{opacity:.16;background:#fff}.reserve-block{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.2)}.reserve-heading{color:#b9c5bb;font-size:10px;font-weight:800;text-transform:uppercase}.reserve-heading strong{color:var(--gold);font:700 19px Georgia,serif}.reserve-pieces{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.reserve-piece{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font:700 12px Georgia,serif}.reserve-piece.white{color:var(--ink);background:#fffdf8;border:2px solid var(--gold)}.reserve-piece.black{color:#fff;background:#252d2c;border:2px solid #b46958}.reserve-empty{margin-top:11px;color:#9eafa2;font-size:9px;line-height:1.4}.gilgal-panel .reserve-empty{color:#c49e96}.hero-power,.machine-note{margin-top:20px;padding:14px;background:rgba(0,0,0,.18);border-left:4px solid var(--bronze)}.power-tag,.phase-tag{display:block;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.hero-power>strong,.machine-note>strong{display:block;margin:6px 0;font:700 16px Georgia,serif}.hero-power p,.machine-note p{margin:0;color:#b7c3b8;font-size:9px;line-height:1.4}.gilgal-panel .machine-note p{color:#d1b8b2}.power-btn{min-height:34px;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;color:#d4e0d4;background:#2a4437;border:1px solid #5c7d68;border-radius:2px;font-size:8px;font-weight:800;text-transform:uppercase}.power-btn:hover:not(:disabled){color:#fff;background:#3c604c}.power-btn:disabled{cursor:not-allowed;opacity:.35}.hero-power .power-btn{width:100%;margin-top:14px}.hero-power .power-btn span{color:var(--gold);font:14px Georgia,serif}
.battle-panel{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;padding:28px clamp(20px,4vw,65px) 22px;overflow:auto;background:var(--paper)}.battle-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:19px;border-bottom:2px solid var(--ink)}.battle-head h2{margin:6px 0 0;font:700 clamp(22px,2.5vw,32px)/1.05 Georgia,serif}.round-badge{width:39px;height:39px;display:grid;place-items:center;color:#fff;background:var(--oxblood);border:2px solid var(--gold);border-radius:50%;font:700 13px Georgia,serif}.battle-tabs{display:flex;gap:7px;margin:14px 0 0}.battle-tab{min-height:35px;padding:0 12px;color:var(--muted);background:transparent;border:1px solid var(--line);border-bottom:3px solid var(--line);border-radius:2px;font-size:9px;font-weight:800;text-transform:uppercase}.battle-tab.active{color:#fff;background:var(--forest);border-color:var(--forest)}.battle-area{display:flex;flex-direction:column}.board-area{position:relative;display:flex;align-items:center;justify-content:center;min-height:172px;margin:18px 0;overflow:hidden;background:#d8d0c2;border:1px solid var(--line)}.battle-board{width:min(100%,500px);height:150px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,1fr);border:5px solid var(--ink)}.battle-square{position:relative;display:grid;place-items:center;background:#eee6d8}.battle-square:nth-child(odd){background:#526356}.mini-token{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font:700 12px Georgia,serif}.mini-token.white{color:var(--ink);background:#fff;border:2px solid var(--gold)}.mini-token.black{color:#fff;background:#242a2f;border:2px solid #b46958}.battle-square .active-token{transform:scale(1.18);box-shadow:0 0 0 4px #d3b377,0 3px 7px rgba(0,0,0,.3)}.board-caption{position:absolute;right:10px;bottom:7px;color:rgba(31,33,29,.65);font-size:8px;font-weight:800;text-transform:uppercase}.combat-card{display:grid;grid-template-columns:95px minmax(160px,1fr) minmax(135px,170px);gap:18px;align-items:center;padding:17px 18px;background:#fffdf8;border:1px solid var(--line);border-top:5px solid var(--oxblood)}.encounter-art{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase;text-align:center}.enemy-token{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;font:700 27px Georgia,serif}.enemy-token.white{color:var(--ink);background:#fffdf8;border:3px solid var(--gold)}.enemy-token.black{color:#fff;background:#2a3030;border:3px solid #b46958}.encounter-type{color:var(--oxblood);font-size:8px;font-weight:800;text-transform:uppercase}.encounter-info h3{margin:5px 0;font:700 22px Georgia,serif}.encounter-info p{min-height:30px;margin:0 0 11px;color:var(--muted);font-size:9px;line-height:1.35}.threat-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding-top:9px;border-top:1px solid var(--line)}.threat-line span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.threat-line strong{color:var(--oxblood);font:700 17px Georgia,serif}.threat-line small{color:var(--muted);font-size:8px}.roll-area{display:flex;flex-direction:column;align-items:center;gap:10px}.roll-btn{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;background:var(--oxblood);border:0;border-bottom:3px solid #481a16;border-radius:2px;font-size:10px;font-weight:800;text-transform:uppercase}.roll-btn:hover:not(:disabled){background:#963c31}.roll-btn:disabled{cursor:not-allowed;opacity:.42}.roll-btn b{color:var(--gold);font-size:18px}.roll-result{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:8px;text-transform:uppercase}.roll-result strong{color:var(--oxblood);font:700 26px Georgia,serif}.result-banner{display:grid;grid-template-columns:1fr 1.35fr auto;align-items:center;gap:16px;margin-top:14px;padding:13px 16px;color:#fff;background:var(--forest);border-left:4px solid var(--gold)}.result-banner.loss{background:var(--red-deep)}.result-banner strong{font:700 15px Georgia,serif}.result-banner span{color:#d1ded4;font-size:9px;line-height:1.35}.continue-btn{min-height:34px;padding:0 11px;color:var(--ink);background:var(--gold);border:0;border-bottom:2px solid var(--bronze);border-radius:2px;font-size:8px;font-weight:800;text-transform:uppercase}
.rival-log{margin-top:18px;padding:17px;background:#fffdf8;border:1px solid var(--line);border-top:5px solid var(--blue)}.log-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:12px;border-bottom:1px solid var(--line)}.log-head h3{margin:5px 0 0;font:700 21px Georgia,serif}.log-count{color:var(--oxblood);font:700 16px Georgia,serif}.log-intro{margin:12px 0;color:var(--muted);font-size:9px}.defense-order{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.defense-slot{position:relative;min-width:74px;display:flex;align-items:center;gap:7px;padding:7px;color:var(--ink);background:#eee7da;border:1px solid var(--line);text-align:left}.defense-slot .defense-piece{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font:700 11px Georgia,serif;flex:0 0 auto}.defense-piece.white{color:var(--ink);background:#fffdf8;border:2px solid var(--gold)}.defense-piece.black{color:#fff;background:#252d2c;border:2px solid #b46958}.defense-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.defense-slot b{overflow:hidden;font-size:8px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.defense-slot small{color:var(--muted);font-size:7px}.defense-slot button{position:absolute;inset:0;padding:0;background:transparent;border:0}.defense-slot.active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.defense-slot.used{opacity:.4}.rival-results{display:grid;gap:6px;margin:14px 0}.rival-result{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:8px;background:#f2ede3;border-left:3px solid var(--forest)}.rival-result.loss{border-left-color:var(--oxblood)}.rival-result .result-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font:700 10px Georgia,serif}.rival-result .result-icon.white{color:var(--ink);background:#fffdf8;border:2px solid var(--gold)}.rival-result .result-icon.black{color:#fff;background:#252d2c;border:2px solid #b46958}.rival-result.loss .result-icon{opacity:.72}.rival-result strong{font:700 11px Georgia,serif}.rival-result span{color:var(--muted);font-size:8px}.rival-result .result-roll{color:var(--oxblood);font:700 14px Georgia,serif}.rival-log>.primary-btn{width:100%;margin-top:8px}.rival-complete{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:11px;color:#fff;background:var(--forest);font-size:9px}.rival-complete strong{font:700 13px Georgia,serif}.duel-intro,.defeat-screen,.victory-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;padding:30px;text-align:center}.duel-intro h2,.defeat-screen h2,.victory-screen h2{margin:8px 0 10px;font:700 34px Georgia,serif}.duel-intro p,.defeat-screen p,.victory-screen p{max-width:400px;margin:0 0 22px;color:var(--muted);font:14px/1.5 Georgia,serif}.duel-crown,.victory-seal{width:70px;height:70px;display:grid;place-items:center;color:var(--gold);background:var(--ink);border:3px solid var(--bronze);border-radius:50%;font:40px Georgia,serif}.duel-card{margin-top:17px}.duel-score{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center;padding:17px;color:#fff;background:var(--ink);border-bottom:4px solid var(--bronze);text-align:center}.duel-score div:first-child{background:var(--forest)}.duel-score div:last-child{background:var(--red-deep)}.duel-score>div:not(.versus){padding:10px}.duel-score span,.duel-score strong,.duel-score small{display:block}.duel-score span{color:var(--gold);font-size:8px;font-weight:800;text-transform:uppercase}.duel-score strong{font:700 31px Georgia,serif}.duel-score small{color:#c5c4bb;font-size:8px;text-transform:uppercase}.versus{color:var(--gold);font:700 15px Georgia,serif}.duel-status{padding:12px;color:#fff;background:var(--blue);font:700 10px Georgia,serif;text-align:center}.duel-rolls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.duel-roll-box{padding:12px;background:#eee7da;border-top:4px solid var(--forest);text-align:center}.duel-roll-box.gilgal-roll{border-color:var(--oxblood)}.duel-roll-box span,.duel-roll-box strong,.duel-roll-box small{display:block}.duel-roll-box span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.duel-roll-box strong{margin:4px 0;color:var(--oxblood);font:700 28px Georgia,serif}.duel-roll-box small{color:var(--muted);font-size:8px}.duel-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.duel-actions .power-btn{flex:1 1 120px}.duel-roll-btn{margin-top:9px}.duel-result{margin-top:10px}
.mobile-status{display:none}.rules-dialog{width:min(670px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;color:var(--ink);background:var(--paper);border:0;border-top:5px solid var(--bronze);box-shadow:0 18px 70px rgba(0,0,0,.45)}.rules-dialog::backdrop{background:rgba(0,0,0,.7)}.dialog-close{position:absolute;top:12px;right:14px;width:30px;height:30px;color:var(--muted);background:transparent;border:0;font-size:25px}.rules-dialog h2{margin:0 0 19px;font:700 30px Georgia,serif}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.rules-grid div{padding:14px;background:#eae2d5;border-left:4px solid var(--forest)}.rules-grid div:nth-child(even){border-color:var(--oxblood)}.rules-grid b{font:700 15px Georgia,serif}.rules-grid p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.rules-table{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:16px;color:#fff;background:var(--ink)}.rules-table>*{padding:12px;border-right:1px solid #555}.rules-table span{color:var(--gold);font-size:9px;font-weight:800;text-transform:uppercase}.rules-table strong{font:700 12px Georgia,serif}
@media(max-width:900px){body{overflow:auto}.game-root{min-height:100svh}.game-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.hero-panel,.enemy-panel{display:none}.battle-panel{min-height:calc(100svh - 110px);padding:18px 14px 70px}.topbar{height:56px;padding:0 14px}.screen{min-height:calc(100svh - 56px)}.mobile-status{position:fixed;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));color:#fff;background:#151916;border-top:1px solid #555a52;font-size:9px;text-transform:uppercase}.mobile-status span{color:var(--gold);font-weight:800}.mobile-status strong{font:700 12px Georgia,serif}.intro{min-height:calc(100svh - 56px);display:flex;align-items:flex-end;padding:44px 24px 70px;background:radial-gradient(circle at 75% 20%,#365342 0,#1c2d24 34%,#111612 75%)}.intro-emblem{position:absolute;top:9%;right:-42px;width:220px;height:220px;opacity:.62}.intro-copy>p{font-size:15px}.intro h1{font-size:47px}.selection-screen{min-height:calc(100svh - 56px);padding:40px 18px 80px}.selection-copy h2{font-size:32px}.hero-choices{grid-template-columns:1fr;max-width:430px}.hero-choice{min-height:123px}.combat-card{grid-template-columns:65px 1fr;gap:12px}.roll-area{grid-column:1/-1}.roll-btn{min-height:50px}.result-banner{grid-template-columns:1fr;gap:7px}.continue-btn{width:100%}.board-area{min-height:130px}.battle-board{height:105px}.battle-square .mini-token{width:23px;height:23px;font-size:10px}.encounter-art{align-self:start}.encounter-info h3{font-size:18px}.rival-log{padding:13px}.defense-slot{min-width:62px;padding:6px}.defense-slot b{font-size:7px}.rules-grid{grid-template-columns:1fr}}
@media(max-width:500px){.brand strong{font-size:16px}.battle-head h2{font-size:24px}.duel-rolls{gap:5px}.duel-score{grid-template-columns:1fr 35px 1fr;padding:8px}.duel-score strong{font-size:25px}.duel-intro h2,.defeat-screen h2,.victory-screen h2{font-size:28px}}

/* Integrated character and faction artwork */
.defense-art,.result-art{position:relative;width:42px;height:42px;display:block;flex:0 0 auto;overflow:visible}
.defense-art img,.result-art img{width:42px;height:42px;display:block;object-fit:cover;background:#eee8dc;border:1px solid var(--line)}
.defense-art .defense-piece,.result-art .result-icon{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;display:grid;place-items:center;margin:0;border-radius:50%;font:700 8px Georgia,serif;font-style:normal}
.rival-result{grid-template-columns:42px 1fr auto}
.rival-result>div{min-width:0}
.rival-result>div strong,.rival-result>div span{display:block}
.rival-result>div span{margin-top:3px;line-height:1.35}
.hero-choice{min-height:172px;grid-template-columns:112px 1fr;padding:12px;gap:15px}
.choice-portrait{width:112px;height:142px;display:block;object-fit:cover;object-position:center top;background:#eee8dc;border:1px solid var(--line)}
.side-portrait{width:100%;height:145px;display:block;margin:-8px 0 17px;object-fit:cover;object-position:center 18%;background:#eee8dc;border:1px solid rgba(211,179,119,.55)}
.combat-card{grid-template-columns:128px minmax(160px,1fr) minmax(135px,170px)}
.encounter-art{position:relative}
.unit-portrait-frame{width:120px;height:106px;overflow:hidden;background:#eee8dc;border:1px solid var(--line)}
.unit-portrait{width:100%;height:100%;display:block;object-fit:cover}
.enemy-token{position:absolute;right:-3px;bottom:10px;width:34px;height:34px;font-size:14px}
@media(max-width:900px){.hero-choice{min-height:142px;grid-template-columns:90px 1fr}.choice-portrait{width:90px;height:112px}.combat-card{grid-template-columns:98px 1fr}.unit-portrait-frame{width:92px;height:88px}}