:root{color-scheme:dark;--bg:#080e15;--panel:#101a25;--line:#263441;--text:#f2f1ea;--muted:#9caab8;--gold:#efc477;--green:#71e3b5;--red:#ff866f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,select{font:inherit}button{border:1px solid var(--line);background:#182431;color:var(--text);padding:10px 17px;border-radius:7px;cursor:pointer;transition:.18s}button:hover:not(:disabled){border-color:var(--gold);background:#243344}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:var(--gold)}header{height:80px;padding:0 3.4%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#0c141eea}.brand{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none;font-size:17px;font-weight:850;letter-spacing:1.3px}.brand b{color:var(--gold)}.brandmark{position:relative;font-family:Georgia,serif;font-size:35px;line-height:1;border:1px solid var(--gold);color:var(--gold);padding:3px 9px;border-radius:50%}.brandmark span{font-size:12px;position:absolute;right:-5px;bottom:0}.topnav{display:flex;align-items:center;gap:20px}.topnav button{background:transparent}.icon-btn{width:36px;height:36px;padding:0;border-radius:50%}.tag,.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--muted)}.tag{padding:6px 10px;border:1px solid var(--line);border-radius:4px}.lobby{max-width:1260px;margin:0 auto;padding:38px 32px 20px}.lobby-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.eyebrow{color:var(--gold)}h1,h2,h3,p{margin:0}h1{font-size:clamp(36px,4vw,62px);line-height:1.1;font-weight:900;letter-spacing:-2.5px;margin:10px 0}h1 em{color:var(--gold);font-style:normal}.subtle{color:var(--muted);font-size:14px}.meta-stamp{border-left:2px solid var(--gold);padding-left:15px;min-width:180px}.meta-stamp strong{font-size:24px}.deck-select{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative}.deck-select:after{content:'VS';font-size:20px;font-weight:900;font-style:italic;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);background:var(--bg);border:1px solid var(--line);padding:15px;border-radius:50%;pointer-events:none}.deck-choice{position:relative;overflow:hidden;min-height:310px;padding:0;text-align:left;border:1px solid var(--line);border-radius:14px;background:#132a29;isolation:isolate}.deck-choice.red{background:#301e23}.deck-choice img{position:absolute;width:66%;height:100%;right:0;top:0;object-fit:cover;object-position:center 28%;z-index:-2;opacity:.84;transform:scale(1.08);transition:transform .4s}.deck-choice:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102423 3%,#102423c9 39%,#10242300 100%),linear-gradient(0deg,#102423 0%,transparent 40%)}.deck-choice.red:before{background:linear-gradient(90deg,#2b1920 3%,#2b1920cc 40%,#2b192000 100%),linear-gradient(0deg,#2b1920 0%,transparent 40%)}.deck-choice.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green),0 15px 60px #35cb8d0b}.deck-choice.red.selected{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.deck-choice:hover img{transform:scale(1.13)}.deck-copy{padding:26px;display:flex;flex-direction:column;min-height:310px;align-items:flex-start}.deck-number{font-size:12px;letter-spacing:2px;color:var(--green);margin-bottom:44px}.red .deck-number{color:var(--red)}.deck-copy h2{font-size:37px;line-height:1;font-weight:850;letter-spacing:-1.4px;margin:8px 0 14px;max-width:250px}.deck-copy .pill{margin-top:auto}.pill{font-size:12px;font-weight:700;padding:5px 10px;border:1px solid #ffffff29;border-radius:4px;display:inline-block;letter-spacing:.7px}.deck-status{position:absolute;bottom:24px;right:22px;background:#0b141ee6;border-radius:20px;padding:6px 12px;font-size:13px}.launchbar{margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.field-label{font-size:12px;color:var(--muted);letter-spacing:1px;margin-bottom:9px;display:block}.segmented{display:flex;gap:4px}.segmented button{font-size:14px;padding:10px 14px;background:transparent;border-color:transparent}.segmented button.on{background:#2b3744;border-color:#425363}.launch-options{display:flex;gap:32px;align-items:center}.primary{background:var(--gold);border-color:var(--gold);color:#191711;font-weight:800;padding:15px 25px}.primary:hover:not(:disabled){background:#ffe0a6;color:#191711}.footnote{display:flex;justify-content:space-between;gap:24px;margin-top:20px;font-size:12px;color:var(--muted)}.notice{font-size:13px;color:#b6c4d0;margin-top:18px;max-width:920px}.arena{padding:18px 26px;max-width:1680px;margin:auto}.arena-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.arena-top h1{font-size:24px;letter-spacing:-.7px;margin:0}.arena-top .subtle{font-size:12px}.arena-grid{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:18px}.table{border:1px solid #34414f;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#172e38 0%,#10212a 45%,#0d1922 100%);position:relative}.player-half{padding:16px 20px}.player-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.player-name{font-size:17px;font-weight:750;display:flex;gap:10px;align-items:center}.player-name small{font-weight:400;color:var(--muted);font-size:12px}.life{display:flex;gap:5px;align-items:center}.life span{font-size:12px;color:var(--muted);margin-right:4px}.life i{height:22px;width:15px;transform:skew(-9deg);background:var(--gold);box-shadow:0 0 12px #efc47720;border-radius:2px}.life i.empty{background:#293642;box-shadow:none}.zones{display:grid;grid-template-columns:104px 1fr 75px;gap:24px;align-items:center}.field{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:center}.card{display:block;padding:0;border:1px solid #617180;background:#152330;border-radius:6px;position:relative;aspect-ratio:0.715;min-width:0;width:100%;box-shadow:0 5px 14px #0005;transition:transform .18s,border-color .18s}.card img{width:100%;height:100%;object-fit:cover;display:block;border-radius:5px}.card .fallback{position:absolute;inset:0;z-index:-1;padding:9px;font-size:13px}.card.chosen{border:2px solid var(--gold);box-shadow:0 0 20px #efc47744;transform:translateY(-6px)}.card.target{box-shadow:0 0 0 2px var(--red);cursor:crosshair}.card.rested{transform:rotate(-8deg);filter:brightness(.76)}.card.rested.chosen{transform:rotate(-8deg) translateY(-5px)}.card.playable{border-color:var(--green)}.card:disabled{opacity:1}.card:hover{z-index:3;transform:translateY(-5px) scale(1.035)}.card-power{position:absolute;bottom:-9px;right:-5px;background:#0a111b;border:1px solid #6b8493;border-radius:4px;padding:2px 7px;font-weight:800;font-size:14px;line-height:1.2}.card-don{position:absolute;top:-7px;left:-5px;background:var(--gold);color:#181b1b;font-size:12px;font-weight:850;padding:2px 5px;border-radius:4px}.card-state{position:absolute;bottom:22px;left:3px;right:3px;background:#08111de6;font-size:10px;font-weight:800;text-align:center;padding:3px;border-radius:3px;letter-spacing:.5px}.slot{border:1px dashed #35505d;border-radius:6px;aspect-ratio:.715;display:flex;align-items:center;justify-content:center;color:#425763;font-size:22px}.leader-zone .card{border-color:var(--gold)}.zone-label{font-size:10px;letter-spacing:2px;color:#93a4b2;text-align:center;margin-top:14px}.piles{display:flex;flex-direction:column;gap:10px}.pile{border:1px solid #344854;background:#10202bd9;border-radius:6px;text-align:center;padding:9px 4px;font-size:11px;color:var(--muted)}.pile b{display:block;color:var(--text);font-size:19px;line-height:1.1}.turnline{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-top:1px solid #344a56;border-bottom:1px solid #344a56;background:#09151cd9}.turnline .status{font-size:14px;color:var(--gold);font-weight:750}.turnline .turnno{font-size:12px;color:var(--muted);letter-spacing:1px}.donline{display:flex;justify-content:space-between;align-items:center;margin-top:17px;gap:15px}.dons{display:flex;align-items:center;gap:4px}.don{width:20px;height:28px;background:var(--gold);border:1px solid #ffdda1;border-radius:3px;color:#222;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center}.don.used{background:#263844;border-color:#42515c;color:#8c9fab;transform:rotate(12deg)}.dons strong{font-size:13px;letter-spacing:.7px;margin-right:8px}.hand-wrap{margin-top:17px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:13px 18px 18px}.hand-head{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:10px}.hand-head b{color:var(--text);letter-spacing:1px}.hand{display:flex;justify-content:center;gap:9px;overflow-x:auto;padding:6px 6px 12px}.hand .card{width:clamp(66px,7vw,105px);flex-shrink:0}.hand .card-state{font-size:9px;bottom:5px}.side{display:flex;flex-direction:column;gap:15px}.side-panel{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:17px}.side-label{font-size:12px;letter-spacing:1.3px;color:var(--muted);margin-bottom:14px;font-weight:700}.inspector h3{font-size:18px;line-height:1.3;margin:8px 0}.inspector p{font-size:13px;color:#b6c4d0;line-height:1.6}.inspector .actions{display:grid;gap:8px;margin-top:16px}.inspector button{font-size:13px;padding:10px}.selected-image{width:100%;max-height:170px;object-fit:cover;object-position:center 22%;border-radius:6px}.statrow{display:flex;justify-content:space-between;font-size:12px;margin:12px 0;color:var(--gold)}.journal{max-height:260px;overflow:auto}.journal p{font-size:12px;line-height:1.6;color:var(--muted);padding:8px 0;border-bottom:1px solid #2634418a}.journal p:first-child{color:#eef2f3}.battlebox{border:1px solid var(--red);background:#341b22;padding:18px;border-radius:9px;margin-bottom:14px}.battlebox h3{font-size:20px}.battle-powers{font-size:27px;font-weight:900;display:flex;justify-content:space-between;margin:8px 0}.battlebox p{font-size:13px;color:#e5babc}.battlebox button{width:100%;margin-top:10px}.banner{padding:17px 24px;border:1px solid var(--gold);border-radius:10px;margin-bottom:15px;background:#2c271c;display:flex;justify-content:space-between;align-items:center;gap:20px}.banner h2{font-size:23px}.banner p{font-size:14px;color:#d9c9aa}.banner button{margin:4px}.backhand{display:flex;justify-content:center;margin:5px 0 12px;height:30px;gap:5px}.backcard{height:30px;width:21px;border:1px solid #657183;border-radius:3px;background:repeating-linear-gradient(45deg,#192d3b,#192d3b 3px,#223d4d 3px,#223d4d 4px)}.game-footer{font-size:11px;color:var(--muted);margin-top:12px;display:flex;justify-content:space-between;gap:12px}.linkbtn{border:0;background:transparent;color:var(--gold);padding:0;font-size:inherit;text-decoration:underline}dialog{color:var(--text);background:#101b26;border:1px solid #42505d;border-radius:16px;padding:32px;width:min(930px,94vw);max-height:90vh}dialog::backdrop{background:#03080dcc;backdrop-filter:blur(8px)}dialog .close{position:absolute;right:15px;top:10px;padding:0;width:34px;height:34px;border:0;background:transparent;font-size:28px}dialog h2{font-size:27px;margin-bottom:18px}dialog p,dialog li{font-size:15px;color:#bdc8d2;margin:12px 0}.detail{display:grid;grid-template-columns:270px 1fr;gap:28px}.detail img{width:100%;border-radius:10px}.decklist{display:grid;grid-template-columns:1fr 1fr;gap:25px}.deckrow{display:flex;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);gap:10px;font-size:13px}.deckrow img{width:36px;border-radius:3px}.deckrow b{color:var(--gold)}.deckrow small{margin-left:auto;color:var(--muted)}.privacy-screen{min-height:65vh;display:grid;place-content:center;text-align:center;gap:20px}.privacy-screen h2{font-size:36px}.privacy-screen p{color:var(--muted)}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:#f1ca85;color:#20170b;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:650;opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}.empty-info{padding:18px 0;font-size:14px;color:var(--muted)}@media(min-width:1500px){.field .card,.field .slot{max-width:124px;margin:auto}.zones{grid-template-columns:115px 1fr 80px}.player-half{padding:20px 28px}}@media(max-width:1100px){.arena{padding:14px}.arena-grid{grid-template-columns:minmax(0,1fr) 220px;gap:12px}.zones{grid-template-columns:80px 1fr 60px;gap:14px}.field{gap:8px}.player-half{padding:12px}.card-power{font-size:12px}.launch-options{gap:14px}.launchbar{padding:18px}.topnav .tag{display:none}}@media(max-width:800px){header{height:65px;padding:0 17px}.brand{font-size:13px;gap:8px}.brandmark{font-size:27px}.topnav{gap:8px}.topnav button{font-size:12px;padding:7px 10px}.lobby{padding:25px 17px}.lobby-top{align-items:flex-start}.meta-stamp{display:none}.deck-select{gap:13px}.deck-copy{padding:17px;min-height:275px}.deck-choice{min-height:275px}.deck-copy h2{font-size:27px}.deck-choice img{width:100%;opacity:.65}.deck-number{margin-bottom:40px;font-size:10px}.deck-status{font-size:10px;right:10px;bottom:14px}.deck-copy .pill{font-size:10px;margin-bottom:29px}.deck-select:after{font-size:15px;padding:10px}.deck-copy>.subtle{font-size:11px}.launchbar{flex-wrap:wrap}.launchbar>.primary{width:100%}.launch-options{width:100%;justify-content:space-between}.segmented button{font-size:12px;padding:7px 9px}.footnote{display:block}.footnote>span{display:block;margin:5px 0}.arena-grid{display:flex;flex-direction:column}.side{display:grid;grid-template-columns:1fr 1fr}.zones{grid-template-columns:74px 1fr 49px;gap:10px}.card-state{font-size:8px;bottom:15px}.zone-label{font-size:9px}.hand .card{width:78px}.hand{justify-content:flex-start}.inspector .selected-image{display:none}.journal{max-height:200px}.arena-top h1{font-size:20px}.arena-top button{font-size:12px;padding:7px}.don{width:14px;height:23px;font-size:7px}.dons strong{font-size:11px}.player-name{font-size:14px}.player-name small{display:none}.life i{width:11px;height:19px}.life span{font-size:10px}.detail{grid-template-columns:1fr}.detail img{max-width:220px;margin:auto}.decklist{grid-template-columns:1fr}.banner{flex-wrap:wrap;padding:14px}.game-footer{font-size:10px}.turnline{padding:0 12px}.turnline .status{font-size:12px}.turnline button{font-size:11px;padding:6px 10px}}@media(max-width:470px){.zones{grid-template-columns:54px 1fr 39px;gap:7px}.field{gap:6px}.pile{font-size:9px;padding:6px 2px}.pile b{font-size:15px}.player-half{padding:10px}.player-name{font-size:12px}.card-power{font-size:10px;padding:2px 3px;right:-3px}.donline .subtle{font-size:10px}.side{grid-template-columns:1fr}.journal{max-height:130px}.side-panel{padding:13px}.launch-options{align-items:flex-start;flex-wrap:wrap}.lobby-top .subtle{font-size:13px}h1{letter-spacing:-1.5px}.topnav button:first-of-type{display:none}.life{gap:3px}.card-state{font-size:7px;letter-spacing:0}.card-don{font-size:9px}.deck-copy h2{font-size:24px}.deck-copy{padding:13px}.deck-copy>.subtle{font-size:10px}.deck-number{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Selectable crews, with an independent opponent selection. */
.crew-decks:after{display:none}.crew-decks .deck-choice,.crew-decks .deck-copy{min-height:232px}.crew-decks .deck-copy{padding:22px}.crew-decks .deck-number{margin-bottom:15px;color:var(--deck-accent)}.crew-decks .deck-copy h2{font-size:33px;max-width:300px}.crew-decks .deck-choice.selected{border-color:var(--deck-accent);box-shadow:0 0 0 1px var(--deck-accent)}.crew-decks .deck-copy .pill{margin-top:15px}.deck-choice.purple{background:#281d3c}.deck-choice.purple:before{background:linear-gradient(90deg,#291b39 3%,#291b39d9 40%,#291b3900 100%),linear-gradient(0deg,#291b39,transparent 65%)}.deck-choice.blue{background:#152c43}.deck-choice.blue:before{background:linear-gradient(90deg,#11253b 3%,#11253bd9 40%,#11253b00 100%),linear-gradient(0deg,#11253b,transparent 65%)}select{color:var(--text);border:1px solid #425363;background:#182431;padding:10px;border-radius:6px;max-width:190px}.launchbar{flex-wrap:wrap}.launch-options{flex-wrap:wrap;gap:18px}.sound-settings{position:relative;z-index:8}.sound-settings summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:6px;padding:7px 12px;color:var(--gold)}.sound-settings summary::-webkit-details-marker{display:none}.sound-popover{position:absolute;right:0;top:44px;min-width:215px;background:var(--panel);border:1px solid #425363;border-radius:9px;padding:15px;box-shadow:0 12px 35px #0008}.sound-popover label{display:flex;justify-content:space-between;margin-top:13px;font-size:13px}.sound-popover input{width:100%;accent-color:var(--gold);margin-top:12px}.sound-popover button{width:100%;font-size:14px}.life{flex-wrap:wrap;max-width:240px}.topnav{gap:12px}@media(max-width:800px){.crew-decks .deck-choice,.crew-decks .deck-copy{min-height:215px}.crew-decks .deck-copy{padding:14px}.crew-decks .deck-copy h2{font-size:26px}.crew-decks .deck-number{margin-bottom:10px}.crew-decks .deck-copy .pill{font-size:9px;margin-top:8px}.topnav .sound-settings summary{padding:5px 9px}.sound-settings summary span{display:none}.launch-options{gap:16px}.launch-options>div{flex:1 1 auto}.launch-options select{width:100%;max-width:220px}.life{max-width:160px}}@media(max-width:470px){.crew-decks .deck-copy h2{font-size:23px}.crew-decks .deck-number{font-size:9px}.crew-decks .deck-choice,.crew-decks .deck-copy{min-height:220px}.crew-decks .deck-status{font-size:9px}.crew-decks .deck-copy>.subtle{max-width:125px}.brand{font-size:12px}.topnav{gap:6px}.life{max-width:140px}.launch-options>div:first-child{flex-basis:100%}}
@media(max-width:470px){.topnav .sound-popover button{display:block}}

/* East Blue wordmark shared visually with the landing header. */
.east-wordmark{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;font-weight:800;font-size:34px;letter-spacing:-.5px;line-height:normal;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#fff;text-decoration:none}.east-wordmark .brand-star{font-family:Arial;font-size:28px;font-weight:400}@media(max-width:650px){.east-wordmark{font-size:27px;gap:7px}.east-wordmark .brand-star{font-size:23px}}@media(max-width:370px){.east-wordmark{font-size:25px}}

/* Guidance and effect choices use labels as well as distinct outlines. */
.card.beginner-playable{border:2px solid var(--green);box-shadow:0 0 0 2px #71e3b540,0 0 22px #71e3b550}
.card.activatable,.pile.activatable{border:2px solid var(--gold);box-shadow:0 0 0 2px #efc47740,0 0 20px #efc47745}
.ability-hint{position:absolute;top:3px;left:3px;right:3px;background:var(--gold);color:#181b1b;font-size:9px;font-weight:900;border-radius:3px;padding:3px 1px;text-align:center}
.card.effect-candidate,.effect-candidate{outline:3px solid #83c9ff;outline-offset:2px;box-shadow:0 0 20px #83c9ff44}
.card.effect-selected,.effect-option.effect-selected{outline:3px solid var(--green);box-shadow:0 0 20px #71e3b555}
.effect-dialog::backdrop{background:#03080da3;backdrop-filter:blur(1px)}
.effect-dialog h2{padding-right:0}.effect-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,150px));justify-content:center;gap:20px;padding:10px 5px 22px;max-height:52vh;overflow-y:auto}
.effect-option{padding:5px;background:#0a141f;border-radius:7px;min-width:0;text-align:left}.effect-option img{width:100%;height:auto;border-radius:4px;display:block}.effect-option>span{display:block;font-size:12px;font-weight:750;margin:7px 0 3px}.effect-option>small{display:block;font-size:10px;color:var(--muted)}.effect-option>b{display:block;margin-top:7px;text-align:center;color:#83c9ff;font-size:12px}.effect-option.effect-selected>b{color:var(--green)}
.choice-footer{position:sticky;bottom:-32px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 0;border-top:1px solid var(--line)}.choice-footer>span{font-size:13px;color:var(--muted)}.end-turn-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
@media(max-width:600px){.effect-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.effect-dialog{padding:22px 16px}.effect-dialog h2{font-size:23px}.choice-footer{bottom:-22px;align-items:stretch;flex-direction:column;gap:8px}.choice-footer .primary{padding:12px}.ability-hint{font-size:6px;padding:1px;left:1px;right:1px}.crew-decks .deck-copy .pill{letter-spacing:0}}

/* Training: concise guidance and actions next to the selected card. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.phase-strip{margin:0 0 18px;padding:16px 20px;border:1px solid var(--line);border-radius:10px;background:#101a25}.phase-header{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin-bottom:12px}.phase-header>span{color:var(--gold)}.phase-strip ol{display:flex;gap:9px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.phase-strip li{padding:8px 12px;border-radius:7px;border:1px solid transparent;font-size:14px}.phase-done{color:#adbdc9}.phase-pending,.phase-skipped{color:#8594a3}.phase-current{background:var(--gold);color:#162331;font-weight:800}.phase-tip{margin:12px 0 0;font-size:14px;color:#c5d1db}.training-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}.training-controls button{font-size:13px;padding:7px 11px}.training-controls [aria-pressed=true]{border-color:var(--gold)}.hand-head{flex-wrap:wrap;gap:10px}.playable-count{font-size:13px;color:var(--green);border:1px solid #71e3b55c;border-radius:20px;padding:4px 9px}.hand{padding-top:22px;padding-bottom:18px}.hand .card.beginner-unavailable:not(.chosen){filter:grayscale(.65) brightness(.65)}.hand .card.beginner-playable{transform:translateY(-8px);box-shadow:0 5px 18px #71e3b529}.hand .card.chosen,.hand .card.beginner-playable.chosen{transform:translateY(-17px);filter:none}.field .card.beginner-playable{border-color:var(--green);box-shadow:0 0 14px #71e3b533}.field.placement-hint .slot{background:#71e3b51c;border:2px dashed var(--green)}.resource-tray{display:flex;gap:22px;padding:12px 15px;border:1px solid #39495a;background:#0b141e;border-radius:8px;margin-top:18px}.resource-main{display:grid;grid-template-columns:auto 1fr;column-gap:10px;min-width:150px}.resource-main>span{grid-column:1/-1;font-size:12px;letter-spacing:.6px;color:#bac8d4}.resource-main>strong{font-size:38px;line-height:1.15;color:var(--gold)}.resource-main>small{align-self:center;font-size:13px;color:#a6b6c5}.resource-detail{display:flex;gap:10px 20px;flex-wrap:wrap;align-items:center;font-size:13px;color:#acbdcc}.resource-detail b{color:var(--text)}.quick-actions{position:fixed;z-index:30;background:#172635;border:1px solid var(--gold);border-radius:10px;padding:13px;box-shadow:0 10px 36px #000a;max-height:65vh;overflow:auto}.quick-actions>strong{display:block;font-size:14px;margin-bottom:10px}.quick-buttons{display:flex;gap:8px;flex-wrap:wrap}.quick-buttons button{font-size:14px;padding:9px 12px}.quick-actions p,.card-reason{font-size:14px;color:#efd394;margin:10px 0 0}.attach-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;width:100%;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.attach-controls label{font-size:13px}.attach-controls select{background:#0a1520;color:var(--text);border:1px solid #627487;border-radius:5px;padding:7px}.attach-controls small{font-size:13px;width:100%;color:#bacbd9}.duel-journal{margin-top:18px;border:1px solid var(--line);border-radius:9px;background:#101a25}.last-action{padding:12px 16px;font-size:14px;border-bottom:1px solid var(--line)}.duel-journal summary{cursor:pointer;padding:12px 16px;font-size:14px;color:var(--gold);font-weight:700}.duel-journal .journal{max-height:240px;padding:0 16px 12px}.tour-spotlight{outline:4px solid #ffab76!important;outline-offset:6px;box-shadow:0 0 25px #ffb67e66;scroll-margin:30px}#training-tour{position:fixed;inset:auto 20px 20px auto;margin:0;max-width:410px;width:calc(100vw - 32px);background:#142331;border:2px solid #efc477;border-radius:14px;color:var(--text);padding:23px;box-shadow:0 20px 70px #0008}#training-tour::backdrop{background:#050a1020;backdrop-filter:none;-webkit-backdrop-filter:none}#training-tour h2{font-size:24px;line-height:1.2;margin:12px 0}#training-tour p{font-size:16px;line-height:1.6}#training-tour>div{display:flex;gap:8px;justify-content:flex-end;margin-top:23px}#training-tour button{font-size:14px;padding:9px 13px}#card-preview{position:fixed;z-index:40;background:#132333;border:1px solid #73879b;border-radius:9px;padding:8px;box-shadow:0 12px 40px #0009;pointer-events:none}#card-preview img{display:block;width:100%;max-height:55vh;object-fit:contain;border-radius:5px}#card-preview p{font-size:14px;font-weight:700;margin-top:6px}#card-preview small{font-size:13px;display:block;color:#e3ca97;margin-top:4px}.quick-actions[hidden],#card-preview[hidden]{display:none}
@media(max-width:700px){.phase-strip{padding:12px}.phase-strip ol{gap:5px}.phase-strip li{padding:7px;font-size:12px}.arena-top{gap:14px;align-items:flex-start;flex-wrap:wrap}.training-controls{justify-content:flex-start;flex-wrap:wrap}.resource-tray{gap:10px;padding:10px;flex-wrap:wrap}.resource-main{min-width:125px}.resource-main>strong{font-size:32px}.resource-detail{gap:7px 12px}.hand-wrap{padding-left:10px;padding-right:10px}#training-tour{inset:auto 16px 16px 16px;padding:18px}#training-tour h2{font-size:22px}.quick-actions{max-height:55vh}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}

.quick-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.quick-title strong{font-size:14px}.quick-title button{padding:1px 9px;font-size:22px;line-height:1.4;background:transparent}

/* A single quiet menu; the central strip carries the turn controls. */
.duel-options{position:relative;flex-shrink:0}.duel-options>summary{list-style:none;cursor:pointer;padding:9px 14px;border:1px solid var(--line);border-radius:8px;font-size:14px;color:var(--muted)}.duel-options>summary::-webkit-details-marker{display:none}.duel-options>summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.duel-options[open]>summary{color:var(--gold);border-color:var(--gold)}.duel-options-panel{position:absolute;right:0;top:calc(100% + 8px);width:240px;max-width:calc(100vw - 32px);padding:8px;background:#142331;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #0008;z-index:45;display:grid;gap:4px}.duel-options-panel button{display:block;width:100%;text-align:left;background:transparent;border:0;font-size:14px;padding:11px 12px}.duel-options-panel [data-action=newgame]{border-top:1px solid var(--line);border-radius:0;margin-top:5px;padding-top:15px}.duel-options-panel [aria-pressed=true]{color:var(--gold)}
.mulligan-banner{padding:18px 22px;gap:20px;background:#efc4770c;border-color:#efc47755}.mulligan-banner h2{font-size:20px}.mulligan-banner p{font-size:14px;color:var(--muted);margin-top:4px}.mulligan-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.mulligan-actions .primary{font-size:14px;padding:12px 18px}.mulligan-actions .secondary-link{border-color:transparent;background:transparent;color:var(--muted);padding:10px 8px;font-size:14px}
.table>.phase-strip{margin:8px 0;border-radius:0;border-left:0;border-right:0;background:#09151f;padding:13px 20px}.phase-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.phase-heading .phase-header{margin:0;justify-content:flex-start;align-items:center;gap:14px;font-size:12px}.phase-heading>button{font-size:13px;padding:9px 13px;white-space:nowrap}.table>.phase-strip ol{margin-top:8px;gap:5px}.table>.phase-strip li{padding:5px 8px;font-size:12px}.table>.phase-strip .phase-tip{margin-top:7px;font-size:12px}
@media(max-width:700px){.mulligan-banner{padding:14px}.mulligan-banner h2{font-size:18px}.mulligan-actions{width:100%;justify-content:flex-end;gap:8px}.table>.phase-strip{padding:12px 10px}.phase-heading .phase-header{flex-wrap:wrap;gap:4px 10px}.table>.phase-strip li{font-size:11px;padding:5px}.arena-top{flex-wrap:nowrap}.arena-top .subtle{font-size:10px}}

/* Both panels travel together; defence stays above the scrollable card detail. */
.side-stack{display:contents}
@media(min-width:801px){.side{display:block}.side-stack{position:sticky;top:16px;display:flex;flex-direction:column;gap:15px;max-height:calc(100dvh - 32px)}.side-stack>.battlebox{flex-shrink:0;max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.side-stack>.inspector{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:0 1 auto}}

.hand-wrap>.mulligan-banner{margin:0;border:0;border-top:1px solid #efc47755;border-radius:0 0 10px 10px;background:#182125}.hand-wrap>.mulligan-banner h2{font-size:16px}.hand-wrap>.mulligan-banner p{font-size:12px}

.resource-visual{align-items:center;flex-wrap:wrap;gap:12px 24px;padding:12px 15px}.resource-dons>strong{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:9px}.resource-dons>strong b{color:var(--gold);font-weight:800}.resource-visual .dons{gap:6px;min-height:35px;flex-wrap:nowrap}.resource-visual .don{display:flex;align-items:center;justify-content:center;width:23px;height:33px;border:1px solid var(--gold);border-radius:3px;background:var(--gold);color:#1a2025;font-size:7px;font-weight:900;flex-shrink:0}.resource-visual .don-rested{background:#263844;border-color:#526371;color:#a6b5c3;transform:rotate(12deg)}.resource-visual .don-attached{background:#142331;border-color:var(--gold);color:var(--gold);box-shadow:inset 0 -5px 0 #efc47755}.resource-visual .resource-detail{font-size:11px;gap:6px 13px;color:#8fa2b3}.resource-visual .resource-detail b{color:#b8c7d2}@media(max-width:700px){.resource-visual{padding:10px;gap:9px}.resource-visual .dons{gap:5px}.resource-visual .don{width:18px;height:27px;font-size:6px}.resource-visual .resource-detail{gap:6px 10px;font-size:10px}}

.table>.phase-strip{display:flex;align-items:center;gap:16px;padding:12px 20px;overflow-x:auto;scrollbar-width:thin}.table>.phase-strip .phase-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0;white-space:nowrap;font-size:12px;flex-shrink:0}.table>.phase-strip ol{flex-wrap:nowrap;flex:1 0 auto;margin:0;gap:4px;white-space:nowrap}.table>.phase-strip>button{flex-shrink:0;white-space:nowrap;font-size:12px;padding:9px 12px}.table>.phase-strip li{padding:6px 8px}@media(max-width:700px){.table>.phase-strip{gap:12px;padding:10px}.table>.phase-strip .phase-header{font-size:11px;gap:8px}.table>.phase-strip li{font-size:11px;padding:5px 7px}}

/* One consistent toolbar, with one primary action. */
header{height:auto;min-height:80px;gap:24px;padding:16px 3.4%}.topnav{gap:8px;flex-wrap:wrap;justify-content:flex-end}.topnav>button,.topnav>.sound-settings>summary,.topnav #duel-controls .duel-options>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;height:42px;padding:0 14px;border:1px solid #344451;border-radius:8px;background:#14212d;color:#d5dfe6;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;letter-spacing:0}.topnav>button:hover,.topnav>.sound-settings>summary:hover,.topnav #duel-controls summary:hover{background:#223444;border-color:#647785}.topnav #helpBtn{width:42px;padding:0}.topnav>button.new-game-btn{background:var(--gold);border-color:var(--gold);color:#191711;font-weight:800}.topnav>button.new-game-btn:hover{background:#ffe0a6;border-color:#ffe0a6}.topnav>.sound-settings>summary span{display:inline}.topnav .sound-settings{z-index:50}.topnav .duel-options-panel button{font-size:13px;min-height:40px;height:auto;color:var(--text)}.topnav .duel-options-panel [aria-pressed=true]{color:var(--gold)}.options-context{font-size:12px;line-height:1.5;color:var(--muted);padding:8px 12px}.player-meta>.life{margin-left:auto}.topnav>button:first-of-type{display:flex}
@media(max-width:1100px){header{gap:14px;flex-wrap:wrap}.topnav{margin-left:auto}.topnav>button,.topnav>.sound-settings>summary,.topnav #duel-controls .duel-options>summary{font-size:12px;padding:0 11px}}
@media(max-width:700px){header{padding:14px 16px;gap:14px}.topnav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.topnav>#projectBtn{grid-column:span 2}.topnav>.new-game-btn{grid-column:span 2}.topnav #helpBtn{width:100%}.topnav>button,.topnav>.sound-settings>summary,.topnav #duel-controls .duel-options>summary{width:100%;padding:0 8px;font-size:12px}.topnav #duel-controls .duel-options-panel{right:auto;left:0}.topnav .sound-popover{right:0;width:220px;max-width:calc(100vw - 32px)}}

.topnav .builder-link{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid var(--line,#263746);border-radius:6px;color:inherit;text-decoration:none;font-size:13px}.custom-deck-notice a{margin-left:14px;text-decoration:underline}

/* Color filters use the arena palette, with a text label as well as a swatch. */
.lobby-color-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 24px}.lobby-color-filter>.field-label{margin:0 12px 0 0;font-size:10px;letter-spacing:1.4px}.lobby-color-filter button{height:44px;padding:7px 12px;border:1px solid #2b3d4b;border-radius:7px;background:#0e1c27;color:#b8c7d3;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:9px}.deck-color-choice i{width:23px;height:23px;border-radius:50%;background:var(--color-choice);border:1px solid #ffffff55;box-shadow:inset 0 0 0 3px #00000016}.lobby-color-filter .is-active{color:#fff;border-color:#edc575;background:#20313d;box-shadow:0 0 0 1px #edc57533}.deck-color-choice.is-active i{outline:2px solid #edc575;outline-offset:3px}.lobby-color-filter button:hover{border-color:#edc575}.lobby-color-filter button:focus-visible{outline:2px solid #edc575;outline-offset:4px}.color-filter-count{margin-left:auto;font-size:12px;color:#93a6b5}.lobby-color-filter .all-colors.is-active{background:#edc575;color:#0b1924}@media(max-width:650px){.lobby-color-filter{gap:8px;margin-bottom:20px}.lobby-color-filter>.field-label{flex-basis:100%;margin:0 0 4px}.lobby-color-filter button{padding:7px 9px;font-size:11px}.deck-color-choice i{width:19px;height:19px}.color-filter-count{font-size:11px}}

/* Keep duel setup within reach while browsing leaders. */
.lobby .launchbar{position:sticky;bottom:12px;z-index:30;margin-top:25px;padding:16px 20px;box-shadow:0 -12px 40px #080e154d,0 8px 30px #0006;border-color:#425363;flex-wrap:nowrap;gap:20px}
.lobby .launch-options{display:grid;grid-template-columns:repeat(4,max-content);gap:18px;width:auto;flex:1;align-items:end}
.lobby .launch-options>div{min-width:0}
.lobby .launch-options .field-label{margin-bottom:6px;font-size:10px}
.lobby .launch-options .segmented button{font-size:12px;padding:9px 10px;white-space:nowrap}
.lobby .launch-options select{font-size:13px;max-width:180px}
.lobby .launchbar>.primary{width:auto;flex-shrink:0;font-size:14px;padding:14px 18px}
@media(max-width:1150px){
 .lobby .launchbar{flex-wrap:wrap;gap:12px}
 .lobby .launch-options{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;flex-basis:100%}
 .lobby .launch-options .segmented{flex-wrap:wrap}
 .lobby .launchbar>.primary{width:100%}
}
@media(max-width:650px){
 .lobby .launchbar{bottom:8px;padding:12px;gap:10px;max-height:55dvh;overflow-y:auto}
 .lobby .launch-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .lobby .launch-options .segmented{gap:2px}
 .lobby .launch-options .segmented button{padding:6px;font-size:11px}
 .lobby .launch-options select{max-width:100%;padding:7px;font-size:12px}
 .lobby .launchbar>.primary{padding:11px}
}
.lobby-color-filter .deck-color-choice{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px}
/* The feedback launcher must not cover the persistent arena CTA. */
body:has(.lobby) .feedback{position:relative;right:auto;bottom:auto;width:max-content;max-width:calc(100% - 32px);margin:16px 22px 20px auto}

/* Match result uses the modal top layer, centered independently of page scroll. */
dialog.result-dialog{position:fixed;inset:0;margin:auto;width:min(560px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;padding:42px 32px 28px;border-color:var(--gold);box-shadow:0 24px 90px #0008;text-align:center}
dialog.result-dialog::backdrop{background:#03080db8;backdrop-filter:none}
.duel-result h2{font-size:clamp(36px,6vw,52px);line-height:1.1;margin:18px 0;color:var(--gold)}
.duel-result .result-winner{font-size:20px;font-weight:700;color:var(--text)}
.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:28px 0 14px}
@media(max-width:480px){dialog.result-dialog{padding:38px 20px 22px}.result-actions{flex-direction:column}.result-actions button{width:100%}}

/* Arena deck actions and builder-inspired composition preview. */
.crew-decks .deck-choice{display:flex;flex-direction:column}
.crew-decks .deck-copy{flex:1;min-height:226px}
.crew-decks .deck-copy .pill{margin-bottom:0}
.deck-card-actions{display:grid;grid-template-columns:1.3fr .75fr 1.15fr;gap:8px;padding:12px 16px;background:#08131ce8;border-top:1px solid #ffffff18}
.deck-card-actions button,.deck-card-actions a{position:static;display:flex;justify-content:center;align-items:center;min-width:0;min-height:42px;margin:0;padding:8px 10px;border:1px solid #ffffff26;border-radius:7px;background:#ffffff06;color:#e7edf3;text-decoration:none;text-align:center;font-weight:600;font-family:inherit;font-size:12px;line-height:1.3}
.deck-card-actions .deck-status{color:var(--deck-accent);border-color:var(--deck-accent);background:#101d29}
.deck-card-actions a:hover,.deck-card-actions button:hover:not(:disabled){background:#ffffff15;border-color:var(--gold)}
dialog.decklist-dialog{width:min(520px,94vw);max-height:90dvh;padding:0;background:#112c49;border-color:#42617e;overflow:auto;color:#fff}
.decklist-dialog .close{position:sticky;float:right;top:8px;right:8px;margin:8px 8px -46px 0;z-index:3;background:#0a2039e8;color:white}
.decklist-leader{position:relative;isolation:isolate;overflow:hidden;padding:28px 24px 22px;min-height:142px}
.decklist-leader img{position:absolute;z-index:-1;right:0;top:-74px;width:220px;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 90%)}
.decklist-leader .eyebrow{font-size:10px;color:#ffe06b;letter-spacing:1.5px;padding-right:25px}
.decklist-leader h2{font:700 34px/1.05 'Barlow Condensed',sans-serif;margin:10px 0}
.decklist-leader p{font-size:11px;color:#c2d1e0;margin:0}
.decklist-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px 14px;border-bottom:3px solid #ffe06b}
.decklist-summary strong{font-size:26px}.decklist-summary small,.decklist-summary>span{font-size:11px;font-weight:400;color:#b2c5d7}
.decklist-rows{padding:12px}
.decklist-card{position:relative;display:flex;align-items:center;min-height:46px;margin:4px 0;border:1px solid #ffffff20;border-radius:4px;overflow:hidden;isolation:isolate}
.decklist-card img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 33%;z-index:-2}
.decklist-card:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#132c49 12%,#132c49ee 35%,#132c4980 85%,#132c49);z-index:-1}
.list-cost{display:grid;place-items:center;align-self:stretch;min-width:34px;background:#1953b8;font-size:14px;font-weight:800}
.list-name{flex:1;min-width:0;padding:5px 10px;font-size:12px;font-weight:600;line-height:1.3}
.list-name small{display:block;font-size:9px;color:#b2c5d7;margin-top:3px}
.list-quantity{padding:0 13px;color:#ffe06b;font-size:15px}
.decklist-bottom{padding:14px 20px 18px;background:#0a2039;border-top:1px solid #ffffff18}
.decklist-bottom p{font-size:11px;color:#b2c5d7;margin:0 0 12px}.decklist-bottom .decklist-source{font-size:10px;line-height:1.6;margin:14px 0 0}
.deck-edit-link{display:block;text-align:center;padding:12px;background:#ffe06b;color:#10243e;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none}
@media(max-width:800px){.crew-decks .deck-copy{min-height:215px}.deck-card-actions{padding:10px;gap:6px}.deck-card-actions button,.deck-card-actions a,.crew-decks .deck-status{font-size:11px;padding:8px 6px;min-height:44px}}
@media(max-width:600px){.crew-decks{grid-template-columns:1fr}.crew-decks .deck-copy>.subtle{max-width:70%}.crew-decks .deck-copy h2{font-size:28px}.crew-decks .deck-choice>img{width:75%}.deck-card-actions button,.deck-card-actions a,.crew-decks .deck-status{font-size:12px}}

.testing-deck-card{display:flex;gap:22px;align-items:center;margin:0 0 28px;padding:20px;background:#111f2d;border:1px solid #405367;border-radius:14px}
.testing-deck-card.is-selected{border-color:var(--deck-accent);box-shadow:inset 4px 0 var(--deck-accent)}
.testing-deck-card>img{width:86px;height:120px;object-fit:cover;border-radius:7px}
.testing-deck-copy{flex:1;min-width:0}.testing-deck-copy .eyebrow{font-size:10px;color:var(--gold)}.testing-deck-copy h2{font-size:26px;line-height:1.2;margin:8px 0;overflow-wrap:anywhere}.testing-deck-copy p{font-size:12px;color:#c1cddb;margin:0 0 6px}.testing-deck-copy small{font-size:11px;color:var(--muted)}
.testing-deck-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:245px}.testing-deck-actions>button:first-child{grid-column:1/-1}.testing-deck-actions button,.testing-deck-actions a{padding:10px;font-size:12px;min-height:42px;text-align:center;border-radius:7px}.testing-deck-actions a{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);text-decoration:none}
@media(max-width:650px){.testing-deck-card{flex-wrap:wrap;gap:14px;padding:16px}.testing-deck-card>img{width:64px;height:90px}.testing-deck-copy h2{font-size:21px}.testing-deck-actions{width:100%;min-width:0}.testing-deck-copy small{display:block}}

/* Personal deck selection reuses the arena's leader cards and native dialog. */
.testing-deck-actions .personal-decks-trigger{grid-column:1/-1;color:var(--gold);border-color:#59604e}
.personal-decks-dialog{width:min(880px,94vw)}
.personal-decks-picker>h2{padding-right:22px;margin:8px 0 12px}
.personal-decks-picker>p{margin-bottom:22px}
.personal-decks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.personal-deck-option{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;padding:16px;background:#142332;border:1px solid #364b5e;border-radius:12px}
.personal-deck-option.is-selected{border-color:var(--deck-accent);box-shadow:inset 3px 0 var(--deck-accent)}
.personal-deck-option>img{width:62px;height:87px;object-fit:cover;border-radius:5px}
.personal-deck-option h3{font-size:18px;line-height:1.25;overflow-wrap:anywhere;margin:0 0 8px}
.personal-deck-option p{font-size:13px;line-height:1.4;margin:0 0 8px}
.personal-deck-option span{font-size:12px;color:var(--muted)}
.personal-deck-option-actions{grid-column:1/-1;display:grid;gap:10px;text-align:center}
.personal-deck-option-actions button{min-height:44px;font-size:14px;white-space:normal}
.personal-deck-option-actions a{font-size:14px;color:var(--gold)}
.personal-decks-empty{padding:22px;background:#142332;border:1px dashed #405367;border-radius:12px}
@media(max-width:650px){.personal-decks-dialog{padding:24px 16px}.personal-decks-grid{grid-template-columns:minmax(0,1fr)}.personal-decks-picker h2{font-size:24px}}

.lobby .simulation-notice{border:1px solid #786442;background:#29261d;color:#efd6a4;border-radius:10px;padding:14px 16px;margin:0 0 18px;font-size:13px}.simulation-notice summary{cursor:pointer;font-weight:700}.simulation-notice p{margin-top:10px;line-height:1.5}

/* Colour and deck type remain independent, adjacent filters. */
.lobby-filters{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin:0 0 24px}.lobby-filters .lobby-color-filter{margin:0;gap:7px}.lobby-type-filter{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.lobby-type-filter>.field-label{margin:0 6px 0 0;font-size:10px;letter-spacing:1.4px}.lobby-type-filter button{min-height:44px;font-size:12px;padding:8px 12px;font-weight:700;background:#0e1c27;color:#b8c7d3;border:1px solid #2b3d4b}.lobby-type-filter button.is-active{background:#edc575;color:#0b1924;border-color:#edc575}.lobby-filters>.color-filter-count{white-space:nowrap;margin-left:auto}.lobby-personal-decks{margin-bottom:24px}.lobby-personal-decks>h2{font-size:20px;margin:0 0 14px}.deck-filter-empty{padding:32px;border:1px dashed #405367;border-radius:14px;background:#111f2d;margin-bottom:24px}.deck-filter-empty h2{font-size:24px;margin:10px 0}.deck-filter-empty p{max-width:640px;font-size:14px;color:var(--muted);line-height:1.7}.deck-filter-empty a{font-size:14px}.deck-filter-empty>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px}.crew-decks:empty{display:none}@media(max-width:650px){.lobby-filters{gap:16px;margin-bottom:22px}.lobby-filters .lobby-color-filter{gap:6px;width:100%}.lobby-filters .lobby-color-filter>.field-label,.lobby-type-filter>.field-label{flex-basis:100%;margin:0 0 4px}.lobby-type-filter{width:100%;gap:6px}.lobby-type-filter button{font-size:11px;padding:8px 10px}.lobby-filters>.color-filter-count{margin:0}.deck-filter-empty{padding:22px}.deck-filter-empty h2{font-size:21px}}

/* Compact portrait artwork, matching the captain backoffice's 112px cards. */
.crew-decks .deck-choice{background:#111f2d}
.crew-decks .deck-choice:before{background:radial-gradient(ellipse at 85% 25%,color-mix(in srgb,var(--deck-accent) 24%,transparent),transparent 75%)}
.crew-decks .deck-choice>img{width:112px;height:auto;aspect-ratio:600/838;object-fit:contain;object-position:center;right:24px;top:24px;transform:rotate(8deg);opacity:1;z-index:0;border-radius:7px;box-shadow:0 8px 20px #0008;pointer-events:none}
.crew-decks .deck-choice:hover>img{transform:rotate(5deg) translateY(-3px)}
.crew-decks .deck-copy{position:relative;z-index:1;padding:20px 166px 20px 22px;min-height:226px}
.crew-decks .deck-copy h2{font-size:29px;line-height:1.05;max-width:none;overflow-wrap:anywhere}
.crew-decks .deck-copy>.subtle{max-width:none}
.crew-decks .deck-number{font-size:10px;letter-spacing:1px;margin-bottom:12px}
.crew-decks .deck-copy .pill{font-size:10px;line-height:1.5;letter-spacing:.2px}
@media(max-width:1050px){.crew-decks .deck-choice>img{width:95px;right:19px;top:24px}.crew-decks .deck-copy{padding:18px 135px 18px 18px}.crew-decks .deck-copy h2{font-size:26px}}
@media(max-width:650px){.crew-decks .deck-choice>img{width:95px;right:22px;top:22px}.crew-decks .deck-copy{padding:18px 140px 18px 18px;min-height:220px}.crew-decks .deck-copy h2{font-size:27px}.crew-decks .deck-copy>.subtle{font-size:11px}}
@media(max-width:360px){.crew-decks .deck-choice>img{width:84px;right:15px;top:24px}.crew-decks .deck-copy{padding-right:113px}.crew-decks .deck-copy h2{font-size:25px}}

/* Leader artwork and French rules share the arena panel. The crop hides the
   printed frame and rule box; the original card remains in the decklist. */
.crew-decks .deck-character{position:absolute;z-index:0;pointer-events:none;overflow:hidden;right:0;top:0;width:46%;height:235px;opacity:.86;mask-image:linear-gradient(to right,transparent,#000 26%),linear-gradient(to bottom,#000 60%,transparent 100%);mask-composite:intersect}
.crew-decks .deck-character .deck-leader-art{display:block;position:absolute;width:115%;max-width:none;height:auto;right:-5%;top:-28px;transform:none;box-shadow:none;border-radius:0;filter:saturate(.9)}
.crew-decks .deck-copy{padding:22px;min-height:330px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.crew-decks .deck-copy h2{max-width:67%;min-height:62px;font-size:29px;margin-top:10px;margin-bottom:12px}
.crew-decks .deck-copy>.subtle{max-width:64%;font-size:12px}
.crew-decks .deck-copy .pill{margin-top:12px}
.deck-leader-effect{align-self:stretch;margin-top:18px;padding:14px 15px;background:rgba(8,20,30,.88);border:1px solid #ffffff16;border-radius:9px;font-size:13px;line-height:1.65;color:#edf3f7;text-wrap:pretty}
.deck-leader-effect p{margin:0}.deck-leader-effect p+p{margin-top:8px}
:is(.deck-leader-effect,.card-effect-text) .effect-badge{display:inline-block;border-radius:3px;padding:0 6px;margin:2px 3px 2px 0;font-size:11px;font-weight:800;line-height:1.7;color:white;background:#24648f;vertical-align:baseline;white-space:normal}
:is(.deck-leader-effect,.card-effect-text) .effect-badge.red{background:#a83040}:is(.deck-leader-effect,.card-effect-text) .effect-badge.blue{background:#236590}:is(.deck-leader-effect,.card-effect-text) .effect-badge.purple{background:#754993}:is(.deck-leader-effect,.card-effect-text) .effect-badge.gold{background:#826312}:is(.deck-leader-effect,.card-effect-text) .effect-badge.black{background:#303642}.deck-leader-effect .effect-source{display:block;margin-top:8px;font-size:10px;color:#aabcca;line-height:1.5}
@media(max-width:1050px){.crew-decks .deck-copy{padding:18px}.crew-decks .deck-copy h2{font-size:26px;max-width:70%}.crew-decks .deck-character{width:48%;height:215px}.deck-leader-effect{font-size:12px;padding:12px}}
@media(max-width:650px){.crew-decks .deck-copy{min-height:0;padding:18px}.crew-decks .deck-copy h2{font-size:26px;max-width:66%;min-height:54px}.crew-decks .deck-copy>.subtle{max-width:65%}.crew-decks .deck-character{width:47%;height:210px}.deck-leader-effect{font-size:12px;line-height:1.7}.crew-decks .deck-copy .pill{font-size:9px}}
.crew-decks .deck-character .deck-leader-art{aspect-ratio:600/838;z-index:0;opacity:1;top:-55px}
@media(max-width:650px){.crew-decks .deck-character .deck-leader-art{top:-30px}}
.crew-decks .deck-character{height:auto;aspect-ratio:1.4;max-height:235px}
.crew-decks .deck-character .deck-leader-art{top:-18%}
@media(max-width:650px){.crew-decks .deck-character{height:auto;aspect-ratio:1.4}.crew-decks .deck-character .deck-leader-art{top:-18%}}

.card-effect-text{line-height:1.65}.card-effect-text p{margin:12px 0}.life .life-visible{width:26px;height:36px;padding:0;border:1px solid var(--gold);border-radius:3px;overflow:hidden}.life-visible img{width:100%;height:100%;object-fit:cover}

.choice-trigger{margin:18px 0;padding:14px 18px;border:1px solid #efc77866;border-left:3px solid var(--gold);border-radius:10px;background:#efc7780c;overflow-wrap:anywhere}.choice-trigger p{margin:8px 0 0;color:var(--text);font-size:16px}.choice-trigger>.effect-badge.gold{background:var(--gold);color:#17212c;font-size:12px}

.topnav>.surrender-btn[hidden]{display:none}.topnav>.surrender-btn{color:#f2b2b2;border-color:#93545b}.topnav>.surrender-btn:hover{background:#40232b}@media(max-width:700px){.topnav>.surrender-btn{grid-column:1 / span 2}}

.surrender-dialog{width:min(560px,calc(100vw - 32px));max-width:560px;padding:32px;border:1px solid #65727d;border-radius:20px;background:#101d28;color:var(--text);box-shadow:0 24px 100px #0009}.surrender-dialog::backdrop{background:#030a11b8;backdrop-filter:blur(5px)}.surrender-dialog .surrender-close{position:absolute;right:16px;top:14px;width:38px;height:38px;padding:0;border:0;background:transparent;color:#b7c5d0;font-size:28px}.surrender-symbol{width:54px;height:54px;display:grid;place-items:center;margin-bottom:24px;border:1px solid #efc77840;background:#efc7780c;border-radius:14px;color:var(--gold)}.surrender-symbol svg{width:32px;height:32px}.surrender-dialog h2{font-size:34px;line-height:1.15;margin:12px 0 18px;padding:0}.surrender-dialog #surrender-description{color:#bfccd6;font-size:16px;line-height:1.65;margin:0}.surrender-dialog .surrender-count{display:flex;align-items:center;gap:10px;font-size:14px;color:#c9d4dd;margin:22px 0 28px}.surrender-count span{padding:5px 8px;border-radius:6px;background:#efc77816;color:var(--gold);font-weight:800}.surrender-actions{display:flex;gap:12px}.surrender-actions button{flex:1;min-height:48px;font-size:14px;padding:12px 10px}.surrender-actions .surrender-confirm{border-color:#88515c;color:#efb8c0;background:#43232b}.surrender-actions .surrender-confirm:hover{background:#56303a;border-color:#c7808d}@media(max-width:500px){.surrender-dialog{padding:26px 22px;border-radius:16px}.surrender-dialog h2{font-size:30px}.surrender-actions{flex-direction:column}.surrender-actions button{width:100%}}