.arena-page main{max-width:1360px;padding-top:25px}.arena-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.arena-heading h1{font-size:40px;margin:7px 0}.arena-heading>p{color:var(--muted);font-size:11px}#lobby{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:linear-gradient(90deg,#101b29dd,#101b29ee),url('/images/book-two/unfinished-form-v1/card-001.webp') center/cover;min-height:480px}.lobby-intro{padding:50px}.lobby-intro h2{font-size:48px}.lobby-intro p{max-width:320px;color:var(--muted)}#setup{padding:40px;background:#0b1421a6;display:grid;gap:18px}#setup label{display:grid;gap:6px;font-size:12px;color:#d0c7b5}#setup label span{color:var(--muted)}#setup .check{display:flex;align-items:center;gap:12px}#setup input[type=checkbox]{min-height:20px;width:20px}.match-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.match-toolbar>span{color:var(--gold);font-size:12px}.match-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}.match-toolbar button{padding:8px 12px;font-size:11px;min-height:44px}.leader-panel{display:flex;gap:18px;align-items:center;padding:14px 20px;border:1px solid var(--line);background:linear-gradient(100deg,#192a3e,#0c1624);min-width:0}.leader-panel>img{width:68px;height:68px;object-fit:cover;border:1px solid var(--gold);border-radius:50%}.leader-panel h2{font-size:21px;margin:5px 0}.leader-panel .eyebrow{font-size:8px}.leader-stats{display:flex;gap:26px;margin-left:auto}.leader-stats>div{text-align:center;min-width:35px}.leader-stats strong{display:block;font:24px Georgia;color:#ecd0a1}.leader-stats span{font-size:9px;color:var(--muted)}.board-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:10px 0;overflow-x:auto;overscroll-behavior-x:contain}.empty-slot{min-height:205px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#22365035,transparent);border:1px dashed #c9aa7029;border-radius:7px;color:#c9aa7038;font:28px Georgia}.row-caption{display:flex;justify-content:space-between;gap:12px;color:#d6bd90;font-size:10px;margin:12px 0 3px;text-transform:uppercase;letter-spacing:.1em}.row-caption span{color:var(--muted);font-size:9px;letter-spacing:0;text-transform:none}.battle-divider{display:flex;align-items:center;justify-content:center;gap:30px;font-size:8px;letter-spacing:.4em;color:#b79a67;padding:3px;background:linear-gradient(90deg,transparent,#c9aa7010,transparent);border-block:1px solid #c9aa701a}.mini-card{position:relative;border:1px solid #b79a6755;background:#122035;border-radius:6px;overflow:hidden;min-width:0;box-shadow:0 5px 18px #0004}.mini-card>img{width:100%;height:105px;object-fit:cover;display:block}.mini-body{padding:8px;background:linear-gradient(#1b2a3c,#0d1827)}.mini-body>small{font-size:8px;color:var(--gold);display:block}.card-select{display:block;background:none;border:0;padding:4px 0;min-height:44px;text-align:left;font:15px/1.2 Georgia;overflow-wrap:anywhere;width:100%}.card-select:disabled{opacity:1;color:var(--ink)}.combat-stats{display:block;color:#e9c78b;font-size:13px}.tokens{display:block;font-size:9px;color:#b7c9db;min-height:15px}.inspect-button{padding:6px 9px;min-height:44px;font-size:10px;background:#09142199;gap:0}.mini-body .inspect-button{width:100%;margin-top:5px;border-color:#c9aa7028}.selected{border-color:#f6d08a;box-shadow:0 0 0 2px #c9aa7040}.hand-row,.choice-row{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;padding:10px 3px 18px}.hand-row .mini-card,.choice-row .mini-card{flex:0 0 170px}.hand-row .mini-card>img{height:125px}.mini-rules{font-size:10px;line-height:1.5;margin:5px 0;min-height:60px}.decision-panel{border:1px solid var(--line);border-left:3px solid var(--gold);padding:16px 20px;margin:18px 0 5px;background:#152237}#prompt{font:20px/1.4 Georgia;color:#f1d7a9;margin:0}#selection{font-size:11px;color:var(--muted);margin:7px 0 12px}.action-list{display:flex;gap:8px;flex-wrap:wrap}.action-list button{font-size:12px;padding:10px 14px;gap:0;max-width:100%;text-align:left}.choice-row:empty{display:none}.match-log{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding:20px 0}.match-log ol{max-height:230px;overflow-y:auto}.match-log li{padding:3px}#discards{display:flex;gap:20px;flex-wrap:wrap}#discards details{flex:1;min-width:100px}#discards button{margin:3px}#tutorial-hint{padding:12px 18px;font-size:12px;background:#c9aa7015;border:1px solid var(--line);margin-bottom:16px;color:#e3ceaa}#feedback{color:#f3a8a8;font-size:13px}dialog{color:var(--ink);background:#101c2b;border:1px solid var(--gold);max-width:620px;width:calc(100% - 32px);max-height:90vh;overflow:auto;padding:24px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}#close-inspect{float:right}#inspect-content>img{width:100%;max-height:330px;object-fit:cover;margin-top:15px}#inspect-content h2{font-size:30px}.full-rules{font:20px/1.6 Georgia}#match[hidden],#lobby[hidden],[hidden]{display:none!important}@media(max-width:900px){.leader-stats{gap:15px}.leader-panel{gap:12px;padding:12px}.leader-panel h2{font-size:17px}.board-row{gap:8px}.card-select{font-size:13px}.lobby-intro{padding:30px}.lobby-intro h2{font-size:40px}#setup{padding:28px}.leader-panel>.inspect-button{font-size:9px;padding:6px}}@media(max-width:600px){.arena-page main{padding:20px 4%}.arena-heading{display:block}.arena-heading h1{font-size:34px}.arena-heading>p{font-size:10px}#lobby{grid-template-columns:1fr}.lobby-intro{padding:28px 24px}.lobby-intro h2{font-size:36px;margin:15px 0}.lobby-intro p{font-size:13px}#setup{padding:24px}.match-toolbar{display:block}.match-toolbar>div{margin-top:10px;gap:5px}.match-toolbar button{font-size:10px;padding:7px 9px}.leader-panel{flex-wrap:wrap;gap:10px}.leader-panel>img{width:45px;height:45px}.leader-panel h2{font-size:17px}.leader-stats{width:100%;justify-content:space-between;padding-top:8px;border-top:1px solid var(--line)}.leader-stats strong{font-size:23px}.board-row{grid-template-columns:repeat(5,125px);padding-bottom:12px}.empty-slot{min-height:218px}.mini-card>img{height:90px}.mini-body{padding:7px}.tokens{font-size:8px}.row-caption{font-size:9px}.row-caption span{max-width:150px;text-align:right}.decision-panel{padding:14px 12px}#prompt{font-size:18px}.action-list{gap:6px}.action-list button{font-size:11px;padding:9px 11px}.hand-row .mini-card,.choice-row .mini-card{flex-basis:155px}.hand-row .mini-card>img{height:110px}.battle-divider{margin:3px 0}.match-log{font-size:10px}}

/* Keep the duel state visible while navigating the card rows. */
.match-toolbar{position:sticky;top:0;z-index:12;background:rgba(10,19,31,.97);padding:12px;border-bottom:1px solid rgba(215,180,115,.35)}
.decision-panel{scroll-margin-top:110px}.action-list{max-height:310px;overflow-y:auto;padding:3px;scrollbar-color:#aa8757 #101b29}
