.match-mode-label{font-size:13px;font-weight:700;color:#cde3e7;padding:8px 13px;border:1px solid #a9ced544;border-radius:8px;background:#112732}
.match-mobile-close{display:none}.match-selected-name{color:#ffd18a}
.lobby-dialog{width:min(1180px,calc(100% - 40px));max-height:94svh;padding:36px 40px;background:linear-gradient(115deg,#10232bef,#142d3af5),url('../assets/game-ui/v5/arenas/rift-arena.png') center/cover;border:1px solid #8db9c358;box-shadow:0 30px 120px #000b}
.lobby-header{margin-bottom:28px}.lobby-header h1{font-size:48px;margin:7px 0 12px;letter-spacing:-2px}.lobby-header>p:last-child{color:#bdcdd6;font-size:16px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:35px}.lobby-section-title{font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:13px;color:#c1d8de}.lobby-decks{display:grid;gap:10px}.lobby-deck{position:relative;display:flex;align-items:center;gap:18px;text-align:left;width:100%;padding:0 37px 0 0;min-height:108px;border:1px solid #6f98a548;background:#102633b8;border-radius:12px;overflow:hidden}.lobby-deck.selected{border-color:#ffc26b;box-shadow:inset 0 0 0 1px #ffc26b33;background:#34423688}.lobby-deck:hover{background:#34505f77}.lobby-deck-art{flex:0 0 96px;align-self:stretch;position:relative;overflow:hidden}.lobby-deck-art .dr-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 15%}.lobby-deck-copy{display:flex;flex-direction:column;gap:3px;padding:10px 0}.lobby-deck-copy>strong{font-size:20px;letter-spacing:-.6px}.lobby-deck-copy>small{font-size:11px;color:#8fcbd0}.lobby-deck-copy>span{font-size:12px;color:#c2d0d6;line-height:1.5}.lobby-deck-check{position:absolute;right:13px;top:15px;font-size:19px;color:#ffd38b}.lobby-settings{padding:23px;background:#0c1c2680;border:1px solid #8db9c329;border-radius:13px;align-self:start}.lobby-settings h2{font-size:28px;margin-bottom:13px}.lobby-settings>p:not(.eyebrow){font-size:13px;color:#b8cbd4}.lobby-settings>label{display:block;font-size:13px;margin:22px 0;color:#c9dce0}.lobby-settings select{display:block;width:100%;margin-top:7px;min-height:44px;padding:10px 8px;border:1px solid #8bb0bc55;border-radius:7px;background:#172f3e;font-size:13px}.lobby-settings button{width:100%;margin-top:12px;min-height:44px}.lobby-settings .primary{font-size:18px}.lobby-note{font-size:11px!important;line-height:1.8}.lobby-practice{border:0!important;background:none!important;color:#a7d5d8!important}.lobby-dialog .dialog-close{background:#10232b;border-radius:50%}.match-panel{padding:15px 22px;border-top:1px solid #a0bec32a;font-size:13px}.match-panel>p{margin-bottom:12px}.match-panel .eyebrow{margin-bottom:8px}.match-card-actions{display:flex;gap:8px}.match-card-actions>button{flex:1;min-height:44px;border:1px solid #a3c7c64d;border-radius:8px;background:#244454;color:#f0f5ee;font-size:13px;padding:9px 12px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px}.match-card-actions>button:not(:disabled):hover{background:#385f68;border-color:#ffd18a}.payment-note{font-size:11px!important;line-height:1.65;color:#b7cdd5;margin-top:9px}.manual-mana{margin:12px 0 0;color:#a9c3cb;font-size:11px}.manual-mana summary{cursor:pointer}.manual-mana .match-card-actions{margin-top:9px}.ability-button{width:100%;display:block;padding:12px;border:1px solid #85b9bf50;border-radius:8px;background:#24424e;text-align:left;margin:7px 0}.ability-button>span{font-size:12px;display:block;line-height:1.6}.ability-button>b{display:block;color:#ffd28c;margin-top:7px;font-size:12px}.match-target-label{display:block;font-size:12px;color:#bed2d9}.match-target-label select,.combat-picker select,.combat-picker input{background:#102c39;border:1px solid #99bec653;border-radius:6px;min-height:40px;padding:7px;font-size:12px;min-width:0;width:100%;margin-top:6px}.combat-picker{display:grid;gap:13px;margin:15px 0}.combat-picker>label>span{display:flex;justify-content:space-between;font-size:12px;gap:8px}.combat-picker>label>span>b{color:#ffc56c}.combat-picker input{max-width:100px}.match-action-hint{color:#b9ccd6;font-size:12px}.match-empty-inspector{padding:27px 22px}.match-empty-inspector h2{font-size:28px}.match-empty-inspector p{color:#b7cdd6;font-size:13px}.match-grave-list{display:grid;gap:6px}.match-grave-list>button{border:1px solid #a1c8ca40;background:#24444f;text-align:left;padding:10px;border-radius:6px;font-size:12px}.match-empty-resource{color:#d7e7e4b3;font-size:12px;text-shadow:0 1px 3px #123;margin:0;padding:15px}.auto-pass{display:flex;align-items:center;gap:8px;padding:9px;font-size:12px;color:#c3d5de}.auto-pass input{accent-color:#ffc25b}.match-result h2{font-size:30px;color:#ffd18a}.event-log li>small{display:block;font-size:10px;color:#96b6be;margin-bottom:3px}body[data-mode=match] .inspect-hero{height:165px}body[data-mode=match] .inspect-title h2{font-size:30px}body[data-mode=match] .decision-rail{display:flex;flex-direction:column}body[data-mode=match] .inspector{flex-shrink:0}body[data-mode=match] .study-panel{position:sticky;bottom:0;z-index:4;background:#142632;margin-top:auto;padding-top:10px;box-shadow:0 -8px 18px #142632}body[data-mode=match] .resources{justify-content:flex-start;gap:14px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding-top:12px;padding-bottom:10px;scrollbar-width:thin}body[data-mode=match] .resource{flex:0 0 67px;min-width:0}body[data-mode=match] .resource .node-name{display:none}body[data-mode=match] .creatures{justify-content:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:25px 12px 12px;scrollbar-width:thin;gap:20px}body[data-mode=match] .unit{flex:0 0 var(--unit)}body[data-mode=match] .opponent .identity small{white-space:normal;max-width:135px;line-height:1.5}body[data-mode=match] .opponent-hand{min-height:18px}body[data-mode=match] .phase-pill{max-width:48%;white-space:nowrap}body[data-mode=match] .combat-lines{z-index:4}body[data-mode=match] #outcome{max-height:60px;overflow:auto}body[data-mode=match] .study-explanation{display:none}
@media(min-width:901px){body[data-mode=match] .creatures{min-height:220px}body[data-mode=match] .arena{grid-template-rows:78px minmax(192px,1fr) minmax(24px,auto) minmax(192px,1fr) 86px 126px;min-height:750px}body[data-mode=match] .opponent-battlefield .creatures{transform:none}body[data-mode=match] .game-shell{min-height:calc(100svh - 120px)}}
@media(max-width:1100px) and (min-width:901px){body[data-mode=match]{--unit:138px}body[data-mode=match] .unit .piece-visual{width:130px;height:130px}body[data-mode=match] .unit .piece-name{font-size:12px}}
@media(max-width:900px){.lobby-dialog{padding:30px 24px}.lobby-layout{grid-template-columns:1fr 240px;gap:20px}.lobby-deck-art{flex-basis:65px}.lobby-deck{gap:10px}.lobby-deck-copy>span{font-size:11px}.lobby-deck-copy>strong{font-size:17px}.lobby-header h1{font-size:38px}.match-mode-label{font-size:11px}body[data-mode=match] .phase-pill{max-width:100%}body[data-mode=match] .decision-rail{display:flex;max-height:none}body[data-mode=match] .study-panel{position:static}body[data-mode=match] .creatures{min-height:200px}body[data-mode=match] .arena{grid-template-rows:62px 75px 200px minmax(28px,auto) 200px 75px 61px 129px}body[data-mode=match] .resource{flex-basis:55px}body[data-mode=match] .creatures{gap:16px}}
@media(max-width:600px){.lobby-dialog{width:calc(100% - 18px);padding:28px 17px;max-height:96svh}.lobby-header{margin-bottom:22px}.lobby-header h1{font-size:34px}.lobby-header>p:last-child{font-size:13px}.lobby-layout{grid-template-columns:1fr}.lobby-deck{min-height:95px}.lobby-deck-copy>span{font-size:10px}.lobby-deck-copy>strong{font-size:17px}.lobby-deck-art{flex-basis:63px}.lobby-settings{padding:18px}.lobby-settings .primary{font-size:20px}.match-mode-label{font-size:10px;padding:8px;justify-self:end}.match-panel{padding:15px 18px}.match-card-actions>button{min-height:46px;font-size:13px}body[data-mode=match] .arena{grid-template-rows:62px 65px 190px minmax(28px,auto) 190px 65px 61px 129px}body[data-mode=match] .creatures{min-height:190px;justify-content:flex-start;padding:20px 10px 10px}body[data-mode=match] .resource{flex-basis:48px}body[data-mode=match] .resources{gap:13px}body[data-mode=match] .phase-pill>span,body[data-mode=match] .phase-pill>strong{font-size:11px}body[data-mode=match] .own-player .identity small{max-width:90px;overflow:hidden;text-overflow:ellipsis}body[data-mode=match] .opponent .identity small{max-width:120px;white-space:normal;font-size:9px}body[data-mode=match] .inspect-hero{height:190px}body[data-mode=match] .decision-rail.mobile-detail-open{position:fixed;inset:auto 10px 91px;z-index:35;max-height:68svh;overflow:auto;box-shadow:0 -10px 70px #020c17bb;border:1px solid #8db8c281;border-radius:16px}body[data-mode=match] .mobile-detail-open .match-mobile-close{order:-3;position:sticky;top:0;z-index:5;display:flex;flex-shrink:0;width:100%;justify-content:space-between;align-items:center;padding:12px 18px;background:#1a3542;border:0;border-bottom:1px solid #99bec633;font-size:12px;min-height:44px}body[data-mode=match] .mobile-detail-open .match-mobile-close span{font-size:23px}body[data-mode=match] .mobile-detail-open #match-panel{order:-2}body[data-mode=match] .mobile-detail-open #board-inspector{order:-1}body[data-mode=match] .mobile-detail-open .study-panel{padding-bottom:12px}}

/* Payment evidence stays visible between plays; resource labels reveal no card identity. */
.match-mode-label{display:flex;align-items:center;gap:8px;padding:4px 5px 4px 11px}.match-mode-label>span{font-size:11px;white-space:nowrap}.match-mode-label>button{border:1px solid #9ec4c54a;border-radius:6px;background:#23434f;padding:6px 10px;min-height:34px;font-size:12px;font-weight:750}.match-mode-label>button:hover{background:#365c66}.match-mode-label>button[aria-pressed=true]{border-color:#ffd284;color:#ffd284}.ai-speed{display:grid;gap:7px;padding:10px;font-size:12px;color:#bad5dc}.ai-speed select{width:100%;min-height:38px;background:#1a3442;border:1px solid #86adb950;border-radius:6px;padding:6px;font-size:12px}.recent-play{width:min(740px,100%);margin:0 auto 5px}.payment-receipt{padding:11px 14px;background:#102b37f5;border:1px solid #8dbbc46b;border-radius:12px;box-shadow:0 6px 24px #04121d55;text-align:left}.payment-receipt[data-payment-actor=B]{border-color:#68c9d085}.payment-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.payment-heading>div{min-width:0}.payment-heading small{display:block;font-size:10px;color:#a9c8d0;line-height:1.5}.payment-heading strong{font-size:15px;line-height:1.4;display:block;overflow-wrap:anywhere}.payment-price{display:flex;align-items:center;gap:8px;flex-shrink:0}.payment-price>b{font-size:12px;color:#fbd495}.payment-price>.dr-mana{gap:3px}.payment-price .dr-pip{width:23px;min-width:23px;height:23px;font-size:13px}.payment-price>small{font-size:10px;white-space:nowrap}.payment-sources{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:7px}.payment-source{display:flex;align-items:center;gap:6px;min-height:29px;padding:4px 8px;border:1px solid #8bbbc54d;border-radius:6px;background:#234752;color:#ddf1ec;font-size:11px}.payment-source>b{color:#ffd48a}.payment-source:hover{border-color:#ffd48a;background:#365966}.payment-summary{font-size:11px;line-height:1.6;color:#cfdfdf;margin:6px 0 0}.payment-receipt--compact{box-shadow:none;border-color:#88b3bf35;padding:10px}.payment-receipt--compact .payment-heading strong{font-size:12px}.payment-receipt--compact .payment-heading{align-items:flex-start}.payment-receipt--compact .payment-price{flex-direction:column;gap:4px}.entry-payment{padding:10px 18px 14px;border-top:1px solid #8bb9c336;font-size:12px}.entry-payment>summary,.history-payment>summary{cursor:pointer;color:#ffd394;min-height:30px;padding:5px 0}.history-payment{margin-top:6px}.history-payment>summary{font-size:12px}.history-payment .payment-receipt{margin-top:5px}.mana-budget{display:flex;gap:4px 12px;flex-wrap:wrap;align-items:center;min-height:23px;color:#e5eeee;font-size:11px;text-shadow:0 1px 4px #071c27}.mana-budget>strong{color:#ffdda4;font-weight:800}.mana-budget>span{font-size:10px}.resource-number{position:absolute;right:0;top:0;z-index:4;min-width:23px;height:19px;border-radius:5px;background:#12303fee;border:1px solid #93bfc562;color:#e9f5f0;font-size:10px;line-height:17px;font-weight:800;text-align:center}.resource.paid-source::after{content:'';pointer-events:none;position:absolute;inset:3px -2px 2px;border:2px solid #ffd183;border-radius:13px;box-shadow:0 0 16px #ffb73555}.resource.paid-source .resource-number{color:#ffe6aa;border-color:#ffcf7b}body[data-mode=match] .resource-zone{display:flex;flex-direction:column;justify-content:center}body[data-mode=match] .resources{padding-top:5px;padding-bottom:5px}body[data-mode=match] .turn-zone{min-width:0}body[data-mode=match] .entry-payment .payment-summary{font-size:11px}body[data-mode=match] .payment-receipt+.stack{margin-top:5px}
@media(min-width:901px){body[data-mode=match] .arena{grid-template-rows:110px minmax(180px,1fr) minmax(24px,auto) minmax(180px,1fr) 110px 126px;min-height:790px}}
@media(max-width:900px){.payment-receipt{padding:9px 11px}.payment-heading strong{font-size:14px}.payment-price{gap:5px}.payment-summary{font-size:11px}}
@media(max-width:600px){.match-mode-label{padding:2px;gap:4px;border:0;background:none}.match-mode-label>span{display:none}.match-mode-label>button{font-size:10px;padding:5px 7px;min-height:40px}.match-mode-label>button#ai-step{max-width:65px;font-size:10px;line-height:1.2}.payment-heading{align-items:flex-start;gap:8px}.payment-heading small{font-size:9px}.payment-heading strong{font-size:13px}.payment-price{flex-direction:column;gap:3px}.payment-price .dr-pip{width:20px;min-width:20px;height:20px;font-size:11px}.payment-price>small{font-size:9px}.payment-summary{font-size:10px;line-height:1.5}.payment-source{font-size:10px;min-height:32px;padding:4px 7px}.mana-budget{gap:2px 8px;font-size:10px;line-height:1.5}.mana-budget>span{font-size:9px}.resource-number{font-size:8px;min-width:18px;height:15px;line-height:13px;top:-3px;right:-4px}.recent-play{margin-bottom:3px}body[data-mode=match] .arena{grid-template-rows:62px 100px 190px minmax(28px,auto) 190px 100px 61px 129px}}
.decision-rail>.recent-play{width:100%;margin:0;border-bottom:1px solid #87b8be4d;flex-shrink:0}.decision-rail>.recent-play .payment-receipt{border:0;border-radius:15px 15px 0 0;box-shadow:none;padding:15px 18px;background:#1d3b47}.decision-rail>.recent-play .payment-heading strong{font-size:16px}.decision-rail>.recent-play .payment-heading{align-items:flex-start}.decision-rail>.recent-play .payment-price{flex-direction:column;gap:4px}.decision-rail>.recent-play .payment-summary{font-size:12px}.decision-rail>.recent-play .payment-source{min-height:32px}

body[data-mode=match] .decision-rail>:is(.inspector,.match-panel,.study-panel){width:100%}
/* Deck colors as chips: every family is visible at once, with its colour. */
.lobby-families{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;grid-column:1/-1}
.lobby-family{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #8bb0bc55;border-radius:999px;background:#172f3e;color:#dbe8ea;font-size:13px;font-weight:700}
.lobby-family i{width:12px;height:12px;border-radius:50%;background:var(--chip,#9ab)}
.lobby-family[data-color=ember]{--chip:#f2a03b}.lobby-family[data-color=veil]{--chip:#5fd0ca}.lobby-family[data-color=grove]{--chip:#7cc96a}.lobby-family[data-color=dusk]{--chip:#a98be0}
.lobby-family[data-color=mixed] i{background:conic-gradient(#f2a03b 0 25%,#5fd0ca 0 50%,#7cc96a 0 75%,#a98be0 0)}
.lobby-family[aria-pressed=true]{border-color:#ffd27a;background:#2c3a2c;color:#fff2cf;box-shadow:0 0 0 1px #ffd27a55}
@media(pointer:coarse){.lobby-family{min-height:44px}}
/* Landscape tablets and laptops: the lobby fits at full size, so it never has to be scaled down to fit. */
@media(min-width:900px) and (max-height:940px) and (orientation:landscape){
  #lobby-dialog{padding:20px 28px 18px}
  #lobby-dialog .lobby-header{margin-bottom:10px}
  #lobby-dialog .lobby-header h1{font-size:32px;margin:2px 0 4px}
  #lobby-dialog .lobby-header>p:last-child{font-size:13px;margin:0}
  #lobby-dialog .lobby-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px}
  #lobby-dialog .lobby-section-title{margin-bottom:8px}
  #lobby-dialog .lobby-families{margin-bottom:10px}
  #lobby-dialog .lobby-deck{min-height:84px;gap:12px}
  #lobby-dialog .lobby-deck-art{flex-basis:64px}
  #lobby-dialog .lobby-deck-copy{padding:8px 0}
  #lobby-dialog .lobby-deck-copy>strong{font-size:17px}
  #lobby-dialog .lobby-deck-copy>span{font-size:12px;line-height:1.35}
  #lobby-dialog .lobby-settings{padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px;align-content:start}
  #lobby-dialog .lobby-settings>*{grid-column:1/-1}
  /* Arena and Creatures share a row under the opponent deck. */
  #lobby-dialog .lobby-settings>label{grid-column:auto;min-width:0}
  #lobby-dialog .lobby-settings>label:has(#ai-deck){grid-column:1/-1}
  #lobby-dialog .lobby-settings h2{font-size:22px;margin:0 0 4px}
  #lobby-dialog .lobby-settings>p:not(.eyebrow):not(.lobby-note){display:none}
  #lobby-dialog .lobby-settings>label{margin:4px 0}
  #lobby-dialog .lobby-settings select{min-height:36px;margin-top:3px;padding-block:6px}
  #lobby-dialog .lobby-note{margin:6px 0;font-size:11px}
  #lobby-dialog .lobby-settings .primary{margin-top:6px;min-height:46px}
  #lobby-dialog .lobby-online{margin-top:12px;padding-top:10px}
  #lobby-dialog .lobby-online>label{margin:6px 0 2px}
  #lobby-dialog .lobby-online input{min-height:40px;margin-top:4px}
  #lobby-dialog .lobby-online-actions{grid-template-columns:auto minmax(0,1fr);align-items:center}
  #lobby-dialog .lobby-online-actions>button{margin:0;min-height:42px;padding:0 12px}
  #lobby-dialog .lobby-online-join{margin:0}
  #lobby-dialog .lobby-practice{margin-top:6px;min-height:36px}
}