@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101817;--panel:#1b2724;--line:#384740;--text:#f5f0df;--muted:#b7c3b9;--gold:#edbc68;--green:#7fd599;--red:#e99077}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,system-ui,sans-serif}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:#25342e;padding:11px 17px;min-height:44px}button:hover{border-color:var(--gold)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--gold);color:#151c19;font-weight:700}header{height:82px;padding:12px 4vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#101817}nav{display:flex;gap:9px}.brand{color:var(--text);font:800 32px/1 'Barlow Condensed',Impact,sans-serif;text-decoration:none;letter-spacing:.03em}.brand span{display:block;font:600 10px/1.8 Inter,sans-serif;letter-spacing:.3em;color:var(--gold)}main{max-width:1500px;margin:auto;padding:28px 3vw}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1.05;margin:0 0 16px}h1{font-size:clamp(40px,5vw,68px);text-transform:uppercase}h2{font-size:34px}h3{font-size:25px}p{margin:10px 0}.eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700}.muted{color:var(--muted)}.menu{max-width:1060px;margin:20px auto}.intro{text-align:center;margin-bottom:28px}.selection{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:20px}.versus{text-align:center;font:800 46px 'Barlow Condensed';color:var(--gold)}.hero-choice{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.portrait{height:265px;background:#224534;overflow:hidden}.portrait svg{width:100%;height:100%}.choice-body{padding:22px}.choice-body button{width:100%;margin-top:12px}.setup-note{text-align:center;max-width:700px;margin:24px auto}.pill{display:inline-block;border:1px solid var(--line);padding:4px 10px;border-radius:4px;font-size:13px;margin:3px}.toolbar{position:sticky;top:0;z-index:5;background:#101817f5;border:1px solid var(--line);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.toolbar h3{margin:0}.toolbar .spacer{flex:1}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.board{position:relative;aspect-ratio:1800/1020;background:url('assets/sherwood.webp') center/100% 100%;border:1px solid #756548;border-radius:10px;overflow:hidden}.board svg{width:100%;height:100%;display:block}.space{fill:transparent;stroke:transparent;stroke-width:5;cursor:pointer}.space.legal{fill:#fff3;stroke:#ffe19a}.space:hover{stroke:#fff}.piece{cursor:pointer}.piece circle{stroke-width:5;stroke:#fff}.piece text{fill:#fff;paint-order:stroke;stroke:#111;stroke-width:3;font:700 22px Inter;pointer-events:none}.piece.selected circle{stroke:#ffe57a;stroke-width:9}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}.fighter-stat{display:flex;justify-content:space-between;gap:8px;margin:8px 0}.hp{font-weight:700;color:var(--green)}.bot .hp{color:var(--red)}.hand{display:flex;gap:12px;overflow-x:auto;padding:8px 2px 18px}.card{flex:0 0 155px;padding:0;overflow:hidden;background:#15241e;text-align:left}.card svg{width:100%;display:block;aspect-ratio:373/520}.card .caption{padding:8px;font-size:13px}.section-label{display:flex;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:6px}.log{font-size:14px;max-height:260px;overflow:auto;color:var(--muted)}.log p{padding:8px 0;margin:0;border-bottom:1px solid var(--line)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.status{padding:15px;background:#2e3b2b;border-left:3px solid var(--gold);margin-bottom:16px;border-radius:5px}dialog{background:#17251f;color:var(--text);border:1px solid var(--line);border-radius:12px;width:min(700px,94vw);max-height:90vh;padding:24px}dialog::backdrop{background:#020906c9;backdrop-filter:blur(3px)}.detail{display:grid;grid-template-columns:210px 1fr;gap:22px}.detail svg{width:100%}.detail .actions{margin-top:22px}.close-row{display:flex;justify-content:flex-end;margin-top:20px}.danger{color:var(--red)}.history-card{width:75px}.history{display:flex;gap:6px}.history svg{width:75px}.board-help{font-size:14px;color:var(--muted);margin-top:8px}.selected-card{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}@media(max-width:950px){.battle-layout{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side .panel:last-child{grid-column:1/-1}.toolbar{top:0}.portrait{height:215px}}@media(max-width:600px){header{height:70px;padding:10px 15px}.brand{font-size:25px}main{padding:16px 10px}.selection{grid-template-columns:1fr 1fr;gap:12px}.versus{display:none}.portrait{height:165px}.choice-body{padding:14px}.choice-body h2{font-size:29px}.choice-body p{font-size:14px}.choice-body button{padding:9px 6px;font-size:14px}.intro{margin-bottom:18px}.menu{margin:12px auto}.toolbar{padding:10px;gap:8px}.toolbar button{padding:8px 10px;font-size:14px}.side{gap:8px}.panel{padding:12px}.detail{grid-template-columns:120px 1fr;gap:14px}.card{flex-basis:136px}dialog{padding:16px}.board{min-height:260px;aspect-ratio:1800/1020}.board svg{height:100%}.setup-note{font-size:14px}}
.battle-layout>*,.side>*{min-width:0}.portrait svg{overflow:hidden}.side{align-content:start;gap:12px}.board .piece{transition:filter .2s}.board .piece:hover{filter:brightness(1.25)}@media(max-width:600px){.side{grid-template-columns:1fr}.side .panel:last-child{grid-column:auto}.detail{grid-template-columns:110px minmax(0,1fr)}.detail h2{font-size:28px}}
@media(max-width:600px){.board{aspect-ratio:auto;width:100%;height:260px;min-height:0}}
/* Recognizable original artwork and explicit Rival action review. */
.toolbar.rival-turn{border-left:6px solid #ef9478;background:#2c201cf5}.toolbar.your-turn{border-left:6px solid #89e7af}.toolbar.rival-turn .eyebrow{color:#ffbba4}.token-icon{width:46px;height:46px;flex:0 0 46px;display:block}.fighter-select{width:100%;align-items:center;background:transparent;padding:5px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left}.fighter-id{display:flex;align-items:center;gap:9px}.fighter-id small{display:block;font-size:12px;color:var(--muted)}.piece.illustrated>circle{stroke:none}.piece.illustrated>.team-ring{stroke-width:7;stroke:revert-layer}.piece.illustrated.selected>.team-ring{stroke:#ffe173;stroke-width:10}.piece.illustrated .token-name{font-size:21px;stroke-width:1.5px}.piece.illustrated .token-health{font-size:26px;stroke-width:1.5px}.piece.illustrated image,.piece.illustrated svg,.piece.illustrated rect{pointer-events:none}.move-marker{pointer-events:none}.review-panel{display:flex;gap:22px;border:1px solid #aa6d50;border-left:6px solid #ef9478;background:#30251f;border-radius:10px;padding:20px;margin:0 0 18px;scroll-margin-top:120px}.revealed-card{width:145px;flex:0 0 145px;align-self:flex-start;padding:0;overflow:hidden}.revealed-card svg{width:100%;display:block}.review-body{min-width:0}.review-body h2{font-size:32px;margin-bottom:10px}.review-body .eyebrow{color:#ffbba4}.change-list{padding-left:20px;margin:10px 0}.review-foot{font-size:13px}.combat-result strong{color:#ffbba4}.board .space.legal{stroke-width:7}.actions[hidden]{display:none}@media(max-width:600px){.review-panel{padding:12px;gap:12px;scroll-margin-top:180px}.revealed-card{width:86px;flex-basis:86px}.review-body h2{font-size:27px}.review-body p,.change-list{font-size:14px}.review-body .primary{font-size:14px;padding:9px}.board .piece.illustrated .token-name{font-size:24px}.token-icon{width:52px;height:52px;flex-basis:52px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.board-scroll{max-width:100%;overflow:auto;border-radius:10px;overscroll-behavior:contain}.board-scroll.zoomed .board{width:1500px;height:850px;max-width:none;aspect-ratio:auto}.board-controls{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:14px}.board-controls button{white-space:nowrap;font-size:14px}.board-scroll.zoomed{max-height:65vh}@media(max-width:600px){.board-scroll.zoomed .board{width:900px;height:510px}.board-controls{align-items:flex-start}}

/* Keep the current decision visible; distinguish identity from health. */
.toolbar .turn-instruction{flex:0 0 100%;margin:0;padding:9px 12px;font-size:14px;max-height:30vh;overflow:auto}
.damage-targets{display:flex;gap:8px;overflow-x:auto;padding-top:8px}
.damage-choice{display:flex;align-items:center;gap:8px;flex:0 0 auto;text-align:left;border:2px solid var(--gold);padding:5px 9px;background:#17251f;font-size:13px}
.damage-choice b{display:block;color:var(--gold)}.damage-choice .token-icon{width:34px;height:34px;flex-basis:34px}
.piece.illustrated>.target-ring{stroke:#ffe19a;stroke-width:7;stroke-dasharray:12 6;pointer-events:none}
.fighter-select.damage-option{border:2px solid var(--gold);border-radius:8px;padding:5px}
.piece.illustrated .token-number{fill:#27343c;stroke:none;font-size:18px;font-weight:700}
.piece.illustrated .token-health{font-size:23px}
@media(max-width:600px){.toolbar{gap:7px;padding:9px}.toolbar .turn-instruction{font-size:13px;padding:7px 9px;line-height:1.4}.toolbar>.pill{font-size:12px;margin:0}.toolbar>button{padding:7px 10px}.toolbar h3{font-size:23px}}

.character-panel{position:relative;isolation:isolate;overflow:hidden;background:#15251f}
.character-backdrop{position:absolute;inset:0;z-index:-1;opacity:.24;pointer-events:none;mask-image:linear-gradient(#000,transparent 85%)}
.character-backdrop svg{width:100%;height:100%;object-fit:cover}
.character-panel .fighter-select{background:#10221bd9;border-radius:7px;padding:5px}.character-panel.bot{background:#2b211d}.character-panel.bot .fighter-select{background:#261d19d9}
.combat-log{border-top:4px solid var(--gold);background:#202521}.combat-log>.eyebrow{font-size:16px;margin-top:0}.combat-log .log{border-top:1px solid #7b6846}
.team-summary{display:flex;flex-direction:column;gap:3px}.companion-summary{display:flex;gap:4px;flex-wrap:wrap}.companion{display:flex;gap:4px;align-items:center;padding:3px 5px;font-size:11px;min-height:32px}.companion .token-icon{width:24px;height:24px;flex-basis:24px}.companion.defeated{opacity:.4}.companion .hp{white-space:nowrap}.toolbar .spacer{min-width:0}
@media(max-width:600px){.team-summary{flex:1 1 45%}.toolbar>div:first-child{flex-basis:100%}.companion{min-height:36px}.companion .token-icon{width:20px;height:20px;flex-basis:20px}.companion-summary{gap:3px}}

.inspection{max-height:45vh;overflow:auto;width:100%}.inspection .hand{display:flex;gap:8px;overflow-x:auto}.inspection .card{flex:0 0 100px}.inspection>.primary{position:sticky;bottom:0}.turn-instruction>.primary{margin-top:8px}

.roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.hero-tile{padding:0;overflow:hidden;text-align:left}.hero-tile .portrait{height:150px}.hero-tile h3{font-size:22px;margin:12px 10px 3px}.hero-tile>span{display:block;margin:0 10px 12px;font-size:12px}.hero-tile.chosen{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.solo-setup{margin-top:20px}.solo-setup select{margin:8px 16px 8px 6px;max-width:100%}#online-panel{margin-bottom:24px}input,select{background:#182820;color:var(--text);border:1px solid var(--line);padding:10px;border-radius:6px;max-width:100%}@media(max-width:850px){.roster{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.roster{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-tile .portrait{height:130px}}

.ranking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}.rank-list{padding-left:24px}.rank-list li{padding:8px;border-bottom:1px solid #ffffff18}.rank-list span{display:block;font-size:13px;opacity:.8}#online-panel select,#online-panel input{max-width:100%;padding:12px}#online-panel .actions{flex-wrap:wrap}