/* All new shell styling is isolated from the approved battle views. */
body.studio-shell{background:#11151a;color:#eeeae2;min-height:100dvh;overflow-x:hidden}
body.studio-shell>header{height:76px;padding:0 max(28px,calc((100vw - 1180px)/2));background:#11151a;border-bottom:1px solid #ffffff10}
body.studio-shell .brand{font-size:18px;letter-spacing:3px}.studio-shell .brand small{font-size:7px;letter-spacing:2px;color:#9c9e9c}.studio-shell .brandmark{font-size:29px}.studio-shell .account{font-size:8px;letter-spacing:1.5px;gap:12px}.studio-shell .avatar{width:29px;height:29px;font-size:10px}
body.studio-shell #main{max-width:1236px;width:100%;margin:0 auto;padding:32px 28px calc(120px + env(safe-area-inset-bottom,0px))}
body:not(.in-battle):not(.in-online)>nav{display:flex!important;position:fixed!important;inset:auto 0 0!important;height:calc(76px + env(safe-area-inset-bottom,0px));padding:0 16px env(safe-area-inset-bottom,0px);z-index:1000;background:#14191ff5;border-top:1px solid #ffffff18;box-shadow:0 -12px 30px #0003;justify-content:center;gap:12px;backdrop-filter:blur(16px);transform:none!important}
.studio-shell>nav button{position:relative;min-width:108px;flex:0 1 140px;min-height:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;font-size:10px;color:#a8adb4;background:transparent;padding:10px 4px;border:0;border-radius:0}.studio-shell>nav button span{display:flex;font-size:20px;margin:0}.studio-shell>nav svg{height:21px;width:21px}.studio-shell>nav button.active{color:#e3b18b}.studio-shell>nav button.active:before{content:'';position:absolute;inset:0 30% auto;height:2px;background:#d7a27d}.studio-shell>nav button:hover{background:#ffffff05;color:#f5eee6}
.studio-shell .primary,.studio-shell .secondary{font-family:inherit;min-height:46px;padding:12px 21px;border-radius:5px;font-size:12px;font-weight:600;letter-spacing:.1px;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:16px}.studio-shell .primary{background:#d7a27d;border:1px solid #e0b08e;color:#181c21}.studio-shell .primary:hover{background:#e5b591;transform:none}.studio-shell .secondary{color:#e5e3df;background:#20262d;border:1px solid #ffffff24}.studio-shell .secondary:hover{background:#293038}.studio-shell button:disabled{cursor:default;opacity:.48}.studio-shell button:focus-visible,.studio-shell a:focus-visible,.studio-shell select:focus-visible{outline:2px solid #e1b18b;outline-offset:4px}.studio-shell select{font:12px inherit;color:#deddd9;background:#1c2229;border:1px solid #ffffff24;border-radius:5px;padding:12px;min-height:44px;max-width:100%}.studio-shell a{text-decoration:none}.studio-shell button{font-family:inherit}.studio-kicker{font-size:9px;color:#a6a5a0;letter-spacing:2px;font-weight:500}.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.studio-heading h1{font-size:42px;line-height:1.1;letter-spacing:-.6px;margin:10px 0 0;font-weight:500}.studio-heading-end{display:flex;gap:20px;align-items:center;font-size:11px;color:#a4a9ae}.studio-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:32px 0 16px}.studio-section-title h2{font-family:inherit;font-size:16px;font-weight:500;margin:0}.studio-section-title a,.studio-section-title>span{font-size:11px;color:#b9b9b5}.studio-section-title a>span{margin-left:8px}.studio-small{color:#939ba3;font-size:11px;line-height:1.7;margin:12px 0 20px}
.studio-operation{position:relative;min-height:480px;padding:48px;background:linear-gradient(90deg,#0e141aeb,#0e141a8c 48%,#0e141a08 80%),url('assets/terrain.webp') 54% 50%/cover;border:1px solid #ffffff1b;border-radius:8px;overflow:hidden}.studio-operation-copy{max-width:360px}.studio-operation h1{font-size:76px;line-height:1;letter-spacing:-1px;font-weight:600;margin:35px 0 10px}.studio-operation-copy>p{font-size:21px;color:#dadbd8;margin:0}.studio-operation-facts{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:10px;color:#b1b9bd}.studio-operation-facts span+span:before{content:'·';margin-right:14px;color:#b18a6d}.studio-deploy{margin-top:36px;width:265px}.studio-deploy label{font-size:8px;letter-spacing:1.7px;color:#b8b9b6;display:block;margin-bottom:9px}.studio-deploy select{width:100%;background:#141b22e8}.studio-shell .studio-play{margin-top:10px;display:flex;justify-content:space-between;width:100%;min-height:49px}.studio-text-button,.studio-text-link{border:0;background:none;color:#b8bdc0;font-size:11px;padding:14px 0;display:inline-flex;align-items:center;gap:14px;min-height:44px}.studio-text-button:hover,.studio-text-link:hover{color:#e4b28d}.studio-operation-tag{position:absolute;bottom:26px;right:30px;font-size:8px;letter-spacing:2px;color:#c8c4b9}.studio-home-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.studio-home-row>a{display:flex;align-items:center;gap:20px;border:1px solid #ffffff16;border-radius:6px;background:#181e25;padding:24px;color:#d5d6d3;min-width:0}.studio-home-row>a>span:last-child{margin-left:auto;color:#b0a599}.studio-home-row small{display:block;font-size:8px;letter-spacing:1.7px;color:#929ca4;margin-bottom:9px}.studio-home-row strong{font-size:18px;font-weight:500}.studio-home-row i{font-style:normal;font-size:13px;color:#8b959e}.studio-army-faces{display:flex;margin-left:auto;padding-left:12px}.studio-army-faces img{width:40px;height:48px;object-fit:cover;border:2px solid #181e25;border-radius:3px;margin-left:-9px}
.studio-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.studio-shell .studio-card{border:1px solid #ffffff1b!important;border-radius:6px;background:#1a2027;box-shadow:none!important;text-align:left;min-width:0;overflow:hidden;padding:0;transition:border-color .15s,transform .15s}.studio-shell .studio-card:hover{border-color:#d7a27d90!important;transform:translateY(-3px);box-shadow:none}.studio-shell .studio-card:disabled{opacity:1}.studio-shell .studio-card:disabled:hover{transform:none;border-color:#ffffff1b!important}.studio-shell .studio-card .card-art{height:auto;aspect-ratio:1.24;background:#20252a;position:relative;overflow:hidden}.studio-shell .studio-card .unit-illustration{width:100%;height:100%;object-fit:cover;filter:none!important;opacity:1!important;position:absolute;inset:0}.studio-shell .studio-card .card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#0003,transparent 35%,#0003);pointer-events:none}.studio-shell .studio-card .type{position:absolute;top:12px;left:12px;z-index:1;font-size:8px;letter-spacing:1.3px;color:#f6f1e6;text-shadow:0 1px 4px #000;text-transform:uppercase;background:none}.studio-shell .studio-card .cost{position:absolute;top:10px;right:10px;z-index:1;display:grid;place-items:center;width:27px;height:30px;background:#10151ad9;border:1px solid #e4dac247;border-radius:3px;font-size:16px;color:#e1b18a;font-family:inherit}.studio-lock{position:absolute;bottom:10px;left:12px;z-index:1;font-size:8px;letter-spacing:1px;color:#e3e0d7;background:#15191dcc;border-radius:3px;padding:4px 6px}.studio-shell .studio-card .card-body{padding:16px}.studio-shell .studio-card h3{font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;margin:0;color:#edeae4}.studio-shell .studio-card .card-body p{margin:7px 0 15px;font-size:10px;color:#949fa6;line-height:1.5;min-height:15px}.studio-card-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:#c7ad96;border-top:1px solid #ffffff0c;padding-top:10px}.studio-rarity{font-size:8px;letter-spacing:.5px;color:#a7aaa8}.studio-rarity:before{content:'';width:4px;height:4px;background:#8c9f99;display:inline-block;margin-right:6px;border-radius:50%}.rare .studio-rarity:before{background:#83a6bb}.elite .studio-rarity:before{background:#b1a0b6}.legendary .studio-rarity:before{background:#d7aa74}.studio-filter-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.studio-shell .toolbar{margin:0;display:flex;gap:4px;flex-wrap:wrap}.studio-shell .toolbar button{background:transparent;color:#9ba4ad;min-height:42px;padding:9px 15px;border:1px solid transparent;border-radius:4px;font-size:11px}.studio-shell .toolbar button.active{color:#e5c0a3;background:#c8997020;border-color:#c8997038}.studio-shell .toolbar button:hover{color:#f5eee6}.studio-rarity-filter select{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.studio-army-head{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.5px;color:#a6acaf;margin:0 0 14px}.studio-army-head span+span{letter-spacing:0;color:#7f8993}.studio-deck{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.studio-deck-card{position:relative;aspect-ratio:1.2;background:#1c232a;overflow:hidden;border:1px solid #ffffff20;border-radius:5px}.studio-deck-card img{height:100%;width:100%;object-fit:cover}.studio-deck-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#10151af2)}.studio-deck-card strong{position:absolute;bottom:10px;left:10px;right:10px;z-index:1;font-size:10px;line-height:1.4;font-weight:500}.studio-deck-card button{position:absolute;top:6px;right:6px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff30;border-radius:4px;background:#121820d9;color:#eee3d7;font-size:20px}.studio-empty-slot{aspect-ratio:1.2;border:1px dashed #ffffff25;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:9px;color:#586571;gap:9px}.studio-empty-slot>span{font-size:22px;color:#87919a}.studio-readiness{margin-top:18px;border:1px solid #bf98652e;border-radius:4px;background:#aa89540a;font-size:11px;color:#cbb698;padding:0 14px}.studio-readiness summary{min-height:44px;padding:14px 0;cursor:pointer}.studio-readiness summary span{float:right;color:#a79d8f;font-size:10px}.studio-readiness ul{padding:0 0 14px 18px;line-height:1.8;margin:0;color:#b5b5ad}.studio-ready{font-size:10px;color:#9bb1a4;padding-top:16px}
.studio-pack-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:48px 6%;background:radial-gradient(ellipse at 25% 40%,#34383e55,transparent 60%),#161c23;border:1px solid #ffffff13;border-radius:8px;min-height:420px}.studio-pack-object{position:relative;justify-self:center;display:flex;align-items:center;flex-direction:column;width:210px;height:286px;padding:26px 15px;background:linear-gradient(115deg,#53565b,#242c34 35%,#1a212a 70%,#3b424a);border:1px solid #797b7d;border-radius:4px;box-shadow:10px 20px 35px #0007,inset 0 0 0 7px #0002;transform:rotate(-6deg)}.studio-pack-object:after{content:'';position:absolute;inset:10px;border:1px solid #cdb09055}.studio-pack-object>span{font-size:7px;letter-spacing:1.9px;color:#c7b6a5}.studio-pack-object>strong{font:600 100px 'Barlow Condensed',sans-serif;line-height:1.5;color:#d5aa86;text-shadow:2px 2px #0005}.studio-pack-object>b{font-size:11px;letter-spacing:3px;color:#dedbd3}.studio-pack-object>small{margin-top:14px;font-size:7px;letter-spacing:2px;color:#919ba3}.studio-pack-copy h2{font-size:45px;font-weight:500;line-height:1;margin:20px 0}.studio-pack-copy p{font-size:12px;color:#a1aab0;margin-bottom:28px}.studio-pack-copy small{display:block;font-size:9px;color:#818c95;margin-top:16px}.studio-pack-copy .primary{min-width:210px}.studio-unlocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studio-unlocks article{display:flex;align-items:center;border:1px solid #ffffff13;background:#181e25;border-radius:5px;gap:12px;overflow:hidden;padding:8px;min-width:0}.studio-unlocks img{width:46px;height:54px;object-fit:cover;border-radius:3px}.studio-unlocks article>div{min-width:0;flex:1}.studio-unlocks strong{font-size:10px;font-weight:500;display:block;line-height:1.5}.studio-unlocks article>div span{font-size:8px;color:#8f9ba4;display:block;margin-top:4px;line-height:1.4}.studio-unlocks button{min-width:50px;min-height:44px;font-size:11px;padding:8px;color:#dec0a6;border:1px solid #b38b6533;background:#b38b650c;border-radius:4px}.studio-unlocks button span{display:block;font-size:15px}.studio-unlocks button:disabled{opacity:.5}
.studio-more{max-width:620px}.studio-more .cq-menu-group{border:1px solid #ffffff15;margin-bottom:18px;background:#181e25;border-radius:6px;overflow:hidden;padding:0}.studio-more .cq-menu-label{font-size:8px;letter-spacing:1.4px;color:#7e8b97;padding:18px 20px 8px}.studio-more a,.studio-more button{display:flex;align-items:center;width:100%;gap:14px;color:#d7d9d8;text-align:left;padding:18px 20px;background:transparent;border:0;min-height:54px}.studio-more a:hover,.studio-more button:hover{background:#ffffff04}.studio-more .cq-more-icon svg,.studio-more .cq-more-chevron svg{width:19px;height:19px}.studio-more .cq-more-label{font-size:12px;flex:1}.studio-more .cq-more-chevron{margin-left:auto;color:#6f7d89}.studio-more .cq-menu-foot{color:#687682;font-size:8px;letter-spacing:1px;padding:8px 0}.studio-shell #modal{background:#1a2027;border:1px solid #ffffff25;border-radius:8px;padding:28px;color:#eae7df;max-height:calc(100dvh - 40px);overflow:auto}.studio-shell #modal:has(.studio-detail-art){padding:0;width:min(440px,calc(100% - 32px))}.studio-shell #modal .close{z-index:2;min-height:36px;min-width:36px;background:#171e26c7;border-radius:4px;right:10px;top:10px}.studio-detail-art{height:220px;position:relative}.studio-detail-art img{width:100%;height:100%;object-fit:cover}.studio-detail-art>span{position:absolute;left:20px;bottom:14px;font-size:9px;text-shadow:0 1px 3px #000;background:#10151ac9;padding:6px 8px;border-radius:3px}.studio-detail-content{padding:22px}.studio-detail-content h2{font-family:inherit;font-size:22px!important;font-weight:500}.studio-detail-content p{font-size:12px!important}.studio-unit-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-top:1px solid #ffffff15;margin:20px 0;padding-top:18px}.studio-unit-facts>span{font-size:9px;color:#8e9ba5}.studio-unit-facts b{display:block;font-size:16px;color:#d9d8d2;font-weight:500;margin-bottom:6px}.studio-detail-content small{font-size:9px;color:#7e8c97;display:block;text-align:center;margin-top:14px}.studio-shell #toast{z-index:1100;bottom:calc(88px + env(safe-area-inset-bottom,0px));background:#e2c7ae;color:#20262c}
/* Online lobby only; .mp-match is intentionally excluded. */
.studio-shell .mp-lobby{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px}.studio-shell .mp-lobby .mp-hero{min-height:0;padding:30px;border-radius:6px;border:1px solid #ffffff1c}.studio-shell .mp-lobby .mp-hero h1{font-size:48px;line-height:1.05;margin:20px 0}.studio-shell .mp-lobby .mp-hero>p{font-size:12px}.studio-shell .mp-lobby .mp-access{font-size:11px;line-height:1.6}.studio-shell .mp-lobby .mp-panel{padding:0}.studio-shell .mp-lobby .mp-tabs{gap:8px}.studio-shell .mp-lobby .mp-tabs button{border-radius:5px;padding:16px;background:#1b232b;font-size:12px}.studio-shell .mp-lobby .mp-tabs button.active{border-color:#d7a27d70;color:#dec0a7}.studio-shell .mp-lobby .mp-tabs small{font-size:7px;line-height:1.5}.studio-shell .mp-lobby .mp-friend{padding:20px 0}.studio-shell .mp-lobby .mp-friend h3{font-size:15px;font-weight:500}.studio-shell .mp-lobby .mp-friend form label{font-size:10px}.studio-shell .mp-lobby .mp-collection{padding:20px;border:1px solid #ffffff15;border-radius:5px;background:#181e25}.studio-shell .mp-lobby .sw-notes{padding:12px;font-size:11px}.studio-shell .mp-lobby details{font-size:11px;color:#aeb7bd;line-height:1.6;margin:15px 0}.studio-shell .mp-lobby details summary{cursor:pointer;padding:9px 0}.studio-shell .mp-lobby .mp-friend form input{min-width:0;width:100%;border-radius:4px}.studio-shell .mp-lobby .mp-friend form>div{min-width:0}
@media(max-width:900px){.studio-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.studio-deck{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-unlocks{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-operation{padding:35px;min-height:460px}.studio-operation h1{font-size:64px}.studio-army-faces img{width:31px;height:39px}.studio-home-row>a{padding:20px;gap:14px}.studio-shell .mp-lobby{grid-template-columns:1fr;gap:22px}.studio-shell .mp-lobby .mp-hero{padding:24px}.studio-shell .mp-lobby .mp-hero h1{font-size:36px}.studio-shell .mp-lobby .mp-profile{margin:16px 0;padding:15px 0}}
@media(max-width:600px){body.studio-shell>header{height:64px;padding:0 18px}.studio-shell .brand{font-size:14px;letter-spacing:2px}.studio-shell .brandmark{font-size:25px;width:24px}.studio-shell .brand small{font-size:6px}.studio-shell .account{font-size:0;gap:0}.studio-shell .account .demo-dot{display:none}.studio-shell .avatar{width:27px;height:27px;font-size:10px}body.studio-shell #main{padding:22px 16px calc(100px + env(safe-area-inset-bottom,0px))}body:not(.in-battle):not(.in-online)>nav{height:calc(70px + env(safe-area-inset-bottom,0px));padding-left:4px;padding-right:4px;gap:0}.studio-shell>nav button{min-width:0;flex:1 1 20%;font-size:9px;min-height:60px;gap:5px}.studio-shell>nav button.active:before{left:26%;right:26%}.studio-shell>nav svg{width:20px;height:20px}.studio-operation{min-height:470px;padding:28px 24px;background-position:59% center;border-radius:6px;background-image:linear-gradient(90deg,#0e141aeb,#0e141a87 65%,#0e141a55),url('assets/terrain.webp')}.studio-operation h1{font-size:59px;margin-top:36px}.studio-operation-copy>p{font-size:18px}.studio-operation-facts{font-size:9px;gap:10px}.studio-operation-facts span+span:before{margin-right:10px}.studio-deploy{margin-top:33px;width:min(100%,270px)}.studio-operation-tag{display:none}.studio-home-row{grid-template-columns:1fr;gap:10px;margin-top:12px}.studio-home-row>a{padding:18px;min-height:90px}.studio-home-row strong{font-size:16px}.studio-army-faces{margin-left:auto}.studio-heading{margin-bottom:24px;gap:14px}.studio-heading h1{font-size:34px;margin-top:8px}.studio-heading-end{gap:10px;font-size:10px;flex-wrap:wrap;justify-content:end;text-align:right;max-width:45%}.studio-heading-end .secondary{min-height:40px;padding:9px 15px}.studio-kicker{font-size:8px}.studio-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-shell .studio-card .card-art{aspect-ratio:1}.studio-shell .studio-card .card-body{padding:12px}.studio-shell .studio-card h3{font-size:12px;min-height:34px}.studio-shell .studio-card .card-body p{font-size:9px;margin:6px 0 11px;min-height:27px}.studio-shell .studio-card .type{font-size:7px;top:10px;left:9px}.studio-shell .studio-card .cost{width:24px;height:27px;font-size:14px;top:7px;right:7px}.studio-shell .studio-card .studio-card-foot{font-size:9px}.studio-filter-row{display:block;margin-bottom:18px}.studio-shell .toolbar{gap:3px;display:grid;grid-template-columns:repeat(6,1fr)}.studio-shell .toolbar button{padding:9px 3px;font-size:9px;min-height:42px}.studio-rarity-filter{display:block;margin-top:12px;text-align:right}.studio-rarity-filter select{padding:8px 10px;min-height:36px;font-size:10px}.studio-deck{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-deck-card{aspect-ratio:1}.studio-deck-card strong{font-size:9px;bottom:8px;left:8px;right:8px}.studio-deck-card button{top:4px;right:4px;width:40px;height:40px}.studio-empty-slot{aspect-ratio:1}.studio-army-head{font-size:8px;letter-spacing:1px}.studio-section-title{margin-top:28px}.studio-section-title h2{font-size:14px}.studio-section-title a,.studio-section-title>span{font-size:10px}.studio-pack-stage{grid-template-columns:1fr;padding:35px 22px;gap:32px;text-align:center}.studio-pack-object{width:168px;height:235px;padding:22px 12px}.studio-pack-object>strong{font-size:77px}.studio-pack-object>span{font-size:6px}.studio-pack-object>small{font-size:6px}.studio-pack-copy h2{font-size:36px;margin:15px 0}.studio-pack-copy p{font-size:11px;margin-bottom:21px}.studio-pack-copy .primary{width:100%}.studio-unlocks{grid-template-columns:1fr}.studio-unlocks article{gap:13px;padding:10px}.studio-unlocks img{width:51px;height:57px}.studio-unlocks strong{font-size:12px}.studio-unlocks article>div span{font-size:10px}.studio-unlocks button{width:55px}.studio-shell .mp-lobby .mp-tabs button{padding:12px 8px}.studio-shell .mp-lobby .mp-tabs small{font-size:7px}.studio-shell .mp-lobby .mp-hero{padding:22px}.studio-detail-art{height:190px}.studio-detail-content{padding:20px}.studio-detail-content h2{font-size:20px!important}}
@media(max-width:360px){.studio-operation{padding:24px 19px}.studio-operation h1{font-size:52px}.studio-operation-facts{gap:8px;font-size:8px}.studio-shell .toolbar button{font-size:8px}.studio-heading-end{font-size:9px}.studio-shell .studio-card .card-body{padding:10px}}
@media(prefers-reduced-motion:reduce){.studio-shell *{scroll-behavior:auto!important;transition:none!important}.studio-pack-object{transform:none}}
@media(max-width:600px){.studio-pack-stage{padding:26px 20px;gap:24px;min-height:0}.studio-pack-object{width:145px;height:195px;padding:18px 10px}.studio-pack-object>strong{font-size:64px}.studio-pack-object>b{font-size:10px}.studio-pack-object>small{margin-top:10px;font-size:6px}.studio-pack-object>span{font-size:5px}.studio-pack-copy .studio-kicker,.studio-pack-copy h2{display:none}.studio-pack-copy p{margin:0 0 18px}.studio-pack-copy small{font-size:8px;margin-top:12px}}

/* Compact catalog search for the expanded collection. */
.studio-search{display:flex;align-items:center;gap:14px;margin:-4px 0 24px;border:1px solid #ffffff1b;background:#171e25;border-radius:5px;max-width:430px;padding:0 13px}.studio-search input{min-height:44px;min-width:0;flex:1;border:0;outline:none;background:transparent;color:#deddd9;font:12px inherit;padding:10px 0}.studio-search input::placeholder{color:#81909d}.studio-search:focus-within{border-color:#d7a27d}.studio-search>span:last-child{font-size:9px;white-space:nowrap;color:#81909d}@media(max-width:600px){.studio-search{max-width:none;margin-bottom:20px}.studio-search input{font-size:12px}}

/* Distinct collection browsing and owned-card army building. */
.studio-shell .studio-workflow-note{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:-10px 0 24px;padding-bottom:18px;border-bottom:1px solid #ffffff18;font-size:12px;color:#b8c0c6;line-height:1.6}.studio-workflow-note a{color:#e4b997;white-space:nowrap}.studio-shell .studio-ownership.toolbar{display:flex;margin:0 0 20px;gap:8px}.studio-shell .studio-ownership button{border-color:#ffffff23;background:#1a2027;font-size:12px;padding:10px 18px}.studio-ownership button span{margin-left:8px;color:#d4d4cf}.studio-shell .studio-rarity{display:inline-flex;align-items:center;gap:7px;font-size:12px;line-height:1.4;letter-spacing:.15px;color:#e6e6df;background:#ffffff08;border:1px solid #ffffff29;border-radius:3px;padding:4px 7px;white-space:nowrap}.studio-shell .studio-rarity:before{display:none}.studio-rarity b{font:600 10px/1.2 inherit;letter-spacing:-.5px;min-width:17px;text-align:center;color:#d6c7b6;border-right:1px solid #ffffff24;padding-right:6px}.studio-shell .studio-rarity.rare{border-color:#8baab269}.studio-shell .studio-rarity.elite{border-color:#bcabbc80}.studio-shell .studio-rarity.legendary{border-color:#d7aa74a3;color:#f2d7ae}.studio-shell .studio-card-foot{margin-top:12px;font-size:11px;flex-wrap:wrap;line-height:1.6}.studio-shell .studio-card .studio-lock{font-size:11px;letter-spacing:0;background:#11171ee8;border:1px solid #ffffff35;padding:4px 7px;color:#f2e8da}.studio-shell .studio-card .studio-lock.is-owned{color:#e1e9df}.studio-shell .studio-rarity-filter{font-size:12px;color:#c8cccd}.studio-shell .studio-search>span:last-child{font-size:11px;color:#adb7bf}.studio-shell .studio-small{font-size:12px;color:#aeb8bf}.studio-shell .studio-army-head{font-size:11px;letter-spacing:.5px}.studio-shell .studio-army-head span+span{color:#b1bbc2}.studio-shell .studio-deck-card{aspect-ratio:auto;min-height:182px;display:flex;flex-direction:column}.studio-shell .studio-deck-card>img{height:90px;width:100%;object-fit:cover}.studio-shell .studio-deck-card:after{display:none}.studio-shell .studio-deck-caption{position:relative;padding:10px;display:flex;align-items:flex-start;flex-direction:column;gap:6px;background:#1c232a;flex:1}.studio-shell .studio-deck-caption strong{position:static;font-size:11px;line-height:1.35}.studio-shell .studio-deck-caption .studio-rarity{font-size:10px;padding:3px 5px;gap:4px}.studio-shell .studio-deck-caption .studio-rarity b{font-size:9px;min-width:12px;padding-right:4px}.studio-deck-caption small{font-size:10px;color:#b6c0c7}.studio-shell .studio-empty-slot{aspect-ratio:auto;min-height:182px;color:#abb6bf;font-size:11px}.studio-shell .studio-detail-ownership{color:#d1d9d4}.studio-shell .studio-detail-content small{font-size:11px;color:#aab5bc}
@media(max-width:600px){.studio-shell .studio-workflow-note{font-size:11px;align-items:flex-start;gap:12px}.studio-shell .studio-ownership button{font-size:11px;padding:9px 12px}.studio-shell .studio-rarity{font-size:11px}.studio-shell .studio-card-foot{font-size:10px;gap:4px}.studio-shell .studio-deck-card,.studio-shell .studio-empty-slot{min-height:177px}.studio-shell .studio-deck-card>img{height:76px}.studio-shell .studio-deck-caption{padding:8px 6px}.studio-shell .studio-army-head{font-size:10px}.studio-shell .studio-rarity-filter{display:flex;align-items:center;justify-content:flex-end;gap:8px}.studio-shell .studio-rarity-filter select{font-size:12px;min-height:44px}.studio-shell .studio-search input{font-size:13px}}
.studio-shell .studio-collection-context{margin:-4px 0 22px;color:#adb9c1;font-size:11px;line-height:1.7}.studio-collection-context summary{cursor:pointer;min-height:36px;padding:7px 0}.studio-collection-context p{margin:5px 0 8px;max-width:480px}.studio-collection-context a{color:#e2b797;display:inline-block;padding:5px 0}.studio-shell .studio-card.is-locked{filter:none;opacity:1}
/* Rarity remains legible without relying on color alone. */
.studio-shell .studio-rarity.standard{color:#e0e3df;background:#adb5af0d;border-color:#aeb6af59}.studio-shell .studio-rarity.rare{color:#badbed;background:#648eac29;border-color:#85b4d487}.studio-shell .studio-rarity.elite{color:#dcc8ed;background:#9676ae29;border-color:#b99bce8c}.studio-shell .studio-rarity.legendary{color:#f0cc95;background:#b887432e;border-color:#d8a65f9e}.studio-shell .studio-rarity b{color:inherit}
.studio-shell:has(.studio-ownership) .studio-heading,.studio-shell:has(.studio-deck) .studio-heading{margin-bottom:20px}.studio-shell .studio-workflow-note{margin:-6px 0 10px;padding-bottom:10px}.studio-shell .studio-collection-context{margin:-2px 0 12px}.studio-shell .studio-ownership.toolbar{margin-bottom:12px}.studio-shell:has(.studio-ownership) .studio-filter-row,.studio-shell:has(.studio-deck) .studio-filter-row{margin-bottom:14px}.studio-shell:has(.studio-ownership) .studio-search,.studio-shell:has(.studio-deck) .studio-search{margin-bottom:18px}
/* Compact browsing controls keep the artwork near the top on phones. */
.studio-shell .studio-heading-link{font-size:12px;color:#e3b995;white-space:nowrap;padding:8px 0}.studio-shell .studio-collection-selects{display:flex;justify-content:flex-start;gap:18px}.studio-shell .studio-collection-selects label{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;color:#b9c1c6}.studio-shell .studio-collection-selects select{font-size:12px;min-height:44px;padding:8px 10px}
@media(max-width:600px){.studio-shell:has(.studio-ownership) #main,.studio-shell:has(.studio-deck) #main{padding-top:16px}.studio-shell:has(.studio-ownership) .studio-heading,.studio-shell:has(.studio-deck) .studio-heading{margin-bottom:10px;align-items:center}.studio-shell:has(.studio-ownership) .studio-heading-end,.studio-shell:has(.studio-deck) .studio-heading-end{display:flex;flex-direction:column;gap:0;align-items:flex-end;max-width:45%}.studio-shell .studio-heading-link{font-size:11px;min-height:30px;padding:5px 0}.studio-shell .studio-collection-context{margin:0 0 8px}.studio-shell .studio-collection-context summary{min-height:30px;padding:4px 0}.studio-shell .studio-ownership.toolbar{margin-bottom:10px}.studio-shell .studio-collection-selects{gap:10px;margin-bottom:12px!important}.studio-shell .studio-collection-selects label{flex:1;min-width:0;gap:5px;justify-content:flex-start;font-size:10px}.studio-shell .studio-collection-selects select{min-width:0;width:100%;padding:8px 5px;font-size:11px}.studio-shell .studio-collection-selects label>span{flex-shrink:0}.studio-shell:has(.studio-ownership) .studio-search{margin-bottom:14px}}
/* More opens above the current screen; native dialog traps keyboard focus. */
#studio-more-dialog{position:fixed;inset:auto 24px calc(88px + env(safe-area-inset-bottom,0px)) auto;margin:0;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 126px - env(safe-area-inset-bottom,0px));overflow:auto;padding:18px;color:#eeeae2;background:#1a2027;border:1px solid #ffffff29;border-radius:10px;box-shadow:0 18px 65px #0009}#studio-more-dialog::backdrop{background:#090d1266}#studio-more-dialog .studio-more-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}#studio-more-dialog h2{font:500 20px/1.3 Inter,Arial,sans-serif;margin:0}#studio-more-dialog [data-close-more]{width:40px;height:40px;background:#ffffff08;border:1px solid #ffffff20;border-radius:5px;font-size:24px;color:#d9dfdf}#studio-more-dialog .cq-menu-group{margin-bottom:10px}#studio-more-dialog .cq-menu-label{padding:12px 14px 4px}#studio-more-dialog .studio-more a,#studio-more-dialog .studio-more button{padding:12px 14px;min-height:44px}#studio-more-dialog .cq-menu-foot{font-size:8px}#studio-more-dialog :focus-visible{outline:2px solid #e1b18b;outline-offset:2px}@media(max-width:600px){#studio-more-dialog{right:12px;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:calc(100vw - 24px);max-height:calc(100dvh - 112px - env(safe-area-inset-bottom,0px));padding:14px;border-radius:10px}}
/* Percent sizing respects the layout viewport when scrollbars are present. */
#studio-more-dialog{box-sizing:border-box;width:min(360px,calc(100% - 48px));max-width:calc(100% - 48px)}@media(max-width:600px){#studio-more-dialog{left:12px;right:12px;width:auto;max-width:calc(100% - 24px)}}
/* Quiet deck editing: one list to add from, one list to remove from. */
.deck-domain{display:flex;gap:4px;margin-bottom:20px}.deck-domain button{min-width:100px;min-height:44px;border:1px solid #ffffff25;border-radius:5px;background:#1a2027;color:#b9c2c8}.deck-domain button[aria-pressed=true]{background:#d7a27d;color:#181c21;border-color:#d7a27d}.deck-select-row{display:flex;align-items:center;gap:12px}.deck-select-row label{font-size:12px;color:#aeb8bf}.deck-select-row select{flex:1;max-width:420px}.deck-manage{margin:14px 0;color:#aeb8bf;font-size:12px;line-height:1.7}.deck-manage summary{cursor:pointer;padding:10px 0}.deck-manage label{display:flex;gap:12px;align-items:center;margin:10px 0}.deck-manage input{width:240px;max-width:100%;background:#1a2027;color:#edeae2;border:1px solid #ffffff25;padding:12px;border-radius:4px}.deck-manage>div{display:flex;gap:10px}.deck-feedback{min-height:20px;font-size:12px;color:#c9b5a4}.deck-workspace{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:32px;align-items:start}.deck-chosen{background:#181e25;border:1px solid #ffffff18;border-radius:7px;padding:20px}.deck-workspace .studio-section-title{margin:0 0 18px}.deck-chosen progress{width:100%;height:5px;accent-color:#d7a27d;display:block}.deck-unit-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff10;min-width:0}.deck-unit-row>img{width:54px;height:54px;object-fit:cover;border-radius:4px;flex-shrink:0}.deck-unit-row>div{flex:1;min-width:0}.deck-unit-row strong{font-size:12px;font-weight:500;display:block;line-height:1.5}.deck-unit-row small{font-size:11px;color:#9caab4;display:block;line-height:1.5}.deck-unit-row button{flex-shrink:0;width:44px;height:44px;border:1px solid #ffffff29;border-radius:5px;background:#252e37;color:#e8c6ab;font-size:22px}.deck-unit-row button:disabled{opacity:.35}.deck-empty{padding:45px 10px;text-align:center;border:1px dashed #ffffff25;border-radius:5px;color:#85939e;font-size:13px}.deck-library .studio-search{max-width:none;margin-bottom:10px}.deck-available{max-height:600px;overflow:auto;padding-right:6px}.deck-library .studio-small{margin:10px 0}.deck-chosen .studio-text-link,.deck-chosen .studio-text-button{font-size:12px}.deck-unit-row:focus-within{outline:1px solid #d7a27d;outline-offset:2px}
#studio-more-dialog.studio-more-popover{position:fixed;inset:auto;margin:0;width:278px;max-width:calc(100vw - 16px);max-height:min(500px,calc(100dvh - 110px));padding:6px;background:#191d22;border:1px solid #45484d;border-radius:5px;box-shadow:0 8px 22px #0006;z-index:1100;overflow:auto;backdrop-filter:none;box-sizing:border-box}#studio-more-dialog[hidden]{display:none!important}#studio-more-dialog .cq-menu-group{border:0;background:transparent;margin:0;padding:0;border-radius:0}#studio-more-dialog .cq-menu-label,#studio-more-dialog .cq-menu-foot,#studio-more-dialog .cq-more-chevron{display:none}#studio-more-dialog .studio-more a,#studio-more-dialog .studio-more button{min-height:49px;padding:12px 16px;font-size:13px;color:#b4bac1;gap:16px;border-radius:3px}#studio-more-dialog .studio-more a:hover,#studio-more-dialog .studio-more button:hover{background:#ffffff09;color:#fff}#studio-more-dialog .cq-more-label{font-size:13px}#studio-more-dialog .cq-more-icon{color:#c5cbd1}#studio-more-dialog .cq-menu-group+.cq-menu-group{border-top:1px solid #ffffff12;margin-top:4px;padding-top:4px}
@media(max-width:700px){.deck-workspace{grid-template-columns:1fr;gap:24px}.deck-chosen{padding:16px}.deck-select-row{flex-wrap:wrap;gap:8px}.deck-select-row label{width:100%}.deck-select-row select{width:calc(100% - 112px);max-width:none;min-width:0}.deck-select-row .primary{padding:10px 15px}.deck-picks{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.deck-picks .deck-unit-row{gap:6px}.deck-picks .deck-unit-row>img{display:none}.deck-picks .deck-unit-row strong{font-size:11px}.deck-manage label{display:block}.deck-manage input{display:block;width:100%}.deck-manage>div{flex-wrap:wrap}.deck-available{max-height:none}.deck-library .studio-section-title{margin-top:0}}
.quiet-theater{display:flex;align-items:center;gap:14px;font-size:12px;color:#aeb8bf;margin-bottom:18px}.quiet-theater select{min-width:200px}.training-options{font-size:12px;color:#c1c7ca;margin-bottom:10px}.training-options summary{padding:10px 0;cursor:pointer}.training-options label{margin-top:8px}.pr-info summary,.pr-online summary{cursor:pointer;padding:12px 0}.pr-info{font-size:12px}.pr-info p{margin:8px 0}
.studio-shell .deck-row-rarity .studio-rarity{font-size:10px;padding:2px 5px;margin:4px 0;gap:4px}.studio-shell .deck-row-rarity .studio-rarity b{font-size:9px;min-width:12px;padding-right:4px}
.deck-builder-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.deck-builder-heading .studio-heading{flex:1;margin:0!important;align-items:center}.deck-builder-heading .studio-heading h1{margin:0;font-size:32px}.deck-builder-heading .deck-domain{margin:0}.deck-builder-heading .deck-domain button{min-width:75px}.deck-select-row+.deck-manage{margin:4px 0}.deck-select-row+.deck-manage summary{padding:8px 0;min-height:32px}.deck-feedback{margin:4px 0 12px;min-height:0;line-height:1.5}.deck-feedback.is-empty{margin:0;height:8px}.deck-workspace .studio-section-title{margin-bottom:12px}.deck-chosen .studio-small{margin:10px 0 12px}.deck-workspace .deck-unit-row{padding:8px 0}
@media(max-width:700px){.deck-builder-heading{gap:8px;margin-bottom:12px}.deck-builder-heading .studio-heading{display:block}.deck-builder-heading .studio-heading h1{font-size:26px}.deck-builder-heading .studio-heading-end{display:block!important;max-width:none!important;text-align:left;font-size:10px;margin-top:4px}.deck-builder-heading .deck-domain{gap:3px}.deck-builder-heading .deck-domain button{min-width:60px;padding:8px;font-size:12px}.deck-select-row label{display:none}.deck-select-row{flex-wrap:nowrap}.deck-workspace{gap:20px}}