/* Deck workspace: restrained surfaces, one clear place for every deck action. */
.deckspace-library .intro>div:last-child,.deckspace-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.deckspace-library .intro{gap:24px}.deckspace-library-toolbar,.deckspace-list-toolbar{display:flex;align-items:center;gap:18px;margin:26px 0 22px}.deckspace-library-toolbar>span{color:var(--muted);font-size:13px;white-space:nowrap}.deckspace-search{display:flex;align-items:center;gap:12px;flex:1;max-width:580px;min-width:180px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:0 15px}.deckspace-search>svg{width:19px;flex-shrink:0;color:var(--muted)}.deckspace-search input{border:0!important;background:transparent!important;padding:14px 0!important;min-width:0;box-shadow:none!important}.deckspace-search:focus-within{outline:2px solid var(--lime);outline-offset:3px}.deckspace-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.deckspace-tile{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);transition:transform .18s,border-color .18s}.deckspace-tile:hover{transform:translateY(-3px);border-color:var(--lime)}.deckspace-tile-open{border:0;background:none;color:var(--text);padding:0;text-align:left;width:100%;cursor:pointer;display:block}.deckspace-tile-image{display:block;position:relative;height:170px;overflow:hidden;background:var(--bg)}.deckspace-tile-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(4,13,9,.6))}.deckspace-tile-image>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.deckspace-tile:hover .deckspace-tile-image>img{transform:scale(1.03)}.deckspace-tile-label{position:absolute;z-index:1;top:14px;left:14px;background:rgba(10,21,15,.85);border:1px solid rgba(224,242,200,.2);color:#e3edda;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.deckspace-tile-image>.colors,.deckspace-tile-image>.color-dots{position:absolute;z-index:1;bottom:16px;right:16px}.deckspace-tile-body{display:flex;flex-direction:column;padding:20px 20px 14px;gap:7px}.deckspace-tile-body>strong{font-size:19px;line-height:1.3;overflow-wrap:anywhere}.deckspace-tile-body>span:not(.deckspace-tile-meta):not(.deckspace-progress){font-size:12px;color:var(--muted);line-height:1.5}.deckspace-tile-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:11px;color:var(--muted)}.deckspace-tile-meta>b{color:var(--text);font-weight:500}.deckspace-progress{display:block;height:3px;border-radius:5px;background:rgba(200,226,165,.12);margin-top:7px;overflow:hidden}.deckspace-progress>span{display:block;height:100%;background:var(--lime);border-radius:5px}.deckspace-tile-actions{border-top:1px solid var(--line);padding:12px 16px;display:flex;gap:8px;align-items:center;justify-content:space-between}.deckspace-tile-actions .button{font-size:11px;padding:9px 10px;min-height:36px}.deckspace-tile-actions svg{width:14px}.deckspace-empty,.deckspace-welcome{text-align:center;padding:52px 28px!important}.deckspace-empty>div>svg,.deckspace-welcome-icon>svg{width:35px;height:35px;color:var(--lime);margin-bottom:15px}.deckspace-empty h2,.deckspace-welcome h2{font-size:25px;margin:0 0 12px}.deckspace-empty p,.deckspace-welcome p{color:var(--muted);max-width:540px;margin:0 auto 25px;line-height:1.7}.deckspace-welcome .deckspace-actions{justify-content:center}.deckspace-back{margin:0 0 24px;font-size:12px;color:var(--muted)}.deckspace-header{display:flex;align-items:center;gap:24px;padding:0 0 28px}.deckspace-commander{width:88px;height:122px;flex-shrink:0;border-radius:9px;overflow:hidden;box-shadow:0 8px 24px #0003}.deckspace-commander img{width:100%;height:100%;object-fit:cover}.deckspace-commander>svg{width:50px;height:50px;margin:25px 19px;color:var(--lime)}.deckspace-heading{flex:1;min-width:0}.deckspace-heading .eyebrow{font-size:9px;letter-spacing:.16em}.deckspace-heading h1{font-size:clamp(24px,2.5vw,36px);line-height:1.18;margin:8px 0 9px;overflow-wrap:anywhere}.deckspace-heading>p{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:0 0 15px}.deckspace-badges{display:flex;gap:13px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:11px}.deckspace-badges .status-pill{font-size:10px}.deckspace-header-actions{display:flex;gap:9px;align-items:center}.deckspace-header-actions>.button{white-space:nowrap}.deckspace-menu{position:relative}.deckspace-menu>summary{list-style:none;font-weight:700;cursor:pointer;padding:13px 16px}.deckspace-menu>summary::-webkit-details-marker{display:none}.deckspace-menu>div{position:absolute;z-index:25;right:0;top:calc(100% + 8px);min-width:220px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px #0006;padding:8px;display:flex;flex-direction:column}.deckspace-menu>div .button{justify-content:flex-start;border-radius:7px;font-size:12px;text-align:left}.deckspace-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:30px;overflow-x:auto}.deckspace-tabs>button{flex:0 0 auto;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);padding:17px 21px 19px;display:flex;align-items:center;gap:9px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:color .15s,background .15s}.deckspace-tabs>button>svg{width:17px;height:17px}.deckspace-tabs>button:hover{color:var(--text);background:rgba(200,226,165,.04)}.deckspace-tabs>button[aria-current]{color:var(--lime);border-color:var(--lime);background:linear-gradient(transparent,rgba(200,226,165,.055))}.deckspace-checks{border:1px solid var(--line);border-radius:11px;background:rgba(200,226,165,.035);font-size:12px;color:var(--muted);margin-bottom:24px;padding:15px 17px;line-height:1.6}.deckspace-checks summary{cursor:pointer;color:var(--text)}.deckspace-checks svg{width:16px;height:16px;vertical-align:-3px;margin-right:9px;color:var(--lime)}.deckspace-checks ul{padding-left:24px;margin:14px 0 0}.deckspace-checks li+li{margin-top:8px}.deckspace-valid{color:var(--muted)}.deckspace-section-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px}.deckspace-section-head h2{font-size:20px;margin:0 0 6px}.deckspace-section-head>h2{margin:0}.deckspace-section-head p{margin:0;font-size:12px;color:var(--muted);line-height:1.6}.deckspace-section-head>.button{flex-shrink:0}.deckspace-list-toolbar{justify-content:space-between;margin-top:0}.deckspace-segment{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:10px;padding:4px;width:max-content;max-width:100%}.deckspace-segment>button{font:inherit;font-size:11px;border:0;background:none;border-radius:7px;padding:10px 13px;color:var(--muted);display:flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}.deckspace-segment>button>svg{width:15px;height:15px}.deckspace-segment>button[aria-pressed=true]{background:rgba(200,226,165,.16);color:var(--lime)}.deckspace-card-group{margin-bottom:27px}.deckspace-card-group>h3{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;margin:0 0 12px;color:var(--muted)}.deckspace-card-group>h3>span{background:var(--panel);border-radius:5px;border:1px solid var(--line);font-size:10px;min-width:23px;text-align:center;padding:2px 5px}.deckspace-card-rows{border:1px solid var(--line);border-radius:12px;overflow:hidden}.deckspace-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:11px 17px;border:0;border-bottom:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;transition:background .15s}.deckspace-card:hover{background:rgba(200,226,165,.08)}.deckspace-card:last-child{border-bottom:0}.deckspace-card>img{width:31px;height:43px;border-radius:3px;object-fit:cover}.deckspace-card-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.deckspace-card-name>b{font-size:12px;font-weight:600;overflow-wrap:anywhere}.deckspace-card-name>b>span{font-weight:500;color:var(--muted);margin-right:5px}.deckspace-card-name>small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.deckspace-card-owned{display:flex;flex-direction:column;gap:4px;text-align:right;font-size:12px;flex-shrink:0;color:var(--lime)}.deckspace-card-owned>small{color:var(--muted);font-size:9px}.deckspace-card-owned.missing{color:#d7b88f}.deckspace-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:16px}.deckspace-card.is-grid{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:9px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.deckspace-card.is-grid>img{width:100%;height:auto;aspect-ratio:488/680;border-radius:7px;object-fit:contain}.deckspace-card.is-grid>.deckspace-card-name{padding:2px 3px}.deckspace-card.is-grid>.deckspace-card-owned{flex-direction:row;align-items:center;justify-content:space-between;padding:0 3px 3px}.deckspace-card.is-grid .deckspace-card-name>small{display:none}.deckspace-next{margin-top:30px;padding:23px;border:1px solid var(--line);border-radius:12px;background:rgba(200,226,165,.04);display:flex;gap:25px;justify-content:space-between;align-items:center}.deckspace-next b{font-size:13px}.deckspace-next p{font-size:12px;color:var(--muted);line-height:1.6;margin:8px 0 0}.deckspace-next>.button{flex-shrink:0}.deckspace-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:20px;margin-bottom:24px}.deckspace-metrics>div{display:flex;flex-direction:column;gap:9px;padding:4px 18px;border-right:1px solid var(--line)}.deckspace-metrics>div:last-child{border:0}.deckspace-metrics b{font-size:27px;font-weight:600;color:var(--text)}.deckspace-metrics span{font-size:10px;line-height:1.5;color:var(--muted)}.deckspace-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;align-items:start}.deckspace-content .panel{min-width:0}.deckspace-content .panel>h2{font-size:20px}.deckspace-content .panel>p{font-size:12px;line-height:1.75;color:var(--muted)}.deckspace-two-columns .panel .deckspace-checks{margin:20px 0 0}.deckspace-suggestion{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid var(--line);padding:15px 0}.deckspace-suggestion>small{width:100%;font-size:10px;color:var(--muted)}.deckspace-suggestion>.text-button{font-size:13px;flex:1;min-width:120px}.deckspace-suggestion .button{font-size:10px}.deckspace-missing{margin-top:24px}.deckspace-missing-list>div{display:flex;align-items:center;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.deckspace-missing-list>div>.text-button{flex:1;font-size:12px;text-align:left}.deckspace-missing-list>div>span{color:var(--muted);font-size:10px}.deckspace-missing-list>div>b{color:var(--lime);min-width:26px;text-align:right}.deckspace-missing details{margin-top:18px;font-size:12px;color:var(--muted)}.deckspace-missing summary{cursor:pointer}.deckspace-ai-config{margin-bottom:25px}.deckspace-ai-config label,.deckspace-ai-opponents label{font-size:11px;display:flex;flex-direction:column;gap:8px;color:var(--muted)}.deckspace-ai-config label>select{font-size:12px}.deckspace-ai-opponents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.deckspace-share-aside{display:flex;flex-direction:column;gap:24px}.deckspace-share-links{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.deckspace-content form label,#deckspace-editor-form label,#deckspace-workshop-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);margin-top:18px}.deckspace-content form textarea{resize:vertical;width:100%;min-height:130px}.deckspace-content form button[type=submit]{margin-top:7px}.deckspace-form-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.deckspace-form-columns label{margin-top:0!important}.deckspace-file{border:1px dashed var(--line);padding:15px;border-radius:11px}.deckspace-file>input{padding:7px 0;background:none;border:0;font-size:11px}.deckspace-file>span{font-size:10px;line-height:1.6;color:var(--muted)}.deckspace-import-help{font-size:11px;color:var(--muted);margin-top:16px;line-height:1.7}.deckspace-import-help summary{cursor:pointer;color:var(--lime)}#deckspace-editor-form textarea{width:100%;resize:vertical;min-height:220px;font-size:12px;line-height:1.8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.deckspace-content .hand{padding:35px 0}.deckspace-content .hand>.deckspace-empty{width:100%}.deckspace-content .hand>.deckspace-empty h3{color:var(--text)}.deckspace-workspace button:focus-visible,.deckspace-library button:focus-visible,.deckspace-workspace summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(min-width:1550px){.deckspace-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.deckspace-tile-image{height:185px}}
@media(max-width:1150px){.deckspace-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deckspace-header{gap:18px}.deckspace-header-actions{flex-direction:column;align-items:stretch}.deckspace-header-actions>.button{font-size:11px}.deckspace-menu>summary{padding:8px 16px}.deckspace-two-columns{gap:18px}.deckspace-metrics{padding:16px 7px}.deckspace-metrics>div{padding:4px 11px}.deckspace-metrics b{font-size:23px}.deckspace-section-head>.deckspace-segment{align-self:flex-start}.deckspace-tabs>button{padding-left:15px;padding-right:15px}.deckspace-tile-meta{flex-wrap:wrap}}
@media(max-width:760px){.deckspace-library-grid{gap:16px}.deckspace-library .intro{align-items:flex-start}.deckspace-header{flex-wrap:wrap;gap:16px}.deckspace-heading h1{font-size:24px}.deckspace-commander{width:65px;height:91px}.deckspace-heading{min-width:170px}.deckspace-header-actions{width:100%;flex-direction:row;justify-content:flex-end}.deckspace-header-actions>.button{flex:1}.deckspace-menu>summary{padding:13px 16px}.deckspace-badges{gap:8px;font-size:10px}.deckspace-tabs{gap:0;margin-bottom:24px}.deckspace-tabs>button{padding:15px 12px;font-size:11px;gap:7px;flex:1;justify-content:center}.deckspace-tabs>button>svg{width:15px}.deckspace-section-head{align-items:flex-start;flex-wrap:wrap;gap:14px}.deckspace-section-head h2{font-size:19px}.deckspace-two-columns{grid-template-columns:1fr}.deckspace-list-toolbar{flex-wrap:wrap;gap:12px}.deckspace-list-toolbar .deckspace-search{max-width:none}.deckspace-next{flex-direction:column;align-items:flex-start}.deckspace-metrics{grid-template-columns:1fr 1fr;gap:20px;padding:20px 10px}.deckspace-metrics>div:nth-child(2){border:0}.deckspace-card-owned>small{display:none}.deckspace-card{gap:10px;padding:10px 12px}.deckspace-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.deckspace-card.is-grid{padding:5px}.deckspace-card.is-grid .deckspace-card-name>b{font-size:10px}.deckspace-ai-opponents,.deckspace-form-columns{grid-template-columns:1fr}.deckspace-form-columns{gap:18px}.deckspace-workspace .panel{padding:20px}.deckspace-tile-body{padding:16px 15px 12px}.deckspace-tile-body>strong{font-size:16px}.deckspace-tile-actions{padding:10px;flex-wrap:wrap}.deckspace-tile-actions>.button{flex:1}.deckspace-tile-meta{font-size:10px}.deckspace-missing-list>div>span{display:none}}
@media(max-width:480px){.deckspace-library-grid{grid-template-columns:1fr}.deckspace-tile-image{height:175px}.deckspace-tile-meta{flex-wrap:nowrap}.deckspace-library-toolbar{gap:12px}.deckspace-library-toolbar>span{font-size:11px}.deckspace-tabs>button{padding:14px 9px}.deckspace-tabs>button>svg{display:none}.deckspace-heading>p{font-size:11px}.deckspace-heading h1{font-size:22px}.deckspace-header{gap:12px}.deckspace-commander{width:58px;height:81px}.deckspace-badges [data-account-status]{width:100%}.deckspace-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deckspace-segment>button{padding:9px 11px}.deckspace-empty,.deckspace-welcome{padding:35px 18px!important}.deckspace-workspace .hand{gap:7px}.deckspace-content .hand>button{min-width:80px}.deckspace-content .hand img{width:90px}.deckspace-ai-config .deckspace-section-head>label{width:100%}}
@media(prefers-reduced-motion:reduce){.deckspace-tile,.deckspace-tile-image>img,.deckspace-tabs>button{transition:none}.deckspace-tile:hover,.deckspace-tile:hover .deckspace-tile-image>img{transform:none}}