/* Desktop workbench built on the shared tools shell, surfaces and Inter. */
body.deck-page{height:100svh;display:flex;flex-direction:column;overflow:hidden}
body.deck-page>main{box-sizing:border-box;width:100%;max-width:1600px;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:14px 24px 22px}
#desktop-builder,#editor{min-height:0;flex:1;display:flex;flex-direction:column}
body.deck-page [hidden]{display:none!important}
.desktop-note{display:none}
#library{min-height:0;flex:1;display:flex;flex-direction:column}
.library-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:12px;flex:none;border:1px solid var(--dt-line);border-radius:10px;background:var(--dt-panel)}
body.deck-page #library .library-controls :is(input,select){box-sizing:border-box;min-height:36px;height:36px;margin:0;padding:7px 10px;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;border-radius:7px}
body.deck-page #library-search{flex:1 1 280px;width:auto;min-width:200px}
.library-controls label{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;line-height:20px;color:var(--dt-muted);white-space:nowrap}
body.deck-page .library-controls select{width:164px;flex:none}
#deck-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;overflow:auto;min-height:0;align-content:start;padding:2px 3px 8px;scrollbar-gutter:stable}
.saved-deck{background:var(--dt-panel);border:1px solid var(--dt-line);padding:12px;border-radius:10px;min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;transition:background .15s,border-color .15s}
.saved-deck:is(:hover,:focus-within){background:#223127;border-color:var(--dt-gold)}
body.deck-page .saved-deck-cover{width:64px;height:89px;min-height:0;overflow:hidden;padding:0;display:block;border:0;border-radius:5px;box-shadow:none;background:transparent}
.saved-deck-cover img{height:100%;width:100%;object-fit:contain;display:block}
.saved-deck-info{min-width:0;display:flex;flex-direction:column;gap:6px}
body.deck-page .saved-deck h2{margin:0;padding:0;border:0;font-size:14px;line-height:18px}
body.deck-page .saved-deck-name{border:0;background:none;box-shadow:none;transition:color .15s;min-height:0;padding:0;color:var(--dt-text);font-size:14px;font-weight:600;line-height:18px;text-align:left;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
body.deck-page .saved-deck-name:is(:hover,:active,:focus){text-decoration:none;background:transparent;border:0;box-shadow:none;color:var(--dt-gold)}
body.deck-page .saved-deck-name:focus:not(:focus-visible){outline:none}
body.deck-page .saved-deck-name:focus-visible{outline:2px solid var(--dt-gold);outline-offset:3px;border-radius:3px}
body.deck-page .saved-deck-info p{margin:0;color:var(--dt-muted);font-size:12px;line-height:16px}
.saved-deck{position:relative;padding-right:42px}
body.deck-page .saved-deck-menu{position:absolute;top:8px;right:6px;width:32px;height:32px;min-height:32px;padding:0;border:0;background:transparent;box-shadow:none;font-size:21px;line-height:24px;color:var(--dt-muted);border-radius:5px}
body.deck-page .saved-deck-menu:hover,body.deck-page .saved-deck-menu[aria-expanded=true]{background:#40513b;color:var(--dt-gold)}
#library-menu{position:fixed;inset:auto;margin:0;width:190px;padding:5px;border:1px solid var(--dt-line);border-radius:9px;background:#223127;color:var(--dt-text);box-shadow:0 8px 28px #0008}
body.deck-page #library-menu button{display:block;width:100%;min-height:32px;padding:6px 9px;border:0;background:transparent;border-radius:5px;font-size:13px;text-align:left}
body.deck-page #library-menu button:hover,body.deck-page #library-menu button:focus-visible{background:#40513b;color:var(--dt-gold)}
body.deck-page #library-menu [data-library-action=delete]{color:#e7ad9a;border-top:1px solid var(--dt-line);border-radius:0 0 5px 5px}
.neutral-cover{display:grid;place-items:center;height:100%;background:radial-gradient(ellipse,#44563b,#15221b);color:var(--dt-gold)}
body.deck-page .saved-deck-results{padding:0;border:0;background:transparent;box-shadow:none;font-size:11px;line-height:18px;min-height:0;color:var(--dt-muted);text-align:left;white-space:normal;display:flex;flex-wrap:wrap;gap:0 4px}
body.deck-page .saved-deck-results:hover{background:transparent;box-shadow:none;color:var(--dt-gold);text-decoration:underline;text-underline-offset:3px}
.saved-deck-results :is(.result-win,.result-loss){white-space:nowrap}
.result-win{color:#b5d8a2}.result-loss{color:#e3a89c}
#history-dialog{width:min(720px,calc(100vw - 40px));max-height:80svh;overflow:auto}
.history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-heading h2{margin:0;padding:0;border:0}
.history-game{padding:10px 0;border-top:1px solid var(--dt-line);display:grid;grid-template-columns:90px minmax(0,1fr) 138px;gap:12px;font-size:13px;align-items:center}
.history-game small{display:block;color:var(--dt-muted);font-size:12px;margin-top:3px}.history-game time{text-align:right;color:var(--dt-muted);font-size:12px}
#play-dialog{width:min(460px,calc(100vw - 40px))}#play-form{display:grid;gap:12px}#play-form label{display:grid;gap:5px}#play-problem{margin:12px 0;padding:12px 14px;border:1px solid var(--dt-line);border-left:3px solid #91ad9c;border-radius:8px;background:#1c2b23;color:var(--dt-text);font-size:14px;line-height:1.5;overflow-wrap:anywhere}#play-problem strong{display:block;font-size:14px}#play-message-text{margin:4px 0 0;color:var(--dt-muted);white-space:pre-wrap}#play-problem[data-kind=error]{border-color:#ac7868;background:#312821}#play-problem[data-kind=error] strong{color:#e3a89c}#play-conflict label{display:flex;align-items:center;margin-top:12px}#play-conflict input{width:auto}
.deck-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:0 0 8px;flex:none}
body.deck-page .deck-toolbar button{min-height:32px;padding:5px 10px;font-size:13px;border-radius:8px}
#deck-name{font-size:20px;max-width:360px;overflow-wrap:anywhere}#save-status{font-size:13px;color:var(--dt-muted);max-width:380px}.deck-actions{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 0 auto}
.deck-frame{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,1fr);min-height:0;flex:1;border:1px solid var(--dt-line);border-radius:10px;overflow:hidden;background:var(--dt-panel)}
#table,.deck-picker{display:flex;flex-direction:column;min-height:0;min-width:0}
#table{container-type:inline-size;background:radial-gradient(ellipse at 40% 20%,#43513a44,transparent 75%),#17251c;transition:box-shadow .15s}
#table.drop-active{box-shadow:inset 0 0 0 3px var(--dt-gold);background-color:#2a3926}
.deck-picker{border-left:1px solid var(--dt-line)}
/* Mana 1.18.0 symbols by Andrew Gioia; see mana-LICENSE.txt. Embedded locally. */
.additional-filters{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin:6px 0 8px}
.additional-filters .picker-filters{flex:1;min-width:180px;margin:0}
.basic-land-tools{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:13px;color:var(--dt-muted)}
.basic-land-buttons{display:flex;gap:4px}
body.deck-page .basic-land-buttons button{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:5px;border:0;border-radius:50%;background:transparent;box-shadow:none;touch-action:manipulation}
body.deck-page .basic-land-buttons button:hover{background:#3b4a32}
body.deck-page .basic-land-buttons button:active{background:#4b5939}
.basic-land-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;}
body.deck-page .basic-land-symbol svg{display:block;width:26px;height:26px;fill:#171714}
.basic-land-W{background-color:#fdfbce}.basic-land-U{background-color:#bcdaf7}.basic-land-B{background-color:#a7999e}.basic-land-R{background-color:#f19b79}.basic-land-G{background-color:#9fcba6}
.deck-overview,.picker-heading{padding:14px 16px;border-bottom:1px solid #64705266;flex:none}
.deck-overview{padding:8px 12px}
.deck-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;margin:0;line-height:1.4}.deck-summary strong{font-size:16px;color:var(--dt-gold)}
.deck-summary .view-switch{margin-left:auto;display:flex;gap:4px}
body.deck-page .deck-summary .view-switch button{min-height:32px;padding:5px 10px;font-size:13px;border-radius:8px}
.mana-curve{display:flex;align-items:center;gap:8px;margin:12px 0 8px;font-size:12px}.curve-column{display:flex;flex-direction:column;gap:4px;flex:1}.curve-column progress{width:100%;height:7px;accent-color:var(--dt-gold)}
#statistics summary,.picker-heading summary{font-size:13px;color:var(--dt-muted);cursor:pointer;padding:5px 0}#stat-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px;margin:10px 0}#stat-details div{display:flex;flex-direction:column;gap:4px}#stat-details small{grid-column:1/-1}
body.deck-page .deck-overview .mana-curve{margin:6px 0 4px;line-height:16px}
.deck-overview .curve-column{gap:2px}
.deck-overview .curve-column progress{height:5px}
#statistics summary{padding:3px 0;font-size:12px;line-height:18px}
.deck-insights{display:flex;align-items:start;gap:8px 18px;flex-wrap:wrap}.deck-insights>details{min-width:150px}.deck-tribe-overview{padding:0;border:0;font-size:13px}.deck-tribe-overview>summary{padding:3px 0;line-height:18px;cursor:pointer;color:var(--dt-muted);font-size:12px}.deck-tribe-overview>small{color:var(--dt-muted);font-size:12px}.deck-tribe-overview .tribe-list{max-height:160px}
.deck-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;overscroll-behavior:contain;scrollbar-gutter:stable;padding:12px}
#deck-cards{--deck-columns:3;display:grid;grid-template-columns:repeat(var(--deck-columns),minmax(0,1fr));align-content:start;gap:12px;background:linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:calc(100%/var(--deck-columns)) 100%}
@container(min-width:720px){#deck-cards{--deck-columns:4;gap:10px}}
@container(min-width:980px){#deck-cards{--deck-columns:5;gap:9px}}
.deck-lane{display:flex;flex-direction:column;gap:8px;min-width:0}
.deck-stack{--stack-peek:70px;--stack-last:142px;min-width:0}.deck-stack>summary{list-style-position:inside;cursor:pointer;border-bottom:1px solid var(--dt-line);padding:0 0 3px;font-weight:600;color:var(--dt-gold);font-size:12px;line-height:16px}.deck-stack>summary small{font-size:10px;color:var(--dt-muted);font-weight:500}.deck-stack>summary span{float:right}
.stack-cards{display:flex;flex-direction:column;padding:7px 2px 2px}
.deck-position{height:var(--stack-last);min-height:var(--stack-last);background:#213026;border:1px solid #647052aa;border-radius:8px;box-shadow:0 7px 12px #0007;position:relative;overflow:hidden;margin-top:-1px}
.deck-position:nth-child(even){transform:translateX(2px)}
.deck-position:not(:last-child){height:var(--stack-peek);min-height:var(--stack-peek)}
.deck-position .art-button{position:absolute;inset:0;width:100%;height:var(--stack-last);min-height:0;border:0;border-radius:7px;overflow:hidden;padding:0;background:#213026;cursor:zoom-in;text-align:left}.deck-position .art-button img{width:100%;aspect-ratio:488/680;object-fit:contain;object-position:top;display:block}.deck-position .no-art{height:var(--stack-last);align-content:start;padding-top:44px}
.position-info{--position-row:21px;--position-controls-top:43px;position:absolute;z-index:1;inset:var(--position-controls-top) 4px auto 4px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0;background:transparent;pointer-events:none}.position-mana{display:flex;gap:2px;overflow:hidden;min-width:0}.quantity-controls{display:flex;align-items:center;gap:2px;height:var(--position-row);padding:1px 2px;border-radius:5px;background:#101a15dc;box-shadow:0 1px 3px #0008;pointer-events:auto}.quantity-controls button{min-height:19px!important;height:19px;width:19px;padding:0!important;border-radius:4px!important;font-size:12px;line-height:17px}.quantity-controls b{font-size:10px;line-height:17px;min-width:20px;text-align:center;color:#fff}.shortage{align-self:center;max-width:calc(100% - 70px);padding:2px 4px;border-radius:4px;background:#101a15dc;box-shadow:0 1px 3px #0008;font-size:8px;line-height:10px;color:#f0b89f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shortage:empty{display:none}.mana-symbol{display:inline-grid;place-items:center;min-width:14px;height:14px;border-radius:50%;background:#c1b99e;color:#1b241d;font-size:8px;padding:0 2px}.mana-R{background:#d58e71}.mana-G{background:#8cac84}.mana-U{background:#8bbac9}.mana-B{background:#a392b0}.mana-W{background:#efe6bc}
.stack-dense .deck-position:not(:last-child) .shortage{display:none}
#deck-cards.deck-list{display:block;background:none}.deck-list .deck-lane{display:block}.deck-list .deck-stack{margin-bottom:14px}.deck-list .stack-cards{gap:5px}.deck-list .deck-position,.deck-list .deck-position:not(:last-child){display:flex;align-items:center;height:auto;min-height:46px;gap:10px;margin:0;transform:none;box-shadow:none;overflow:visible}.deck-list .art-button{position:static;flex:1;width:auto;height:auto;text-align:left;color:var(--dt-text);font-size:14px;border-radius:7px}.deck-list .position-info{position:static;width:auto;height:auto;display:flex;flex-direction:row;align-items:center;background:none;padding:0;pointer-events:auto}.deck-list .quantity-controls,.deck-list .shortage{background:none;box-shadow:none}.deck-list .shortage{min-width:75px;max-width:none;font-size:11px}.deck-list .mana-symbol{min-width:18px;height:18px;font-size:10px}
.picker-heading{padding:8px 12px}.picker-heading h2{margin:0 0 6px;font-size:18px;line-height:24px}body.deck-page .picker-heading>#search{width:100%;height:32px;min-height:32px;padding:5px 8px;font-size:13px;border-radius:7px}.picker-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr) minmax(0,.8fr);gap:6px;margin:6px 0}.picker-filters label{font-size:12px;min-width:0;display:flex;flex-direction:column;gap:4px}.picker-filters select{margin-top:0;width:100%;min-width:0;font-size:13px!important;padding:5px!important;min-height:30px!important}.picker-heading>small{font-size:12px;color:var(--dt-muted)}#collection-state{font-size:13px;margin:4px 0;color:#e8b58d}
.picker-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px 6px;padding:10px}
.picker-tile{min-width:0;align-self:start;cursor:grab}.picker-tile .art-button{width:100%;padding:0;border:0;background:transparent;border-radius:7px;overflow:hidden;display:block;cursor:zoom-in}.picker-tile img{width:100%;display:block;aspect-ratio:488/680;object-fit:contain}.picker-tile .tile-info{position:relative;display:flex;flex-direction:column;gap:4px;padding:6px 0 0}.picker-name{font-size:12px;font-weight:600;overflow-wrap:anywhere;min-height:30px}.picker-tile small{font-size:11px;line-height:1.4}.picker-tile [data-add]{width:100%;min-height:30px!important;padding:3px!important;font-size:19px}.picker-tile .tile-meta{display:flex;gap:5px;flex-wrap:wrap}.picker-tile .copy-count{font-size:11px}.picker-tile .kind-icon{width:18px;height:18px}.no-art{display:grid;place-items:center;aspect-ratio:488/680;background:#31422e;padding:8px;overflow-wrap:anywhere}
.deck-empty{grid-column:1/-1;align-self:center;text-align:center;padding:40px 15px;color:var(--dt-muted)}
body.deck-page dialog{max-width:min(850px,90vw);border:1px solid var(--dt-line);background:var(--dt-panel);color:var(--dt-text);border-radius:12px;padding:24px;max-height:88svh;overflow:auto}body.deck-page dialog::backdrop{background:#000a}#name-dialog{width:400px}#name-dialog label{display:flex;flex-direction:column;gap:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dialog-close{float:right}.inspect-layout{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:24px;clear:both}.inspect-layout img{width:100%;border-radius:10px}.inspect-layout small{font-size:12px}.inspect-layout .oracle{white-space:pre-wrap;font-size:14px}.inspect-lot{border-top:1px solid var(--dt-line);padding:8px 0}.inspect-lot .copy-count{margin-right:8px}.inspect-lot p{font-size:13px}
.just-added{animation:deck-added .5s ease-out}@keyframes deck-added{0%{box-shadow:0 0 0 3px var(--dt-gold),0 0 22px #d6bc8388}100%{box-shadow:0 7px 12px #0005}}
@media(prefers-reduced-motion:reduce){.just-added{animation:none;outline:2px solid var(--dt-gold)}#table{transition:none}}
@media(min-width:901px) and (max-width:1150px){.deck-actions{margin-left:0}body.deck-page>main{padding:12px}.deck-frame{grid-template-columns:minmax(0,1fr) 290px}.picker-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}#deck-cards{gap:8px;padding:9px}}
@media(max-width:900px){body.deck-page{height:auto;overflow:auto}#desktop-builder{display:none}.desktop-note{display:block;padding:30px 8px}body.deck-page .dt-nav a[href='/decks']{display:none}}
/* Keep inherited collection chart dimensions out of the compact workbench. */
body.deck-page .mana-curve{height:auto;padding-top:0}
body.deck-page .copy-count{display:inline-flex;align-items:center;gap:1px;white-space:nowrap;font-size:12px;line-height:20px}
body.deck-page .kind-icon{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;line-height:0}
body.deck-page .kind-icon svg{display:block;width:20px;height:20px}
body.deck-page .kind-original{color:#e3c98e}body.deck-page .kind-proxy{color:#b8d9ef}body.deck-page .kind-unknown{color:#a2ada2}
body.deck-page .picker-tile .kind-icon,body.deck-page .picker-tile .kind-icon svg{width:18px;height:18px}
body.deck-page .picker-heading #reset{min-height:28px;padding:4px 8px;font-size:12px;border-radius:7px}
.picker-heading details .picker-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
.picker-heading summary{padding:3px 0;line-height:18px}
#collection-state:empty{display:none}
body.deck-page .picker-tile .kind-icon,body.deck-page .picker-tile .kind-icon svg{width:14px;height:14px}
body.deck-page .picker-tile .copy-count{font-size:11px;line-height:16px}

/* Uniform captions keep each gallery row aligned, including mixed copy kinds. */
.picker-tile .tile-info{display:grid;grid-template-rows:32px 28px;gap:3px;padding-top:5px}
.picker-name{height:32px;min-height:0;line-height:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.picker-tile .tile-meta{height:32px;align-content:start;align-items:center;gap:0 4px;overflow:hidden}
.picker-add-row{display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0;height:28px}
.picker-add-row small{font-size:10px;line-height:13px;min-width:0;overflow-wrap:anywhere}
body.deck-page .picker-tile .picker-add-row [data-add]{flex:none;width:28px;height:28px;min-height:28px!important;padding:0!important;font-size:18px;line-height:24px;border-radius:6px}
.picker-tile .tile-info>small{font-size:10px;line-height:13px}

/* The exit decision remains available when the editor is hidden on a narrow screen. */
#leave-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto}
#leave-dialog .dialog-actions{display:flex;flex-wrap:wrap;gap:8px}
#leave-dialog h2,#leave-dialog p{overflow-wrap:anywhere}
#leave-error{color:#e3a89c;white-space:pre-wrap}
#save-status[data-dirty=true]{color:var(--dt-gold)}