/* A fixed arena cannot be scrolled by focus on a half-hidden hand card. */
.game-area{overflow:clip;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
#enemy-board,#player-board{grid-column:1;box-sizing:border-box}
#player-hand,#enemy-hand{flex:none;box-sizing:border-box;contain:layout;scroll-margin:0}
.hand.active-hand:not(:empty){pointer-events:none}.hand.active-hand .card{pointer-events:auto}
@media(min-width:1001px){
 .game-area .hand{--hand-space:calc(min(100vw,2200px) - var(--hud-left) - var(--hud-right) - 48px)}
 .game-area #player-hand,.game-area #enemy-hand{padding-left:calc(var(--hud-left) + max(0px,(100vw - 2200px)/2) + 24px);padding-right:calc(var(--hud-right) + max(0px,(100vw - 2200px)/2) + 24px)}
}
/* Launcher: the social rail belongs to the lobby, outside the battlefield. */
.launcher-body{display:grid;grid-template-columns:minmax(0,1fr) 276px;min-height:0;overflow:hidden}
.launcher-top{flex-direction:row-reverse}.launcher-account{max-width:60%}.launcher-brand{margin-left:auto}
.launcher-nav{gap:clamp(18px,2.4vw,38px)}
#launcher-content{padding:24px clamp(20px,3vw,48px)}
#lobby-social{min-width:0;min-height:0;background:linear-gradient(180deg,#0e1b27,#0b121c);border-left:1px solid #b59a6533;text-align:left}
#lobby-social-panel{display:flex;flex-direction:column;height:100%;min-height:0}
#lobby-social-panel>summary{font:700 20px Cinzel,Georgia,serif;color:#e9d3a5;padding:22px 20px 12px;list-style:none}
#lobby-social header{padding:0 20px 16px;font-size:12px;color:#899fae;border-bottom:1px solid #a48e5733}
#lobby-social-content{overflow-y:auto;min-height:0;padding:18px;scrollbar-width:thin;scrollbar-color:#766340 transparent;flex:1}
#lobby-social-content label{display:block;font-size:12px;color:#b9c7cf;margin-bottom:7px}
#lobby-social-content input,#lobby-social-content select{box-sizing:border-box;min-width:0;max-width:100%;width:100%;background:#09131e;border:1px solid #64758188;padding:11px;color:#e6e1d4;border-radius:5px;font:inherit;font-size:13px;min-height:44px}
#lobby-add-friend>div{display:flex;gap:6px}#lobby-social-content .action-btn{margin:0;padding:9px 12px;min-height:44px;font-size:13px;flex-shrink:0}
#lobby-social-content h3{font:700 13px Nunito,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#bca675;margin:24px 0 12px;display:flex;justify-content:space-between;gap:10px}
#lobby-social-content h3 span{font-size:10px;color:#8bb49c;letter-spacing:0;text-transform:none;white-space:nowrap}
.lobby-empty{font-size:13px;line-height:1.7;color:#91a4b2}.lobby-friend{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #a48e571f;min-width:0}.lobby-friend>img{width:38px;height:46px;object-fit:cover;border:1px solid #6e614b;border-radius:6px}.lobby-friend>div{flex:1;min-width:0}.lobby-friend strong{display:block;color:#ddd3bd;font-size:13px;overflow-wrap:anywhere}.lobby-friend span{font-size:11px;color:#74818e}.lobby-friend .is-online{color:#9cceaa}.lobby-friend details{flex:0 0 30px}.lobby-friend summary{list-style:none;cursor:pointer;color:#d1b476;padding:10px 3px}.lobby-friend details[open]{flex:1}.lobby-friend details button,.lobby-request button,.lobby-pending button{display:block;color:#d7c293;border:1px solid #77634566;background:#172431;border-radius:4px;font:700 12px Nunito,sans-serif;min-height:36px;padding:6px 9px;margin:5px 0;width:100%;cursor:pointer}.lobby-friend details button:disabled{opacity:.4;cursor:default}.lobby-request{font-size:13px;padding:10px 0;border-bottom:1px solid #a48e5722;overflow-wrap:anywhere}.lobby-request>div{display:flex;gap:7px}.lobby-pending{margin:18px 0;font-size:13px}.lobby-pending summary{color:#9eafbc;cursor:pointer}.lobby-create-room{width:100%!important;margin-top:24px!important}#lobby-social-status{font-size:12px;color:#e2be76;line-height:1.5}#lobby-social-status:empty{display:none}
/* Profile tools are separated from collection customization and account exit. */
#profile-overview>.adventure-profile-tools{display:block;padding:20px 0;border-top:1px solid #b8955840;margin:18px 0 0;clear:both}
.adventure-profile-tools h3{margin:0 0 6px;font:700 18px Cinzel,serif;color:#dfc58b}.adventure-profile-tools p{font-size:14px;margin:0 0 12px;color:#acb9c3}.adventure-profile-tools button{margin-right:18px;min-height:44px}
.profile-session-exit{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:22px 18px;margin-top:22px;border:1px solid #a75f593f;border-radius:9px;background:#2d191c66}.profile-session-exit strong{color:#ddc1bb;font-size:15px}.profile-session-exit p{margin:6px 0 0;font-size:13px!important;color:#b7a7a9}.logout-button{flex-shrink:0;min-height:44px;padding:10px 18px;background:#532829;border:1px solid #b47972;border-radius:6px;color:#ffe0da;font:700 14px Nunito,sans-serif;cursor:pointer}.logout-button:hover{background:#713332}.logout-button:focus-visible{outline:2px solid #f4b9ab;outline-offset:4px}
#launcher-content .cosmetic-grid{grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:20px}#launcher-content .cosmetic-grid article{background:linear-gradient(150deg,#17232e,#0d141e);padding:22px 14px}#launcher-content .cosmetic-back{width:clamp(115px,12vw,175px);border-radius:9px;box-shadow:0 10px 25px #0009}#launcher-content .cosmetic-grid h3{font-size:20px;line-height:1.5;color:#e4c992}#launcher-content .cosmetic-grid p{font-size:13px;color:#adbbc6}#launcher-content .cosmetic-grid button{width:100%;margin:10px 0 0}
/* Forge: a large collection, a persistent illustrated deck list and one save action. */
#deck-builder-screen{padding:12px;background:#060b12f5;backdrop-filter:none}
#deck-builder-screen .deck-builder-menu-box{width:min(1800px,100%);max-width:1800px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:18px 22px;gap:12px;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at top left,#263e4480,transparent 55%),#0b1520}
#deck-builder-screen .forge-heading{padding:0 0 14px;border-bottom:1px solid #b59b6244;gap:20px}
#deck-builder-screen .forge-heading h2{font-size:26px;letter-spacing:1px}
#deck-builder-screen .deck-workspace{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:24px;flex:1;min-height:0;overflow:hidden}
#deck-builder-screen .deck-collection{min-height:0;overflow:hidden;gap:10px}
.forge-recipes{flex-shrink:0;text-align:left;background:#172530;border:1px solid #75869533;border-radius:6px;padding:9px 12px}.forge-recipes>summary{color:#c4b38f;font:700 13px Nunito,sans-serif;cursor:pointer;min-height:22px}.forge-recipes:not([open])>#forge-presets{display:none}.forge-recipes[open]>#forge-presets{margin-top:12px}
#deck-builder-screen .deck-builder-filters{display:grid;grid-template-columns:minmax(120px,1fr) 114px 205px;gap:10px;margin:0;flex-shrink:0}
#deck-builder-screen .filter-select{font-size:14px;min-height:44px;border-radius:5px}
#deck-builder-screen .catalog-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin:0;text-align:left;flex-shrink:0;color:#9fb1bd;font-size:12px}.catalog-toolbar label{display:flex;align-items:center;gap:6px;min-height:30px}
#deck-builder-screen .forge-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0;border-bottom:1px solid #6e83952b;padding-bottom:8px;flex-shrink:0}
#deck-builder-screen .forge-tools .action-btn{padding:6px 12px;min-height:36px;font-size:12px;background:#142431;border-color:#71838e55}#forge-draft-status{font-size:11px;color:#93b39e;margin-left:auto}
#deck-builder-screen .deck-builder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:8px 8px 20px;flex:1;min-height:0;overflow-y:auto;align-items:start;background:none;scrollbar-width:thin;scrollbar-color:#98804e #0c1722}
#deck-builder-screen .builder-card-wrapper{padding:6px;border:1px solid transparent;border-radius:10px;min-width:0;background:#17222a88;cursor:pointer;contain-intrinsic-size:auto 290px}
#deck-builder-screen .builder-card-wrapper>.card{width:100%;height:252px;min-height:252px;max-height:252px;margin:0!important;transform:none!important;border-radius:8px;box-shadow:0 4px 12px #0008}
#deck-builder-screen .builder-card-wrapper .card-img{height:105px;flex-basis:105px;margin:4px 4px 0}#deck-builder-screen .builder-card-wrapper .card-name{height:34px;min-height:34px;line-height:1.2;font-size:13px;padding:4px}#deck-builder-screen .builder-card-wrapper .card-desc-container{min-height:0;flex:1;overflow:auto}#deck-builder-screen .builder-card-wrapper .card-desc-text{font-size:12px;line-height:1.3;padding:5px;white-space:normal;-webkit-line-clamp:unset}#deck-builder-screen .builder-card-wrapper .card-stats{height:30px;min-height:30px}#deck-builder-screen .builder-card-wrapper .card-cost,#deck-builder-screen .builder-card-wrapper .stat{width:25px;height:27px;font-size:17px}
#deck-builder-screen .builder-card-controls{display:grid;grid-template-columns:36px 1fr 36px 36px;gap:3px;margin-top:8px;align-items:center}#deck-builder-screen .builder-card-controls button{width:36px;min-width:36px;height:36px;border-radius:5px;border:1px solid #77674c;background:#101c27;color:#ecd9ae;font-size:19px;display:grid;place-items:center}#deck-builder-screen .builder-card-controls button:disabled{opacity:.25}#deck-builder-screen .builder-card-controls span{font-size:13px;text-align:center;color:#e3cc98}#deck-builder-screen .builder-card-controls svg{width:17px;height:17px}
#deck-builder-screen .deck-summary{display:flex;flex-direction:column;padding:16px;min-height:0;overflow:hidden;border-radius:10px;border-color:#ac915847;background:linear-gradient(#24333588,#0c1724)}
#deck-builder-screen .forge-identity{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;flex-shrink:0;align-items:center;margin-bottom:8px}
#deck-builder-screen .forge-identity>img{width:60px;height:76px;border-radius:8px;grid-row:1/3}
#deck-builder-screen .forge-identity>label{font-size:11px;display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0}
#deck-builder-screen #forge-deck-name{font-size:16px;font-weight:700;width:100%;max-width:none;min-width:0;padding:10px;min-height:44px;box-sizing:border-box}
#deck-builder-screen #forge-status{grid-column:1/-1;max-width:none;font-size:12px;line-height:1.4}
#forge-hero-details{margin:0 0 10px;flex-shrink:0}#forge-hero-details>summary{padding:7px 0!important;min-height:25px}#deck-builder-screen .hero-choice{display:block;padding:10px;border-radius:6px}#deck-builder-screen .hero-choice>label{display:none}#deck-builder-screen #hero-select{width:100%}#deck-builder-screen #hero-description{font-size:12px;line-height:1.5;margin-top:10px}
#deck-builder-screen #deck-summary-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#deck-builder-screen #deck-summary-panel>summary{font:700 18px Cinzel,serif;flex-shrink:0;padding-bottom:12px;border-bottom:1px solid #9e885b44;cursor:pointer}
#deck-summary-count{float:right;color:#e9c87b;font:800 20px Nunito,sans-serif}
#deck-builder-info,#deck-summary-panel>h3{display:none}
#deck-selected-list{overflow-y:auto;min-height:60px;flex:1;margin-top:12px;scrollbar-width:thin;scrollbar-color:#887343 #101c28}
#deck-builder-screen .selected-deck-row{display:grid;grid-template-columns:26px minmax(0,1fr) 24px 32px;gap:7px;align-items:center;min-height:44px;margin-bottom:5px;padding:0 6px;border-radius:6px}
#deck-builder-screen .selected-deck-row:before{background:linear-gradient(90deg,#102131fa 20%,#102131bd 55%,#10213155),var(--card-art) right 35%/cover}
#deck-builder-screen .selected-deck-row>span{color:#b3d7f0;font:800 17px Nunito,sans-serif;text-align:center}#deck-builder-screen .selected-deck-row strong{font-size:13px;line-height:1.25}#deck-builder-screen .selected-deck-row b{font-size:12px;color:#efd7a5}#deck-builder-screen .selected-deck-row button{min-height:32px;width:32px;border-radius:4px;border:1px solid #6d6557;background:#0d1723cc;color:#e2d2ae;cursor:pointer}
#deck-analysis{flex-shrink:0;max-height:180px;overflow-y:auto;font-size:12px;margin-top:10px;border-top:1px solid #99825133}#deck-analysis>p{font-size:12px;line-height:1.6;margin:8px 0}#deck-analysis details{font-size:12px}#deck-analysis details>summary{cursor:pointer;padding:8px 0;color:#c6b588}
#deck-builder-screen .forge-library{flex-shrink:0;margin-top:10px;padding-top:8px}#deck-builder-screen .forge-library .deck-manager-bar{grid-template-columns:repeat(3,minmax(0,1fr))}#deck-builder-screen .forge-library .deck-manager-btn{font-size:11px!important}
#deck-builder-screen .deck-builder-actions{padding:12px 0 0;margin:0;position:static;gap:16px;border-top:1px solid #b59b6233;background:none;flex-shrink:0}#confirm-deck-btn{min-width:240px;min-height:48px}#deck-builder-screen #random-deck-btn{margin-right:auto;background:none;border-color:#63778266;color:#aab7c1;font-size:13px}
.forge-mobile-tabs{display:none}#first-forge-tip{margin:0!important;padding:8px 12px!important;max-height:180px;overflow:auto;font-size:12px}
@media(max-width:1100px){.launcher-body{grid-template-columns:minmax(0,1fr) 240px}.launcher-nav{gap:22px}.launcher-nav button{font-size:12px}.launcher-home-bottom{grid-template-columns:1fr}.launcher-feature{min-height:370px}.feature-copy h1{font-size:42px}#deck-builder-screen .deck-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:14px}#deck-builder-screen .deck-builder-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}#deck-builder-screen .deck-builder-filters{grid-template-columns:1fr 100px}#filter-trait{grid-column:1/-1}}
@media(max-width:1000px){.launcher-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}#lobby-social{border-left:0;border-top:1px solid #b59a6533}#lobby-social-panel{height:auto;max-height:38dvh}#lobby-social-panel>summary{padding:12px 20px;cursor:pointer;font-size:16px}#lobby-social-panel>summary:after{content:'⌃';float:right;color:#aa9566}#lobby-social header{display:none}#lobby-social-content{max-height:28dvh;padding:10px 18px}#lobby-social-panel:not([open])>#lobby-social-content{display:none}.feature-copy h1{font-size:42px}}
@media(max-width:800px){#deck-builder-screen{padding:0}#deck-builder-screen .deck-builder-menu-box{height:100dvh;max-height:100dvh;width:100vw;padding:12px;gap:10px;border:0;border-radius:0}#deck-builder-screen .forge-heading{padding-bottom:8px}#deck-builder-screen .forge-heading h2{font-size:21px}#deck-builder-screen .forge-heading>span{display:none}.forge-mobile-tabs{display:flex;gap:10px;flex-shrink:0}.forge-mobile-tabs button{flex:1;min-height:42px;border:1px solid #677a8855;background:#101e2c;color:#a6b6c2;border-radius:6px;font:700 14px Nunito,sans-serif}.forge-mobile-tabs button[aria-pressed="true"]{background:#2d3d40;border-color:#c4a86a;color:#ecd5a4}.forge-mobile-tabs span{margin-left:8px}#deck-builder-screen .deck-workspace{display:block;flex:1;min-height:0;overflow:hidden}#deck-builder-screen .deck-collection,#deck-builder-screen .deck-summary{height:100%;box-sizing:border-box}#deck-builder-screen[data-pane="catalog"] .deck-summary{display:none}#deck-builder-screen[data-pane="deck"] .deck-collection{display:none}#deck-builder-screen .deck-builder-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));min-height:0;padding:4px 2px 12px;gap:12px}#deck-builder-screen .deck-builder-filters{grid-template-columns:minmax(0,1fr) 110px}#deck-builder-screen .deck-builder-filters #filter-trait{grid-column:1/-1}#deck-builder-screen .forge-tools{gap:8px}#forge-draft-status{width:100%;margin-left:0}#deck-builder-screen .deck-builder-actions{gap:10px;padding-top:10px}#confirm-deck-btn{min-width:0;flex:1}#deck-builder-screen #random-deck-btn{font-size:11px;max-width:110px;padding:6px}#deck-builder-screen .deck-summary{padding:12px}.profile-session-exit{align-items:stretch;flex-direction:column;gap:14px}.logout-button{align-self:flex-start}.launcher-account{max-width:66%;font-size:12px}.launcher-brand{font-size:23px}.launcher-brand span{display:none}#launcher-content .cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#launcher-content .cosmetic-grid article{padding:14px 8px}#launcher-content .cosmetic-back{width:115px}#launcher-content .cosmetic-grid h3{font-size:17px}#launcher-content .cosmetic-grid p{font-size:12px}}
@media(max-height:600px) and (min-width:801px){#deck-builder-screen .deck-builder-menu-box{padding:10px 16px;gap:8px}#deck-builder-screen .forge-heading{padding-bottom:8px}#deck-builder-screen .forge-heading h2{font-size:20px}#deck-builder-screen .forge-tools{padding-bottom:4px}#deck-builder-screen .forge-identity>img{height:54px;width:44px}#deck-builder-screen .forge-identity{grid-template-columns:44px minmax(0,1fr)}#deck-analysis{max-height:90px}}
#deck-builder-screen .deck-summary>#forge-hero-details{flex:0 0 auto;min-height:0;overflow:visible}#deck-summary-panel>.deck-list-heading{font:700 18px Cinzel,serif;flex-shrink:0;padding-bottom:12px;border-bottom:1px solid #9e885b44}.forge-refine-controls{display:contents}.forge-refine-controls>summary{display:none}
@media(max-width:800px){#deck-builder-screen #filter-search{grid-column:1/-1;min-width:0}#deck-builder-screen .deck-builder-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#deck-builder-screen #filter-mana{grid-column:1}#deck-builder-screen .deck-builder-filters #filter-trait{grid-column:2}.forge-refine-controls{display:block;flex-shrink:0;padding:8px 10px;border:1px solid #75869533;border-radius:5px}.forge-refine-controls>summary{display:list-item;color:#b8c4cb;font-size:12px;cursor:pointer}.forge-refine-controls:not([open])>*:not(summary){display:none!important}#deck-builder-screen .forge-refine-controls[open] .forge-tools{padding-top:8px}#deck-builder-screen .forge-refine-controls[open] .catalog-toolbar{padding-top:8px}#deck-builder-screen .builder-card-wrapper{position:relative}#deck-builder-screen .builder-card-controls{grid-template-columns:44px minmax(20px,1fr) 44px}#deck-builder-screen .builder-card-controls button{width:44px;min-width:44px;height:44px}#deck-builder-screen .builder-card-controls button:last-child{position:absolute;top:75px;right:8px;background:#0a1726d9}#deck-builder-screen .builder-card-wrapper>.card{height:260px;min-height:260px;max-height:260px}}