.deckmaker-page{min-width:960px;background:#0d1420;color:#e7ecf6}.deckmaker-page button,.deckmaker-page select,.deckmaker-page input{font:inherit}.deckmaker-page button{cursor:pointer;background:#22314a;border:1px solid #4a6182;color:#eaf1ff;border-radius:7px;padding:8px 11px}.deckmaker-page button:hover{border-color:#9ab8eb;background:#2d4365}.deckmaker-page button:disabled{opacity:.45;cursor:default}.deckmaker-page button.primary{background:#4267a6;border-color:#7298d2}.dm-shell{max-width:1800px;margin:auto;padding:22px 20px 45px}.dm-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.dm-head h1{font-size:27px;margin:3px 0 5px}.dm-head p{color:#aebed8;margin:0}.dm-kicker{font-size:11px;letter-spacing:.18em;color:#85a9e3}.dm-head-actions{display:flex;gap:8px}.dm-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(420px,1fr) minmax(290px,350px);gap:14px;align-items:start}.dm-detail,.dm-decks,.dm-search{background:#17243a;border:1px solid #354867;border-radius:13px;padding:15px;min-height:400px}.dm-detail{position:sticky;top:12px}.dm-detail h2{font-size:18px;margin:13px 0 5px}.dm-card-art{height:320px;display:grid;place-items:center;background:#0e192c;border:1px solid #354867;border-radius:8px}.dm-card-art img{height:100%;max-width:100%;object-fit:contain}.dm-card-art img:not([src]){display:none}.dm-card-art span{color:#8fa6c8;text-align:center;padding:12px}.dm-detail p{font-size:12px;line-height:1.6;color:#b8c9e3}.dm-detail #dmCardText{max-height:27vh;overflow:auto;white-space:pre-line}.dm-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dm-detail-actions #dmArt{grid-column:1/-1}.dm-title-row,.dm-library{display:flex;gap:6px;margin-bottom:9px}.dm-title-row input{flex:1;min-width:0;font-size:19px;font-weight:700}.deckmaker-page input,.deckmaker-page select{background:#0e192a;border:1px solid #425a7b;border-radius:7px;color:#e9f2ff;padding:8px}.dm-library select{flex:1;min-width:0}.dm-switch{display:flex;align-items:center;gap:6px;color:#d3e4fa;font-size:13px;margin:12px 0}.dm-switch small{color:#8fa6c8}.dm-zone{margin-top:15px}.dm-zone h2{display:flex;justify-content:space-between;border-bottom:1px solid #425a7b;padding:0 0 7px;font-size:15px;margin:0 0 8px}.dm-zone h2 span{color:#9bb4d9;font-size:12px}.dm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:6px;min-height:105px}.dm-card{position:relative;min-width:0;border:1px solid #485b79;border-radius:4px;background:#0d1727;cursor:pointer}.dm-card.active{outline:2px solid #a5c2fc}.dm-card img{width:100%;aspect-ratio:704/1024;object-fit:cover;display:block}.dm-card .dm-remove{position:absolute;top:2px;right:2px;background:#1b243eee;border:1px solid #8ca1c2;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;padding:0}.dm-card .dm-index{position:absolute;bottom:2px;left:2px;background:#111b2ddc;color:#fff;border-radius:3px;font-size:10px;padding:1px 3px}.dm-card.drag-over{outline:2px solid #80d9c4}.dm-hint{color:#99adc9;font-size:12px;line-height:1.5}.dm-search{position:sticky;top:12px;max-height:calc(100vh - 24px);display:flex;flex-direction:column}.dm-search h2{font-size:18px;margin:0 0 10px}.dm-search #dmQuery{width:100%;box-sizing:border-box}.dm-search #dmFiltersButton{text-align:left;margin:9px 0}.dm-filter-row{display:flex;gap:6px;margin-bottom:6px}.dm-filter-row label{flex:1;min-width:0;font-size:11px;color:#a9bfdf}.dm-filter-row select{width:100%;box-sizing:border-box;font-size:12px;margin-top:3px}.dm-results{overflow:auto;min-height:100px}.dm-result{display:grid;grid-template-columns:38px 1fr 34px;align-items:center;gap:8px;border-bottom:1px solid #354867;padding:6px 2px;cursor:pointer}.dm-result:hover{background:#243753}.dm-result img{width:38px;height:55px;object-fit:cover}.dm-result b{display:block;font-size:12px;line-height:1.4}.dm-result small{font-size:10px;color:#a1b5d0}.dm-result button{padding:5px}.dm-dialog{position:fixed;inset:0;z-index:100;background:#000b;display:grid;place-items:center}.dm-dialog[hidden],.dm-zone[hidden],#dmFilters[hidden]{display:none}.dm-dialog>div{background:#18263c;border:1px solid #6883a9;border-radius:12px;width:min(900px,90vw);max-height:88vh;overflow:auto;padding:18px}.dm-dialog header{display:flex;justify-content:space-between;align-items:center}.dm-dialog h2{margin:0;font-size:19px}.dm-recognized{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.dm-recognized button{display:flex;align-items:center;gap:7px;max-width:180px}.dm-recognized img{width:35px;height:52px;object-fit:cover}.dm-recognized .unsure{border-color:#eca864}.dm-dialog-actions{display:flex;gap:8px}#dmToast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#314e76;padding:9px 15px;border-radius:8px;z-index:110;opacity:0;pointer-events:none}#dmToast.show{opacity:1}@media(max-width:1200px){.dm-grid{grid-template-columns:220px minmax(360px,1fr) 300px}.dm-shell{padding:12px}.dm-cards{grid-template-columns:repeat(auto-fill,minmax(57px,1fr))}}@media(max-width:959px){.deckmaker-page{min-width:960px}}
#dmText{width:100%;box-sizing:border-box;background:#0e192a;color:#e9f2ff;border:1px solid #425a7b;border-radius:8px;padding:12px;font:14px/1.6 inherit;resize:vertical}.dm-head-actions{flex-wrap:wrap;justify-content:flex-end}

.dm-tags{margin-top:14px;padding:12px;border:1px solid #436589;border-radius:10px;background:#102338;display:flex;flex-wrap:wrap;gap:9px 13px;align-items:center}.dm-tags[hidden]{display:none}.dm-tags b{width:100%;color:#dcecff}.dm-tags label{font-size:13px;white-space:nowrap}.dm-tags small{width:100%;color:#96b4d1}
.dm-odds-panel{width:min(850px,calc(100vw - 40px));max-height:90vh;overflow:auto;padding:20px;background:#102035;border:1px solid #4d78a2;border-radius:14px;box-shadow:0 20px 60px #0009;color:#e8f3ff}.dm-odds-panel header{display:flex;justify-content:space-between;align-items:center}.dm-odds-panel h2,.dm-odds-panel h3{margin:4px 0 12px}.dm-odds-panel p{color:#bbd0e5}.dm-odds-panel button{border:1px solid #54749a;background:#1b3550;color:#fff;border-radius:6px;padding:7px 12px;cursor:pointer}.dm-odds-manual{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.dm-odds-manual label{display:grid;gap:5px;font-size:13px;color:#bcd4ed}.dm-odds-manual input{width:100%;box-sizing:border-box;background:#0b1829;border:1px solid #52769a;color:#fff;border-radius:6px;padding:9px}.dm-odds-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dm-odds-result>div{padding:12px;background:#172d48;border:1px solid #315b84;border-radius:9px;display:flex;justify-content:space-between;gap:12px}.dm-odds-result strong{color:#58c8ff}.dm-odds-group{display:grid!important;gap:8px}.dm-odds-group>b{color:#fff}.dm-odds-group span{display:flex;justify-content:space-between;gap:8px}.dm-odds-error{color:#ffb8a8!important;min-height:1em}@media(max-width:850px){.dm-odds-manual,.dm-odds-result{grid-template-columns:repeat(2,minmax(0,1fr))}}

.dm-import-sources{display:flex;gap:8px;flex-wrap:wrap;padding:16px;border:1px dashed #6a829c;border-radius:10px;background:#101a27;margin:14px 0}.dm-import-sources.over{border-color:#83cdd5;background:#1b3643}.dm-import-sources small{width:100%;color:#a8b4c6;line-height:1.5}
.deckmaker-page{background:#0e131b;color:#e9edf5}.deckmaker-page .dm-detail,.deckmaker-page .dm-decks,.deckmaker-page .dm-search{background:#171e29;border-color:#2c3747}.deckmaker-page button{background:#202a38;border-color:#405064}.deckmaker-page button.primary{background:#aac1ee;border-color:#aac1ee;color:#172337}.deckmaker-page input,.deckmaker-page select{background:#0e131b;border-color:#405064}.deckmaker-page .dm-zone h2{border-color:#384459}.deckmaker-page .dm-result{border-color:#293241}.deckmaker-page .dm-card-art{background:#0e131b;border-color:#384459}.deckmaker-page .dm-odds-panel,.deckmaker-page .dm-dialog>div{background:#171e29;border-color:#405064}.deckmaker-page .dm-odds-result>div{background:#202a38;border-color:#384459}.deckmaker-page .dm-odds-result strong{color:#b5d6f2}

.dm-card.cover::after{content:"대표";position:absolute;left:2px;bottom:2px;padding:1px 3px;background:#08182de8;color:#fff;font-size:9px;border:1px solid #8bcce5;border-radius:2px;pointer-events:none}

/* Image import correction matches the simulator's inline candidate picker. */
.dm-rec-fix[hidden]{display:none}
.dm-rec-fix{border:1px solid #6883a9;border-radius:9px;background:#101a2a;padding:12px;margin:10px 0}
.dm-rec-fix label{display:block;font-weight:700;margin-bottom:7px}
.dm-rec-fix input{width:100%;box-sizing:border-box}
.dm-rec-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;max-height:220px;overflow:auto;margin:9px 0}
.dm-rec-results button{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;min-width:0}
.dm-rec-results button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-rec-results small{color:#9aabc4}
.dm-rec-results p{color:#9aabc4}

/* Plain-language opening hand calculator. */
.dm-odds-manual label small{display:block;font-size:11px;line-height:1.35;color:#96a9c4;min-height:2.7em}
.dm-odds-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:10px 0 16px}.dm-odds-toolbar label{display:flex;align-items:center;gap:6px}.dm-odds-toolbar select{padding:7px}.dm-odds-toolbar span{font-size:12px;color:#a7bdd6}
.dm-odds-result>div span{display:grid;gap:3px}.dm-odds-result>div small{font-size:11px;color:#9bacc3}.dm-odds-result>div strong{white-space:nowrap}
.dm-odds-advanced{border:1px solid #384459;border-radius:9px;padding:12px;margin:18px 0}.dm-odds-advanced summary{font-weight:700;cursor:pointer}.dm-odds-advanced .dm-odds-manual{grid-template-columns:repeat(2,minmax(0,1fr))}.dm-odds-advanced .dm-odds-manual label small{min-height:0}
.dm-odds-compare{overflow-x:auto}.dm-odds-compare table{width:100%;border-collapse:collapse;text-align:right;font-size:13px}.dm-odds-compare th,.dm-odds-compare td{padding:9px;border-bottom:1px solid #34445a}.dm-odds-compare th:first-child{text-align:left}.dm-odds-compare .current{background:#284059}
@media(max-width:600px){.dm-odds-manual{grid-template-columns:repeat(2,minmax(0,1fr))}.dm-odds-result{grid-template-columns:1fr}}

/* Multi-role card markers, visible in the deck instead of hidden tag text. */
.dm-tags{gap:7px}.dm-tags b small{font-size:11px;color:#9faec3;font-weight:400}.dm-tags label{position:relative;display:inline-flex;border:1px solid #465466;border-radius:999px;cursor:pointer;overflow:hidden}.dm-tags label input{position:absolute;opacity:0;inset:0;cursor:pointer}.dm-tags label span{padding:6px 9px;font-weight:700;font-size:12px;color:#aab5c5}.dm-tags label:has(input:checked) span{color:#fff}.dm-tags .role-starter:has(input:checked){background:#176d55;border-color:#36bc84}.dm-tags .role-handtrap:has(input:checked){background:#1b5788;border-color:#55a9e5}.dm-tags .role-brick:has(input:checked){background:#813943;border-color:#e7808c}.dm-tags .role-lineA:has(input:checked){background:#806424;border-color:#eac055}.dm-tags .role-lineB:has(input:checked){background:#664291;border-color:#ae80dc}
.dm-role-badges{position:absolute;left:2px;top:2px;display:flex;flex-wrap:wrap;gap:2px;width:calc(100% - 30px);pointer-events:none}.dm-role-badges i{font-style:normal;font-size:10px;line-height:15px;width:15px;height:15px;text-align:center;color:#fff;border:1px solid #fff8;border-radius:3px;box-shadow:0 1px 3px #000}.dm-role-badges .role-starter{background:#188564}.dm-role-badges .role-handtrap{background:#2775ac}.dm-role-badges .role-brick{background:#a94755}.dm-role-badges .role-lineA{background:#a48232}.dm-role-badges .role-lineB{background:#744fa1}

/* Match the simulator's compact layout instead of forcing a desktop-width page. */
@media(max-width:959px){.deckmaker-page{min-width:0}.dm-shell{padding:10px}.dm-head{align-items:flex-start;flex-direction:column}.dm-head-actions{justify-content:flex-start}.dm-grid{display:flex;flex-direction:column}.dm-detail,.dm-decks,.dm-search{position:static;max-height:none;min-height:0;width:100%;box-sizing:border-box}.dm-search{order:0}.dm-decks{order:1}.dm-detail{order:2}.dm-cards{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.dm-card-art{height:260px}.dm-dialog>div{width:min(900px,95vw);box-sizing:border-box}.dm-odds-panel{width:min(850px,95vw);box-sizing:border-box}}
@media(max-width:520px){.dm-head-actions button{flex:1 1 auto}.dm-title-row,.dm-library{flex-wrap:wrap}.dm-title-row input,.dm-library select{flex:1 1 100%}.dm-detail-actions{grid-template-columns:1fr 1fr}}

/* Card details and deck actions */
.deckmaker-page .dm-grid{grid-template-columns:minmax(282px,320px) minmax(360px,1fr) minmax(260px,320px)}
.deckmaker-page .dm-detail{min-width:0;overflow:hidden}
.deckmaker-page .dm-card-art{height:auto;min-height:300px;max-height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;padding:8px}
.deckmaker-page .dm-card-art img{display:block;width:auto;height:auto;max-width:100%;max-height:322px;object-fit:contain;flex:none}
.deckmaker-page .dm-card-art img:not([src]),.deckmaker-page #dmEmptyPreview[hidden]{display:none!important}
.deckmaker-page #dmCardName{position:static;clear:both;margin:12px 0 8px;font-size:18px;line-height:1.35;overflow-wrap:break-word}
.deckmaker-page .dm-card-meta{display:grid;gap:7px;margin-bottom:10px;color:#dce9fa;font-size:12px}
.deckmaker-page .dm-card-kind{line-height:1.5;overflow-wrap:break-word}
.deckmaker-page .dm-card-stats{display:flex;flex-wrap:wrap;gap:5px}
.deckmaker-page .dm-card-stats span{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 7px;border:1px solid #465d79;border-radius:6px;background:#11243a;color:#e8f2ff;font-weight:700}
.deckmaker-page #dmCardText{max-height:28vh;min-height:60px;line-height:1.6;font-size:13px;overflow-wrap:break-word;padding:10px 0;border-top:1px solid #34445a;border-bottom:1px solid #34445a}
.deckmaker-page .dm-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.deckmaker-page .dm-detail-actions button{min-width:0;min-height:42px;line-height:1.25;white-space:nowrap;padding:7px 5px;font-size:12px}
.deckmaker-page .dm-detail-actions #dmArt{grid-column:auto}
.deckmaker-page .dm-detail-actions #dmPaperEdit{grid-column:1/-1}
.dm-art-dialog{width:min(680px,94vw)!important}.dm-art-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px;margin-top:14px}.dm-art-options button{display:grid;gap:7px;text-align:center;padding:8px}.dm-art-options button.active{border-color:#b3d3fa;background:#294a6c}.dm-art-thumb{display:flex;align-items:center;justify-content:center;height:175px}.dm-art-thumb img{max-height:100%;max-width:100%;object-fit:contain}
@media(max-width:1100px){.deckmaker-page .dm-grid{grid-template-columns:minmax(260px,300px) minmax(320px,1fr) minmax(245px,290px)}}
@media(max-width:959px){.deckmaker-page .dm-grid{display:flex;flex-direction:column}.deckmaker-page .dm-card-art{max-height:300px}}

.dm-route-roles{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%;margin-top:3px}.dm-route-add{min-height:31px;padding:4px 8px!important;font-size:12px!important}.dm-tags .dm-route-roles label:has(input:checked){background:#735334;border-color:#d9a260}.dm-tags .dm-route-roles label:has(input:checked) span{color:#fff}
.dm-role-badges i[class^="role-line"]{background:#8b6841!important}

.dm-head-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.dm-workflow{flex-basis:100%;text-align:right;font-size:12px;color:#a9c6e5}.dm-workflow b{padding:0 6px;color:#7092b2}
.dm-head-tools{position:relative}.dm-head-tools summary{list-style:none;cursor:pointer;background:#202a38;border:1px solid #405064;border-radius:7px;padding:8px 11px;white-space:nowrap}.dm-head-tools summary::-webkit-details-marker{display:none}.dm-head-tools>div{position:absolute;z-index:50;right:0;top:calc(100% + 5px);min-width:190px;display:grid;gap:5px;padding:8px;background:#171e29;border:1px solid #526987;border-radius:9px;box-shadow:0 12px 30px #000a}.dm-head-tools button{text-align:left}
@media(max-width:959px){.dm-workflow{text-align:left}.dm-head-actions{justify-content:flex-start}}

/* Master Duel deck editor proportions: large central card board, compact side panes. */
@media(min-width:960px){
 .deckmaker-page .dm-shell{max-width:none;padding:14px 16px 24px}
 .deckmaker-page .dm-head{margin-bottom:10px;align-items:center}
 .deckmaker-page .dm-head h1{font-size:23px}
 .deckmaker-page .dm-head p{font-size:12px;max-width:370px}
 .deckmaker-page .dm-grid{grid-template-columns:minmax(225px,260px) minmax(0,1fr) minmax(210px,250px);gap:10px;align-items:stretch}
 .deckmaker-page .dm-detail,.deckmaker-page .dm-decks,.deckmaker-page .dm-search{border-radius:3px;border-color:#53657d;box-shadow:inset 0 0 0 2px #0d1724,0 8px 24px #0005}
 .deckmaker-page .dm-detail,.deckmaker-page .dm-search{top:10px;max-height:calc(100vh - 20px);overflow:auto}
 .deckmaker-page .dm-decks{min-height:calc(100vh - 190px)}
 .deckmaker-page .dm-cards{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;align-content:start}
 .deckmaker-page #dmMain{min-height:475px}
 .deckmaker-page #dmExtra{min-height:125px}
 .deckmaker-page .dm-card{border-color:#758296;border-radius:2px;box-shadow:0 2px 6px #0009}
 .deckmaker-page .dm-card.active{outline:2px solid #f3d471;outline-offset:1px}
 .deckmaker-page .dm-card .dm-index{display:none}
 .deckmaker-page .dm-card .dm-remove{width:21px;height:21px;opacity:0;transition:opacity .1s}
 .deckmaker-page .dm-card:hover .dm-remove,.deckmaker-page .dm-card:focus-within .dm-remove{opacity:1}
 .deckmaker-page .dm-zone h2{font-size:17px;background:#1f2f45;padding:8px 10px;margin:-3px -3px 8px;border-bottom:2px solid #63859f}
 .deckmaker-page .dm-zone h2 span{font-size:14px;color:#c1d7ed}
 .deckmaker-page .dm-search #dmResults:not(:empty){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-content:start}
 .deckmaker-page .dm-result{display:block;position:relative;padding:1px;border:1px solid #526a83;border-radius:2px;background:#111b2a;min-width:0;overflow:hidden}
 .deckmaker-page .dm-result img{display:block;width:100%;height:auto;aspect-ratio:704/1024;object-fit:cover}
 .deckmaker-page .dm-result span{display:none}
 .deckmaker-page .dm-result button{position:absolute;right:2px;bottom:2px;min-width:25px;height:25px;padding:0;border-radius:50%;font-size:19px;line-height:1;background:#173e5be9}
 .deckmaker-page .dm-result:hover,.deckmaker-page .dm-result:focus-within{outline:2px solid #9fd5ff;outline-offset:-2px}
}
@media(min-width:960px) and (max-width:1150px){.deckmaker-page .dm-grid{grid-template-columns:210px minmax(0,1fr) 210px}.deckmaker-page .dm-cards{grid-template-columns:repeat(8,minmax(0,1fr))}.deckmaker-page #dmMain{min-height:430px}}
@media(max-width:959px){.deckmaker-page .dm-cards{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}.deckmaker-page #dmMain{min-height:270px}}
.deckmaker-page #dmMain:empty::before{content:'오른쪽에서 카드를 검색하고 +를 눌러 덱을 채우세요';grid-column:1/-1;align-self:center;text-align:center;color:#a8bed2;font-size:14px}

/* Archive-width canvas keeps deck thumbnails readable on large monitors. */
@media(min-width:960px){
 .deckmaker-page .dm-shell{max-width:1520px;width:100%;box-sizing:border-box;margin-inline:auto;padding:22px 28px 36px}
 .deckmaker-page .dm-grid{grid-template-columns:minmax(225px,260px) minmax(0,1fr) minmax(210px,250px)}
 .deckmaker-page .dm-cards{grid-template-columns:repeat(10,minmax(0,1fr))}
 .deckmaker-page .dm-card img{max-width:100%}
}
@media(min-width:960px) and (max-width:1150px){.deckmaker-page .dm-shell{padding:16px 18px}.deckmaker-page .dm-cards{grid-template-columns:repeat(8,minmax(0,1fr))}}

/* Keep the selected card's controls visible; scroll long effect text inside its own pane. */
@media(min-width:960px){
 .deckmaker-page .dm-grid .dm-detail{display:flex;flex-direction:column;height:calc(100vh - 190px);min-height:520px;max-height:calc(100vh - 22px);overflow:hidden;box-sizing:border-box}
 .deckmaker-page .dm-card-art{height:clamp(180px,24vh,270px);min-height:0;max-height:none;flex:0 0 auto;padding:4px}
 .deckmaker-page .dm-card-art img{max-height:100%}
 .deckmaker-page #dmCardName{flex:0 0 auto;margin:8px 0 5px}
 .deckmaker-page .dm-card-meta{flex:0 0 auto;margin-bottom:4px;gap:3px}
 .deckmaker-page #dmCardText{flex:1 1 auto;min-height:55px;max-height:none;margin:5px 0 8px;padding:7px 0;overflow-y:auto;overscroll-behavior:contain}
 .deckmaker-page .dm-detail-actions{flex:0 0 auto}
 .deckmaker-page .dm-detail-actions button{min-height:35px}
 .deckmaker-page .dm-tags{flex:0 0 auto;max-height:155px;overflow:auto;margin-top:8px}
}
@media(min-width:960px) and (max-height:760px){.deckmaker-page .dm-grid .dm-detail{height:calc(100vh - 155px);min-height:0}.deckmaker-page .dm-card-art{height:clamp(150px,22vh,190px)}.deckmaker-page .dm-tags{max-height:120px}.deckmaker-page .dm-detail-actions button{min-height:31px}}

/* The effect text alone scrolls; role controls remain fully visible. */
@media(min-width:960px){
 .deckmaker-page .dm-grid .dm-detail{height:auto;min-height:0;max-height:none;overflow:visible}
 .deckmaker-page .dm-card-art{height:clamp(175px,21vh,250px)}
 .deckmaker-page #dmCardText{flex:0 0 auto;height:clamp(110px,18vh,190px);min-height:0;max-height:none;overflow-y:auto}
 .deckmaker-page .dm-tags{flex:0 0 auto;max-height:none;overflow:visible}
}
@media(min-width:960px) and (max-height:760px){.deckmaker-page .dm-grid .dm-detail{height:auto;min-height:0}.deckmaker-page .dm-card-art{height:145px}.deckmaker-page #dmCardText{height:105px}.deckmaker-page .dm-tags{max-height:none;overflow:visible}}

/* Master Duel deck card actions */
.deckmaker-page .dm-card-stats img{width:19px;height:19px;object-fit:contain;vertical-align:middle;margin-right:3px}
.deckmaker-page .dm-card .dm-add,.deckmaker-page .dm-card .dm-remove{position:absolute;top:3px;width:23px;height:23px;min-width:23px;min-height:23px;padding:0;display:grid;place-items:center;line-height:1;font-size:18px;font-weight:700;color:#fff;background:#10192be8;border:1px solid #a4b9d9;border-radius:50%;opacity:1;z-index:2;box-sizing:border-box;transform:none}
.deckmaker-page .dm-card .dm-add{left:3px;right:auto}
.deckmaker-page .dm-card .dm-remove{right:3px;left:auto}
.deckmaker-page .dm-card .dm-add:hover,.deckmaker-page .dm-card .dm-remove:hover{background:#255b91;border-color:#e4f3ff}
+
.dm-search-tabs,.dm-search-tools{display:flex;gap:6px;margin:0 0 8px}.dm-search-tabs button{flex:1}.dm-search-tabs button.active{border-color:#bde342;background:#43571d;color:#f4ffd2}.dm-search-tools button{flex:1;padding:7px 3px;font-size:12px}.deckmaker-page .dm-filter-row input{width:100%;box-sizing:border-box;margin-top:3px}.deckmaker-page .dm-result{grid-template-columns:38px minmax(0,1fr) 24px 24px 24px;gap:3px}.deckmaker-page .dm-result button{font-size:16px;padding:1px;min-width:24px;height:26px;display:grid;place-items:center}.deckmaker-page #dmBookmark{margin:7px 0;color:#deef97}.deckmaker-page #dmPreview{cursor:zoom-in}

.deckmaker-page .dm-filter-special{border-top:1px solid #42556d;padding:10px 0}.deckmaker-page .dm-filter-special>b{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:8px}.deckmaker-page .dm-filter-special>b img,.deckmaker-page .dm-filter-icon{width:19px;height:19px;object-fit:contain;vertical-align:middle}.deckmaker-page .dm-link-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.deckmaker-page .dm-link-choices button{height:35px;padding:3px}.deckmaker-page .dm-link-choices img{width:24px;height:24px;object-fit:contain}.deckmaker-page .dm-filter-pills{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.deckmaker-page .dm-filter-special button.active{background:#b5dd18;color:#17210b;border-color:#e4fa64}.deckmaker-page #dmMarkerMode{width:100%;margin-top:7px;font-size:11px}.deckmaker-page .dm-filter-row label{min-width:0}

.deckmaker-page .dm-card .dm-add img,.deckmaker-page .dm-card .dm-remove img{width:17px;height:17px;object-fit:contain;display:block;filter:brightness(0) invert(1)}.deckmaker-page .dm-search-tabs img,.deckmaker-page #dmBookmark img{width:18px;height:18px;vertical-align:middle;object-fit:contain}.deckmaker-page .dm-card .dm-add,.deckmaker-page .dm-card .dm-remove{align-items:center;justify-items:center}

.deckmaker-page .dm-card>img{width:100%;height:auto;aspect-ratio:704/1024;object-fit:cover;display:block}
.deckmaker-page .dm-card .dm-add img,.deckmaker-page .dm-card .dm-remove img{width:16px;height:16px;max-width:16px;aspect-ratio:auto;object-fit:contain}
.deckmaker-page .dm-card-stats img{width:19px;height:19px;max-width:19px;aspect-ratio:auto;object-fit:contain;flex:none}
@media(min-width:960px){.deckmaker-page .dm-card .dm-add,.deckmaker-page .dm-card .dm-remove{position:absolute;top:3px;width:23px;height:23px;min-width:23px;min-height:23px;opacity:1;display:grid;place-items:center;padding:0;border-radius:50%;z-index:3}.deckmaker-page .dm-card .dm-add{left:3px;right:auto}.deckmaker-page .dm-card .dm-remove{right:3px;left:auto}}

.deckmaker-page .dm-card .dm-action-sign{position:absolute;right:-3px;bottom:-4px;display:grid;place-items:center;width:12px;height:12px;border-radius:50%;background:#67c8f5;color:#071424;font-size:11px;font-weight:900;line-height:1;border:1px solid #fff}.deckmaker-page .dm-card .dm-remove .dm-action-sign{background:#f57e85}

@media(min-width:960px){.deckmaker-page .dm-result button{position:absolute;min-width:22px;width:22px;height:22px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:17px;line-height:1;z-index:2}.deckmaker-page .dm-result [data-bookmark]{left:2px;top:2px;right:auto;bottom:auto;color:#e6ef90}.deckmaker-page .dm-result [data-add]{left:2px;bottom:2px;right:auto;background:#1e6992}.deckmaker-page .dm-result [data-remove]{right:2px;bottom:2px;background:#843946}}

/* Keep card artwork clear until the user points at a card or taps it. */
.deckmaker-page .dm-card .dm-add,.deckmaker-page .dm-card .dm-remove{opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;transform:scale(.8)}
.deckmaker-page .dm-card:hover .dm-add,.deckmaker-page .dm-card:hover .dm-remove,.deckmaker-page .dm-card:focus-within .dm-add,.deckmaker-page .dm-card:focus-within .dm-remove,.deckmaker-page .dm-card.touch-active .dm-add,.deckmaker-page .dm-card.touch-active .dm-remove{opacity:1;pointer-events:auto;transform:scale(1)}
.deckmaker-page .dm-card .dm-add img,.deckmaker-page .dm-card .dm-remove img{display:none}
.deckmaker-page .dm-card .dm-add,.deckmaker-page .dm-card .dm-remove{width:26px;height:26px;min-width:26px;min-height:26px;background:#071326ee;border:2px solid #dce9f7}
.deckmaker-page .dm-card .dm-add{border-color:#95dcff}
.deckmaker-page .dm-card .dm-remove{border-color:#ffb6b6}
.deckmaker-page .dm-card .dm-action-sign{position:static;width:auto;height:auto;border:0;background:none;color:#fff;font-size:22px;line-height:1;font-weight:700}
.deckmaker-page .dm-card .dm-add .dm-action-sign{color:#a9e7ff}.deckmaker-page .dm-card .dm-remove .dm-action-sign{color:#ffc2c2;background:none}
.deckmaker-page .dm-result button{opacity:0;pointer-events:none;transition:opacity .12s}.deckmaker-page .dm-result:hover button,.deckmaker-page .dm-result:focus-within button,.deckmaker-page .dm-result.touch-active button{opacity:1;pointer-events:auto}
@media(hover:none){.deckmaker-page .dm-card.active .dm-add,.deckmaker-page .dm-card.active .dm-remove{opacity:1;pointer-events:auto;transform:scale(1)}}

@media(min-width:1200px){.deckmaker-page .dm-grid{grid-template-columns:minmax(230px,260px) minmax(530px,1fr) minmax(310px,350px)}.deckmaker-page .dm-search #dmResults:not(:empty){grid-template-columns:repeat(4,minmax(0,1fr))}}
.deckmaker-page .dm-search-tabs button{padding:9px 5px;white-space:nowrap;font-size:12px}.deckmaker-page .dm-search-tools button{min-height:35px;font-size:12px;white-space:nowrap}.deckmaker-page .dm-search #dmQuery{min-height:39px}

.deckmaker-page .dm-role-badges{left:2px;right:2px;top:2px;bottom:auto;width:auto;max-width:none;display:grid;grid-template-columns:repeat(3,12px);grid-auto-rows:12px;gap:1px;justify-content:start;pointer-events:none;z-index:2}.deckmaker-page .dm-role-badges i{width:12px;height:12px;line-height:11px;font-size:9px;font-weight:900;box-sizing:border-box;border-radius:2px;border:1px solid #efffff;box-shadow:0 1px 3px #000d}.deckmaker-page .dm-role-badges .role-starter{background:#087a45;color:#ebfff2}.deckmaker-page .dm-role-badges .role-handtrap{background:#136ac4;color:#fff}.deckmaker-page .dm-role-badges .role-brick{background:#d13232;color:#fff}.deckmaker-page .dm-role-badges .role-lineA{background:#8c5be5!important}.deckmaker-page .dm-role-badges .role-lineB{background:#e59222!important}.deckmaker-page .dm-role-badges .role-lineC{background:#167d88!important}.deckmaker-page .dm-role-badges .role-lineD{background:#b94f9c!important}.deckmaker-page .dm-role-badges .role-lineE{background:#707f22!important}.deckmaker-page .dm-role-badges .role-lineF{background:#2e71ac!important}.deckmaker-page .dm-role-badges .role-lineG{background:#a14e56!important}.deckmaker-page .dm-role-badges .role-lineH{background:#7364a9!important}.deckmaker-page .dm-card .dm-add,.deckmaker-page .dm-card .dm-remove{top:auto;bottom:3px}.deckmaker-page .dm-card .dm-add{left:3px}.deckmaker-page .dm-card .dm-remove{right:3px}@media(min-width:960px){.deckmaker-page .dm-card .dm-add,.deckmaker-page .dm-card .dm-remove{top:auto;bottom:3px}}

.deckmaker-page .dm-role-badges{grid-template-columns:repeat(3,15px);grid-auto-rows:15px;gap:1px;left:2px;top:2px;right:auto;width:47px}.deckmaker-page .dm-role-badges i{width:15px;height:15px;font-size:10px;line-height:14px}.deckmaker-page .dm-card .dm-add,.deckmaker-page .dm-card .dm-remove{width:20px;height:20px;min-width:20px;min-height:20px;bottom:2px;border-width:1px}.deckmaker-page .dm-card .dm-add{left:2px}.deckmaker-page .dm-card .dm-remove{right:2px}.deckmaker-page .dm-card .dm-action-sign{font-size:17px;line-height:18px}@media(min-width:960px){.deckmaker-page .dm-card .dm-add,.deckmaker-page .dm-card .dm-remove{width:20px;height:20px;min-width:20px;min-height:20px;bottom:2px}.deckmaker-page .dm-card .dm-add{left:2px}.deckmaker-page .dm-card .dm-remove{right:2px}}

.deckmaker-page .dm-text-tools{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.deckmaker-page .dm-text-tools button{flex:1;min-width:130px}.deckmaker-page #dmText{width:100%;box-sizing:border-box;line-height:1.6}

/* Full card rows scroll instead of being compressed into the results pane. */
.deckmaker-page .dm-search{overflow:hidden;min-height:0}
.deckmaker-page .dm-search> :not(#dmResults){flex-shrink:0}
.deckmaker-page .dm-search #dmFilters{max-height:40dvh;overflow-y:auto;flex-shrink:1}
.deckmaker-page .dm-search #dmResults:not(:empty){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:max-content;align-content:start;align-items:start;gap:8px;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;padding:2px;scrollbar-gutter:stable;overscroll-behavior:contain}
.deckmaker-page .dm-search .dm-result{display:block;position:relative;aspect-ratio:704/1024;height:auto;min-height:0;min-width:0;padding:0;box-sizing:border-box;overflow:hidden;border:1px solid #526a83;border-radius:2px}
.deckmaker-page .dm-search .dm-result>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.deckmaker-page .dm-search .dm-result>span{display:none}
.deckmaker-page .dm-search .dm-result button{position:absolute;width:22px;min-width:22px;height:22px;min-height:22px;padding:0;border-radius:50%;z-index:2}
.deckmaker-page .dm-search .dm-result [data-bookmark]{left:2px;top:2px;right:auto;bottom:auto}
.deckmaker-page .dm-search .dm-result [data-add]{left:2px;bottom:2px;right:auto;top:auto}
.deckmaker-page .dm-search .dm-result [data-remove]{right:2px;bottom:2px;left:auto;top:auto}
.deckmaker-page .dm-route-role{display:inline-flex;align-items:center;border:1px solid #405064;border-radius:18px;overflow:hidden}
.deckmaker-page .dm-route-role label{border:0!important;margin:0!important}
.deckmaker-page .dm-route-role button{padding:0 7px;min-width:24px;height:30px;border:0;border-left:1px solid #405064;border-radius:0;background:transparent;font-size:18px;line-height:1;color:#b8c8df}
.deckmaker-page .dm-route-role button:hover{color:#ffb3b3;background:#472733}
@media(min-width:960px){.deckmaker-page .dm-search{height:calc(100dvh - 190px);max-height:calc(100dvh - 24px)}}
@media(max-width:959px){.deckmaker-page .dm-search #dmResults:not(:empty){grid-template-columns:repeat(auto-fill,minmax(72px,1fr));flex:none;max-height:55dvh}}

/* Search thumbnails match the deck grid scale and retain full card proportions. */
@media(min-width:960px){.deckmaker-page .dm-search #dmResults:not(:empty){grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}}

.deckmaker-page .dm-role-badges .role-handtrap{font-size:13px;line-height:13px;font-family:"Segoe UI Symbol",sans-serif}

.dm-toolbar-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.deckmaker-page .dm-toolbar-tools button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;font-size:12px;white-space:nowrap}
.dm-toolbar-tools svg{width:20px;height:20px;flex:0 0 20px;color:#bfd3ee}
.deckmaker-page .dm-main-subhead{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:5px 0 1px;padding:5px 7px;font-size:12px;font-weight:700;border-left:3px solid currentColor;background:#111b29;color:#e5c294}
.deckmaker-page .dm-main-subhead span{font-size:11px;opacity:.85}
.deckmaker-page .dm-main-subhead.dm-type-spell{color:#7cdbbc}.deckmaker-page .dm-main-subhead.dm-type-trap{color:#e2a2d7}
@media(max-width:700px){.dm-toolbar-tools{width:100%}.deckmaker-page .dm-toolbar-tools button{flex:1;padding:8px 5px;gap:4px}}

.dm-deck-view-options{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:12px 0}.dm-deck-view-options .dm-switch{margin:0}.dm-ban-controls{display:flex;align-items:center;gap:8px;font-size:12px}.dm-ban-controls label{display:flex;align-items:center;gap:5px;white-space:nowrap}.dm-ban-controls select{padding:5px 8px;font-size:12px;width:auto}.deckmaker-page .dm-card>img.dm-ban-icon{position:absolute;left:2px;top:2px;width:19px;height:19px;min-height:0;aspect-ratio:1;object-fit:contain;border:0;border-radius:0;pointer-events:none;z-index:3}.deckmaker-page .dm-ban-on .dm-role-badges{top:23px}

#dmRelatedHeader{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px;background:#20354b;border:1px solid #527d9e;border-radius:7px}#dmRelatedHeader[hidden]{display:none}#dmRelatedHeader>div{flex:1;min-width:0}#dmRelatedHeader b{display:block;font-size:14px;overflow-wrap:anywhere}#dmRelatedHeader small{display:block;margin-top:5px;color:#afc7df;font-size:12px}#dmRelatedClose{min-width:32px;padding:5px;font-size:20px}#dmRelated:disabled{opacity:.45;cursor:default}

.dm-search-section{grid-column:1/-1;padding:9px 3px 5px;color:#c7dff4;font-size:13px;font-weight:700;border-bottom:1px solid #405772;margin-bottom:4px}.dm-search-more{grid-column:1/-1;min-height:38px;margin:8px 0}