/* Book deck table: copy stacks, image reading and expanded review. */
.dtdeck-new{--dtdeck-width:120px;background:#14231d}
.dtdeck-new.deck-table-active>.dt-tools-header{display:none!important}
.dtdeck-new>main{max-width:none!important;padding:10px 16px 14px!important}
.dtdeck-new .deck-toolbar{min-height:38px;flex-wrap:wrap}
.dtdeck-new #deck-name{font-family:Georgia,serif;max-width:330px;font-size:21px}
.dtdeck-new .deck-frame{grid-template-columns:minmax(0,1fr) 320px;border-radius:8px;background:#18291f}
.dtdeck-new #table{background:linear-gradient(#172820b3,#172820af),url('/deck-table-board.jpg') center/cover}
.dtdeck-new .deck-overview{background:#122119dc;padding:7px 12px;position:relative}
.dtdeck-new .deck-summary{gap:14px}.dtdeck-new #missing{color:#efb99e;font-weight:600}
.dtdeck-new .mana-curve,.dtdeck-new .deck-insights{display:none}
.dtdeck-new .deck-overview.insights-open .mana-curve{display:flex}
.dtdeck-new .deck-overview.insights-open .deck-insights{display:flex}
.dtdeck-new .dtdeck-insights{font-size:12px}.dtdeck-new .dtdeck-scale{display:flex;align-items:center;gap:5px;font-size:11px;color:#b9c4ae}.dtdeck-new .dtdeck-scale select{min-height:27px!important;padding:2px 4px!important;font-size:11px!important}
.dtdeck-new #deck-cards:not(.deck-list){display:grid;grid-template-columns:repeat(var(--deck-columns),minmax(0,1fr));gap:14px 10px;align-content:start;padding:14px;background:none}
.dtdeck-new #deck-cards:not(.deck-list) .deck-lane{display:contents}
.dtdeck-new #deck-cards:not(.deck-list) .deck-stack{--stack-last:calc(var(--dtdeck-width) * 1.394)!important;--stack-peek:72px!important;min-width:0;align-self:start}
.dtdeck-new #deck-cards:not(.deck-list) .deck-position{width:var(--dtdeck-width);max-width:100%;border-radius:6px;background:#111f19}
.dtdeck-new #deck-cards:not(.deck-list) .deck-position:nth-child(even){transform:none}
.dtdeck-new #deck-cards:not(.deck-list) .art-button{height:calc(var(--dtdeck-width) * 1.394);border-radius:5px}
.dtdeck-new #deck-cards:not(.deck-list) .art-button img{object-fit:contain;object-position:top;width:100%}
.dtdeck-new #deck-cards:not(.deck-list) .position-info{top:calc(var(--dtdeck-width) * .22);left:4px;right:4px}
.dtdeck-new .quantity-controls{--position-row:26px;height:26px;padding:2px 3px}
.dtdeck-new .quantity-controls button{height:23px!important;min-height:23px!important;width:23px;font-size:14px!important;line-height:20px}
.dtdeck-new .quantity-controls b{font-size:11px;min-width:22px}
.dtdeck-new .shortage{font-size:10px;line-height:12px;max-width:calc(100% - 80px)}
.dtdeck-new .stack-dense .deck-position:not(:last-child) .shortage{display:block}
.dtdeck-new #deck-cards:not(.deck-list) .fan-stack{grid-column:1/-1;order:-1}
.dtdeck-new .fan-stack>.stack-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;padding:8px 2px 4px}
.dtdeck-new .fan-pile{display:flex;flex:none;position:relative}
.dtdeck-new #deck-cards:not(.deck-list) .fan-pile .deck-position{height:calc(var(--dtdeck-width) * 1.394);min-height:calc(var(--dtdeck-width) * 1.394);margin:0;overflow:visible;isolation:isolate;transform:translateY(var(--fan-offset,0px))!important}
.dtdeck-new .fan-pile .deck-position+.deck-position{margin-left:calc(var(--dtdeck-width) * -.33)!important}
.dtdeck-new .fan-pile .position-info{top:auto!important;bottom:7px;right:auto!important;width:calc(var(--dtdeck-width) * .65);flex-direction:column;align-items:flex-start}
.dtdeck-new .fan-pile .shortage{max-width:100%}
.dtdeck-new .fan-pile .art-button{position:static;display:block;height:100%;overflow:hidden}
.dtdeck-new .deck-position:focus-within,.dtdeck-new .fan-pile .deck-position:hover{z-index:5;outline:1px solid #e7ce9b;box-shadow:0 5px 20px #000b}
.dtdeck-new .deck-picker{background:#182a20}.dtdeck-new .picker-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dtdeck-new .picker-heading h2{font-family:Georgia,serif;font-size:19px}
.dtdeck-new .picker-heading .picker-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1150px){.dtdeck-new .deck-frame{grid-template-columns:minmax(0,1fr) 280px}.dtdeck-new>main{padding:8px 10px!important}.dtdeck-new #deck-name{font-size:18px;max-width:220px}.dtdeck-new .deck-summary{gap:8px}}
@media(prefers-reduced-motion:reduce){.dtdeck-new *{animation:none!important;transition:none!important}}

/* Second concept: an open stone table with a quiet collection shelf. */
body.dtdeck-new{background:linear-gradient(#12231a36,#14201920),url('/deck-table-board.jpg') center/cover;color:#d6dccf;font-weight:400}
body.dtdeck-new>main{padding:0 14px 8px!important}
body.dtdeck-new button{background:#23342b66!important;border:1px solid #adb89c38!important;box-shadow:none!important;color:#ccd5c5!important;font-weight:400!important;border-radius:4px!important}
body.dtdeck-new button:hover{background:#aabc9d19!important;border-color:#dacb9877!important;color:#ede4c9!important}
body.dtdeck-new button:disabled{opacity:.45}
body.dtdeck-new button:focus-visible,body.dtdeck-new summary:focus-visible{outline:2px solid #ddc68e;outline-offset:2px}
body.dtdeck-new .deck-toolbar{min-height:43px;padding:4px 0 5px;gap:8px;background:transparent}
body.dtdeck-new .deck-toolbar button{min-height:26px;padding:3px 8px;font-size:11px}
body.dtdeck-new #deck-name{font:19px Georgia,serif;line-height:1.2;margin:0;color:#e0d9be;max-width:320px}
body.dtdeck-new #save{background:#ae915b33!important;border-color:#d4b97a88!important;color:#edd9a9!important}
body.dtdeck-new #save-status{font-size:11px;max-width:300px}
body.dtdeck-new #back,body.dtdeck-new #undo{border-color:transparent!important;background:transparent!important}
body.dtdeck-new .deck-frame{grid-template-columns:minmax(0,1fr) 260px;background:transparent;border:0;border-radius:0;overflow:visible;gap:14px}
body.dtdeck-new #table{background:none;position:relative;isolation:isolate}
body.dtdeck-new .deck-overview{padding:3px 0 7px;background:none;border-bottom:1px solid #b2bf9730}
body.dtdeck-new .deck-summary{font-size:11px;gap:12px;min-height:29px}
body.dtdeck-new .deck-summary strong{font-size:13px;font-weight:400;color:#e1d2a6}
body.dtdeck-new .deck-summary .view-switch button,body.dtdeck-new .dtdeck-insights{min-height:25px;padding:3px 7px;font-size:11px}
body.dtdeck-new .view-switch button[aria-pressed=true]{background:#ddc99712!important;color:#e9d6a3!important;border-color:#ceb77d66!important}
body.dtdeck-new .dtdeck-scale{font-size:10px;gap:4px}
body.dtdeck-new select,body.dtdeck-new input{background:#13241c66!important;border:1px solid #afbc9f40!important;border-radius:4px!important;color:#ccd5c5!important;box-shadow:none!important}
body.dtdeck-new .dtdeck-scale select{min-height:25px!important;font-size:10px!important}
body.dtdeck-new #deck-cards:not(.deck-list){padding:14px 2px 24px;gap:20px 10px}
body.dtdeck-new .deck-stack>summary{border:0;color:#bbc6b2;font-size:11px;font-weight:400;line-height:17px;padding:0 0 2px}
body.dtdeck-new #deck-cards:not(.deck-list) .deck-stack{--stack-peek:50px!important}
body.dtdeck-new #deck-cards:not(.deck-list) .deck-position{border:1px solid #adb49355;border-radius:4px;background:none;box-shadow:0 2px 5px #02090780}
body.dtdeck-new #deck-cards:not(.deck-list) .art-button{border:0!important;background:none!important;border-radius:3px!important;box-shadow:none!important}
body.dtdeck-new #deck-cards:not(.deck-list) .position-info{top:calc(var(--dtdeck-width) * .23);left:3px;right:3px}
body.dtdeck-new .quantity-controls{height:20px;padding:0 1px;border-radius:3px;background:#102019cc;box-shadow:none;gap:0}
body.dtdeck-new .quantity-controls button{height:20px!important;min-height:20px!important;width:20px;border:0!important;background:transparent!important;line-height:18px;font-size:12px!important}
body.dtdeck-new .quantity-controls b{font-size:10px;min-width:19px;font-weight:400}
body.dtdeck-new .shortage{font-size:9px;line-height:11px;max-width:calc(100% - 62px);box-shadow:none;background:#102019df}
body.dtdeck-new .fan-stack>.stack-cards{gap:14px 18px;padding:5px 2px 3px}
body.dtdeck-new .fan-pile .position-info{bottom:5px;left:3px;width:calc(var(--dtdeck-width) * .64)}
body.dtdeck-new .deck-position:focus-within,body.dtdeck-new .fan-pile .deck-position:hover{outline:none;box-shadow:0 2px 5px #02090780;border-color:#dacd9b}
body.dtdeck-new .deck-position.dtdeck-reading{border-color:#dad3ad!important;z-index:5}
body.dtdeck-new .dtdeck-surface-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;mix-blend-mode:screen}
body:not(.dtdeck-new) .dtdeck-surface-light{display:none}
body.dtdeck-new .deck-picker{background:linear-gradient(90deg,#1020194d,#10201991);border-left:1px solid #b2bf9728}
body.dtdeck-new .picker-heading{padding:3px 10px 8px;border-bottom:0;max-height:60%;overflow:auto}
body.dtdeck-new .picker-heading h2{font:16px Georgia,serif;color:#d1d3bd;margin:3px 0 10px}
body.dtdeck-new .picker-heading>#search{height:29px;min-height:29px;font-size:11px}
body.dtdeck-new .picker-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;padding:4px 10px 12px;scrollbar-width:thin}
body.dtdeck-new .picker-tile .picker-image{border:1px solid #a5af8c55!important;border-radius:4px!important;background:transparent!important;box-shadow:0 2px 4px #02090770!important}
body.dtdeck-new .picker-tile .tile-info{grid-template-rows:18px 23px;gap:2px;padding-top:3px}
body.dtdeck-new .picker-tile .tile-meta{height:18px}
body.dtdeck-new .picker-add-row{height:23px}
body.dtdeck-new .picker-tile .picker-add-row [data-add]{width:23px;height:23px;min-height:23px!important;font-size:16px}
body.dtdeck-new .dtdeck-filters{margin:5px 0 0}
body.dtdeck-new .dtdeck-filters>summary{font-size:11px;color:#b4c3ad;cursor:pointer;padding:3px 0}
body.dtdeck-new .picker-filters label,body.dtdeck-new .picker-heading details summary{font-size:11px}
body.dtdeck-new .dtdeck-actions{position:relative;margin-left:3px}
body.dtdeck-new .dtdeck-actions>summary{list-style:none;cursor:pointer;font-size:20px;line-height:24px;padding:0 9px;color:#c2cbb7}
body.dtdeck-new .dtdeck-actions>div{position:absolute;top:29px;right:0;z-index:25;display:grid;min-width:140px;padding:6px;gap:3px;background:#15281ef5;border:1px solid #a7b29055;border-radius:5px;box-shadow:0 8px 20px #0005}
body.dtdeck-new .dtdeck-actions button{text-align:left;border:0!important;background:none!important}
body:not(.dtdeck-new) .dtdeck-actions,body:not(.dtdeck-new) .dtdeck-actions>div{display:contents}
body:not(.dtdeck-new) .dtdeck-actions>summary,body:not(.dtdeck-new) .dtdeck-filters>summary{display:none}
body:not(.dtdeck-new) .dtdeck-filters{display:contents}
body.dtdeck-new .deck-scroll{scrollbar-color:#9baf8566 transparent;scrollbar-width:thin}
@media(max-width:1150px){body.dtdeck-new .deck-frame{grid-template-columns:minmax(0,1fr) 240px;gap:10px}body.dtdeck-new>main{padding:0 10px 8px!important}body.dtdeck-new #deck-name{font-size:17px;max-width:235px}body.dtdeck-new .deck-summary{gap:7px}body.dtdeck-new #save-status{max-width:220px}}
/* Shared tools theme also paints section and body surfaces. */
body.dt-tools.dtdeck-new{background:linear-gradient(#0f281e66,#10191455),url('/deck-table-board.jpg') center/cover!important}
body.dtdeck-new #editor,body.dtdeck-new #table{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
body.dtdeck-new #deck-name{font:19px Georgia,serif!important;font-weight:400!important;line-height:1.2!important}
body.dtdeck-new .picker-heading h2{font:16px Georgia,serif!important;font-weight:400!important;border:0!important;padding:0!important}
body.dtdeck-new .picker-tile .art-button{border:1px solid #a5af8c55!important;border-radius:4px!important;background:transparent!important;box-shadow:0 2px 4px #02090770!important}
@media(max-width:1150px){body.dtdeck-new #deck-name{font-size:17px!important}}

body.dtdeck-new #deck-cards{position:relative;z-index:1}
body.dtdeck-new .deck-overview{z-index:1}

/* The new table lays out every draft copy instead of a numeric quantity bar. */
body.dtdeck-new .dtdeck-copy-stack{grid-column:1/-1;order:0!important}
body.dtdeck-new .dtdeck-copy-stack>.stack-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:18px 14px;align-items:flex-start;padding:5px 2px 3px}
body.dtdeck-new .dtdeck-copy-pile{width:var(--dtdeck-width);flex:none;display:flex;flex-direction:column}
body.dtdeck-new #deck-cards:not(.deck-list) .dtdeck-copy-pile .deck-position{height:var(--dtdeck-peek);min-height:var(--dtdeck-peek);margin:0;overflow:hidden;transform:none!important}
body.dtdeck-new #deck-cards:not(.deck-list) .dtdeck-copy-pile .deck-position:last-child{height:calc(var(--dtdeck-width) * 1.394);min-height:calc(var(--dtdeck-width) * 1.394)}
body.dtdeck-new .fan-pile .deck-position+.deck-position{margin-left:calc(var(--dtdeck-width) * -.8)!important}
body.dtdeck-new .dtdeck-copy .dtdeck-remove{position:absolute;top:0;right:0;width:21px;height:21px;min-height:21px!important;padding:0!important;line-height:18px;font-size:16px!important;background:#13251eeb!important;border:0!important;z-index:6;opacity:0}
body.dtdeck-new .dtdeck-copy:hover>.dtdeck-remove,body.dtdeck-new .dtdeck-copy:focus-within>.dtdeck-remove{opacity:1}
body.dtdeck-new #deck-cards:not(.deck-list) .dtdeck-copy-pile .deck-position:hover,body.dtdeck-new #deck-cards:not(.deck-list) .dtdeck-copy-pile .deck-position:focus-within{overflow:visible;z-index:5}
body.dtdeck-new #deck-cards.deck-list .dtdeck-copy-stack>.stack-cards{display:flex;flex-direction:column;gap:4px}
body.dtdeck-new .deck-list .dtdeck-copy{width:100%;background:#10201933;border:0;border-bottom:1px solid #a6b58d20;min-height:36px;padding-right:28px}
body.dtdeck-new .deck-list .dtdeck-copy .art-button{background:transparent!important;border:0!important;font-size:12px;padding:7px}
body.dtdeck-new .deck-list .dtdeck-copy .dtdeck-remove{top:7px;right:3px;opacity:1}
body.dtdeck-new #deck-cards:not(.deck-list) .dtdeck-copy .art-button img{height:calc(var(--dtdeck-width) * 1.394);max-width:100%;object-fit:contain}
/* Keep source geometry and hit targets stable beneath the pointer-transparent hover crop. */
body.dtdeck-new #deck-cards:not(.deck-list) .dtdeck-copy{z-index:auto!important}
body.dtdeck-new #deck-cards:not(.deck-list) .dtdeck-copy-pile .deck-position:hover,body.dtdeck-new #deck-cards:not(.deck-list) .dtdeck-copy-pile .deck-position:focus-within{overflow:hidden}

/* Consecutive copies share columns; columns split only at the available table height. */
body.dtdeck-new #deck-cards:not(.deck-list) .dtdeck-column{grid-column:auto;min-width:0;width:var(--dtdeck-width);align-self:start;order:0}
body.dtdeck-new #deck-cards:not(.deck-list){align-content:start;justify-content:start}

/* The 22 px type heading is included in the column capacity calculation. */
body.dtdeck-new .dtdeck-column-title{height:18px;line-height:18px;margin:0 0 4px;font-size:11px;font-weight:400;color:#bdc8b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* A card image alone, floating beside its source without inspector chrome. */
body.dtdeck-new #inspect-dialog.dtdeck-review{position:fixed;inset:auto;margin:0;padding:0!important;border:0!important;border-radius:6px;background:transparent!important;box-shadow:0 8px 26px #02090788;z-index:20;max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);overflow:hidden}
body.dtdeck-new #inspect-dialog.dtdeck-review>button{display:none!important}
body.dtdeck-new #inspect-dialog.dtdeck-review #inspect-content{display:block;padding:0;margin:0}
body.dtdeck-new #inspect-dialog.dtdeck-review img{display:block;width:100%;height:auto;max-height:calc(100svh - 24px);object-fit:contain;border-radius:6px;cursor:zoom-out}
body.dtdeck-new #inspect-dialog.dtdeck-review img:focus-visible{outline:2px solid #d6ddbd;outline-offset:-2px}

/* Fit uses one visible row of type columns and lets their larger cards use the table width. */
body.dtdeck-new #deck-cards:not(.deck-list){grid-template-columns:repeat(var(--deck-columns),var(--dtdeck-width));justify-content:space-between;scrollbar-gutter:auto}

/* The list reads down newspaper columns, with type headings repeated at continuations. */
body.dtdeck-new #deck-cards.deck-list{display:grid;grid-template-columns:repeat(var(--list-columns,1),minmax(0,1fr));gap:0 16px;padding:14px 2px 24px;align-content:start;scrollbar-gutter:auto}
body.dtdeck-new .dtdeck-list-column{min-width:0}
body.dtdeck-new .dtdeck-list-group{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
body.dtdeck-new .dtdeck-list-group .dtdeck-copy{height:var(--dtdeck-row-height);min-height:var(--dtdeck-row-height);padding:0 28px 0 0;gap:0;overflow:hidden;border-bottom:1px solid #a6b58d20}
body.dtdeck-new .dtdeck-list-group .dtdeck-copy .art-button{display:block;width:100%;height:100%;flex:none;font-size:var(--list-font);line-height:var(--list-line);padding:2px 4px;white-space:normal;overflow-wrap:anywhere}
body.dtdeck-new .dtdeck-list-group .dtdeck-copy .dtdeck-remove{top:50%;transform:translateY(-50%);right:1px;width:20px;height:20px;min-height:20px!important;font-size:14px!important;opacity:.55}
body.dtdeck-new .dtdeck-list-group .dtdeck-copy:hover .dtdeck-remove,body.dtdeck-new .dtdeck-list-group .dtdeck-copy:focus-within .dtdeck-remove{opacity:1}

/* Expanded review lends the entire viewport to the same draft. */
body.dtdeck-new .dtdeck-expand{min-height:25px;padding:3px 7px;font-size:11px;white-space:nowrap}
body.dtdeck-new.dtdeck-expanded>main{padding:0 14px 8px!important}
body.dtdeck-new.dtdeck-expanded .deck-toolbar,body.dtdeck-new.dtdeck-expanded .deck-overview,body.dtdeck-new.dtdeck-expanded .deck-picker{display:none!important}
body.dtdeck-new.dtdeck-expanded .deck-frame{grid-template-columns:minmax(0,1fr);gap:0}
body.dtdeck-new .dtdeck-expanded-bar{display:flex;align-items:center;gap:12px;height:30px;flex:none;position:relative;z-index:2;color:#c7c9af;font-size:11px}
body.dtdeck-new .dtdeck-expanded-bar>div{display:flex;gap:4px;margin-left:auto}
body.dtdeck-new .dtdeck-expanded-bar button{min-height:24px;padding:2px 7px;font-size:11px}
body.dtdeck-new .dtdeck-expanded-bar .dtdeck-return{border-color:transparent!important;background:transparent!important}
body.dtdeck-new .dtdeck-expanded-bar button[aria-pressed=true]{color:#e9d6a3!important;border-color:#ceb77d66!important}

/* Explicit mana labels; selection is a quiet outline, never a deck filter. */
body.dtdeck-new .dtdeck-curve-hint{margin:5px 0 2px;color:#b6c3b2;font-size:10px;line-height:15px;font-weight:400}
body.dtdeck-new .dtdeck-mana-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.dtdeck-new #curve{align-items:stretch;gap:8px}
body.dtdeck-new #curve .dtdeck-mana-bucket{flex:1;min-width:0;min-height:0;padding:3px 3px 4px!important;border-color:transparent!important;background:transparent!important;border-radius:3px!important;gap:3px;text-align:left;cursor:pointer}
body.dtdeck-new #curve .dtdeck-mana-bucket:hover:not(:disabled){background:#ddc9970b!important;border-color:#ceb77d38!important}
body.dtdeck-new #curve .dtdeck-mana-bucket[aria-pressed=true]{background:#ddc99712!important;border-color:#ceb77d77!important;color:#ead8a7!important}
body.dtdeck-new #curve .dtdeck-mana-bucket:disabled{opacity:.4;cursor:default}
body.dtdeck-new #curve .dtdeck-mana-label{display:flex;flex-wrap:wrap;gap:0 4px;font-size:11px;line-height:15px}
body.dtdeck-new #curve .dtdeck-mana-label>span{white-space:nowrap}
body.dtdeck-new #curve .dtdeck-mana-label>span+span::before{content:'· ';color:#a5b09e}
body.dtdeck-new #deck-cards .dtdeck-mana-match{border-color:#e5c78b!important;box-shadow:0 0 5px #d6b47166!important}
body.dtdeck-new #deck-cards .dtdeck-mana-match .art-button{box-shadow:inset 0 0 0 2px #e5c78bb0!important}
body.dtdeck-new #deck-cards.deck-list .dtdeck-mana-match{background:#ddc99712!important;border-bottom-color:#ceb77d77!important}
body.dtdeck-new .dtdeck-expanded-bar .dtdeck-mana-clear{color:#ead8a7!important;border-color:#ceb77d66!important}

body.dtdeck-new .deck-overview:not(.insights-open) .dtdeck-curve-hint{display:none}

/* List group headings are larger than names, with totals on every continuation. */
body.dtdeck-new .dtdeck-list-group{padding-top:var(--dtdeck-group-gap,0px)}
body.dtdeck-new .dtdeck-list-group>.dtdeck-column-title{box-sizing:border-box;height:var(--dtdeck-heading-height);margin:0;padding:0 0 6px!important;border:0!important;background:transparent!important;font-size:var(--list-heading-font)!important;line-height:var(--list-heading-line)!important;font-weight:500!important;color:#ded4b5;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
body.dtdeck-new .dtdeck-list-title-main{display:block}
body.dtdeck-new .dtdeck-list-continuation{display:block;font-size:var(--list-continuation-font)!important;line-height:var(--list-continuation-line)!important;font-weight:400;color:#afbea8}

/* One level for all view controls, with less chrome above and below the deck. */
body.dtdeck-new .deck-toolbar{min-height:34px;padding:3px 0}
body.dtdeck-new .deck-overview{padding:2px 0 4px}
body.dtdeck-new .deck-summary{min-height:26px;gap:8px;align-items:center}
body.dtdeck-new .dtdeck-view-tools{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
body.dtdeck-new .dtdeck-view-tools .view-switch{margin-left:0;align-items:center;gap:4px}
body.dtdeck-new .dtdeck-view-tools button,body.dtdeck-new .dtdeck-view-tools select{box-sizing:border-box;height:26px!important;min-height:26px!important;margin:0!important;padding:3px 7px!important;font-size:11px!important;line-height:18px!important;white-space:nowrap}
body.dtdeck-new .dtdeck-view-tools .dtdeck-scale{box-sizing:border-box;display:flex;align-items:center;gap:5px;height:26px;margin:0;padding:0;font-size:11px;line-height:18px}
body.dtdeck-new .dtdeck-view-tools .dtdeck-scale select{padding:2px 5px!important}
body:not(.dtdeck-new) .dtdeck-view-tools{display:contents}
body.dtdeck-new #deck-cards:not(.deck-list),body.dtdeck-new #deck-cards.deck-list{padding:10px 2px 18px}
@media(max-width:1150px){body.dtdeck-new .dtdeck-view-tools{gap:6px}}

body.dtdeck-new #deck-name{max-width:min(40vw,600px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* The name and save state lead; deck metadata and table tools follow. */
body.dtdeck-new .deck-toolbar {
 display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'heading save' 'metadata metadata';
 gap:7px 20px;padding:10px 14px;margin:8px 0 10px;background:#15251eee;
 border:1px solid #6d725366;border-radius:10px;min-height:0;position:relative;z-index:3;
}
body.dtdeck-new .dtdeck-heading{grid-area:heading;display:flex;align-items:center;gap:16px;min-width:0}
body.dtdeck-new .dtdeck-identity{min-width:0;flex:1}
body.dtdeck-new #back{flex:none;white-space:nowrap}
body.dtdeck-new .deck-summary>#lands,body.dtdeck-new .deck-summary>#creatures,body.dtdeck-new #deck-name{display:none!important}
body.dtdeck-new .dtdeck-deck-title{margin:0!important;padding:0!important;border:0!important;background:transparent!important;font:22px/1.25 Georgia,serif!important;font-weight:400!important;color:#eee5cd;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.dtdeck-new .dtdeck-save-controls{grid-area:save;display:flex;align-items:center;gap:10px}
body.dtdeck-new .deck-actions{margin:0;gap:4px}
body.dtdeck-new .deck-toolbar button{min-height:32px;padding:5px 10px;font-size:12px;line-height:20px}
body.dtdeck-new #save{background:#ae915b26!important;min-width:96px}
body.dtdeck-new #save-status{font-size:12px;line-height:18px;max-width:240px;overflow-wrap:anywhere;color:#a9bba5}
body.dtdeck-new #save-status[data-dirty=true]{color:#e6c98e}
body.dtdeck-new .dtdeck-metadata{grid-area:metadata;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding-top:6px;border-top:1px solid #a3b08c20;font-size:12px;color:#a9b8a1}
body.dtdeck-new .dtdeck-metadata #total{font:500 13px/20px var(--dt-font);color:#e1d2a6;white-space:nowrap;padding-right:16px;border-right:1px solid #a3b08c30}
body.dtdeck-new .dtdeck-metadata :is(.deck-format-control,#commander-control){gap:8px;font-size:12px}
body.dtdeck-new .dtdeck-metadata select{height:28px!important;min-height:28px!important;font-size:12px!important;padding:3px 7px!important;margin:0!important;max-width:260px}
body.dtdeck-new #missing{font-size:12px;line-height:18px;white-space:normal;margin-left:auto}
body.dtdeck-new #missing:empty{display:none}
body.dtdeck-new .dtdeck-save-recovery{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
body.dtdeck-new .dtdeck-save-recovery:not(:has(button:not([hidden]))){display:none}
body.dtdeck-new .dtdeck-actions{margin:0}
body.dtdeck-new .dtdeck-actions>summary{display:grid;place-items:center;box-sizing:border-box;min-width:32px;height:32px;line-height:20px;padding:0 7px;border:1px solid #adb89c38;border-radius:6px}
body.dtdeck-new .dtdeck-actions>div{top:38px;min-width:180px;border-radius:8px}
body.dtdeck-new .deck-overview{padding:9px 12px;background:#14241dec;border:1px solid #6d72534d;border-radius:8px}
body.dtdeck-new .deck-summary{display:flex;align-items:center;gap:8px;min-height:32px}
body.dtdeck-new .dtdeck-section-label{font-size:11px;line-height:18px;color:#8eaa92;flex:none}
body.dtdeck-new .dtdeck-composition{display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px;min-width:0;flex:1;font-size:12px;line-height:18px;color:#b9c5b3}
body.dtdeck-new .dtdeck-type-stat{white-space:nowrap}
body.dtdeck-new .dtdeck-type-stat b{font-size:inherit;font-weight:500;color:#e1d2a6}
body.dtdeck-new .dtdeck-type-overlap{color:#aebda6;font-size:12px;cursor:help;line-height:18px}
body.dtdeck-new .dtdeck-type-overlap:focus-visible{outline:1px solid #ddc68e;outline-offset:2px;border-radius:50%}
body.dtdeck-new .dtdeck-composition-empty{color:#a8b6a2}
body:not(.dtdeck-new) :is(.dtdeck-composition,.dtdeck-deck-title,.dtdeck-section-label){display:none!important}
body.dtdeck-new .dtdeck-view-tools{margin-left:auto;gap:8px;flex-wrap:wrap}
@media(max-width:1300px){
 body.dtdeck-new .deck-summary{display:grid;grid-template-columns:auto minmax(0,1fr)}
 body.dtdeck-new .dtdeck-composition{grid-area:auto;grid-column:2;grid-row:1}
 body.dtdeck-new .dtdeck-view-tools{grid-area:auto;grid-column:1/-1;grid-row:2;margin:4px 0 0;padding-top:8px;border-top:1px solid #a3b08c20;width:100%}
}
@media(max-width:1150px){
 body.dtdeck-new .deck-toolbar{gap:8px 12px;padding:10px 12px}
 body.dtdeck-new .dtdeck-heading{gap:10px}
 body.dtdeck-new .dtdeck-deck-title{font-size:20px!important}
 body.dtdeck-new .dtdeck-save-controls{gap:6px}
 body.dtdeck-new #save-status{max-width:160px}
}

/* Printed name and mana cost at reading size; the full image still opens only on click. */
.dtdeck-hover-card{display:none}
body.dtdeck-new .dtdeck-hover-card:not([hidden]){display:block;position:fixed;z-index:15;pointer-events:none;overflow:hidden;border:1px solid #d8cba18c;border-radius:7px;background:#101914;box-shadow:0 6px 22px #0009,0 0 9px #ddc99724}
body.dtdeck-new .dtdeck-hover-card img{display:block;width:100%;height:auto;max-width:none;pointer-events:none}

/* Commander leads its usual type stack without spending a separate column. */
body.dtdeck-new #deck-cards:not(.deck-list) .deck-position.dtdeck-commander{border:2px solid #dfc48d;border-radius:6px;box-shadow:0 0 0 1px #e5d4a348,0 2px 8px #0005}
body.dtdeck-new #deck-cards.deck-list .dtdeck-commander{border:1px solid #ddc18a70;border-left:3px solid #ddc18a;border-radius:4px;background:#e1c9910b;box-shadow:none}
body.dtdeck-new .dtdeck-hover-card[data-commander="true"]{border-color:#dfc48d}
body.dtdeck-new .dtdeck-hover-card[data-commander="true"]::after{content:"◇ Командир";position:absolute;bottom:5px;left:8px;padding:2px 6px;border-radius:3px;background:#15221de8;color:#e6ce97;font-size:11px;line-height:16px;letter-spacing:.02em}

body.dtdeck-new #desktop-builder{height:calc(100svh - 82px)}
body.dtdeck-new.deck-table-active #desktop-builder{height:100svh}
body.dtdeck-new .deck-format-control,body.dtdeck-new #commander-control{display:flex;min-width:0;align-items:center;margin:0}
body.dtdeck-new .deck-format-control select,body.dtdeck-new #deck-commander{height:26px;min-height:26px;font-size:11px;padding:2px 5px;max-width:190px}
body.dtdeck-new .deck-format-badge{display:inline-block;margin-left:6px;color:#e1d2a6;font-size:12px}
body.dtdeck-new #deck-commander{border-color:#ceb77d66!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}


body.dtdeck-new.deck-table-active #deck-cards{flex:1;min-height:0}