/* v1.3.9 내 보유 장수 · 전법 그림 화면 (새 기능 owned_screen) — 시안 2차 그대로 */
/* 시안: 덱편성 › 내 보유 장수 · 전법 체크 (C안 달빛 서고 색 · 실제 사이트 변수 그대로) */
.ow{--ow-bg:var(--m-panel,#1C2842);--ow-card:var(--m-card,#23304D);--ow-card2:var(--m-card2,#2E3C5C);--ow-line:var(--m-line,rgba(124,198,255,.16));--ow-line2:var(--m-line2,rgba(124,198,255,.28));
 --ow-tx:var(--m-tx,#EEF3FA);--ow-tx2:var(--m-tx2,#B3C1D6);--ow-tx3:var(--m-tx3,#9FAFC8);--ow-teal:var(--m-teal,#7CC6FF);--ow-violet:var(--m-violet,#9E90F5);--ow-rose:var(--m-rose,#FF8DA1);
 --ow-green:var(--m-green,#6EDFB8);--ow-orange:var(--m-orange,#FFB27C);--ow-gold:#C2B6FF;color:var(--ow-tx);font-family:var(--m-sans,'Noto Sans KR','Noto Sans CJK KR',sans-serif);padding:0 0 96px}
.ow *{box-sizing:border-box}
.ow-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin:6px 0 18px}
.ow-kick{font:600 11px/1 var(--m-sans,sans-serif);letter-spacing:.42em;color:var(--ow-teal);margin-bottom:10px}
.ow-title{margin:0;font:900 34px/1.15 var(--m-serif,'Noto Serif KR',serif);color:var(--ow-tx);letter-spacing:-.01em}
.ow-sub{margin:9px 0 0;font-size:14.5px;line-height:1.6;color:var(--ow-tx2);max-width:760px}
.ow-sub b{color:var(--ow-tx);font-weight:800}
.ow-steps{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.ow-steps li{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--ow-line2);border-radius:999px;font-size:13.5px;font-weight:800;color:var(--ow-tx3);background:rgba(28,40,66,.6)}
.ow-steps li i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid currentColor;font-style:normal;font-size:12px}
.ow-steps li.on{color:#04121c!important;-webkit-text-fill-color:#04121c;background:linear-gradient(90deg,#7CC6FF,#9E90F5);border-color:transparent}
.ow-steps li.on i{border-color:#1c2842}
.ow-bar{position:sticky;top:calc(var(--m-head,76px) + 6px);z-index:5;display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:10px 14px;align-items:center;padding:12px 14px;border:1px solid var(--ow-line2);border-radius:16px;background:rgba(28,40,66,.94);backdrop-filter:blur(6px);margin-bottom:14px}
.ow-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--ow-line);border-radius:12px;background:#18243C}
.ow-tabs button{all:unset;cursor:pointer;padding:9px 16px;border-radius:9px;font-size:15px;font-weight:800;color:var(--ow-tx2);white-space:nowrap}
.ow-tabs button b{color:var(--ow-tx);margin-left:4px}.ow-tabs button small{color:var(--ow-tx3);font-weight:700}
.ow-tabs button.on{background:var(--ow-teal)!important;color:#04121c!important;-webkit-text-fill-color:#04121c}.ow-tabs button.on b,.ow-tabs button.on small{color:#04121c!important;-webkit-text-fill-color:#04121c}
.ow-search{display:flex;align-items:center;gap:8px;padding:0 13px;height:44px;border:1px solid var(--ow-line2);border-radius:12px;background:#18243C;color:var(--ow-tx3)}
.ow-search input{all:unset;flex:1;min-width:0;font-size:15px;color:var(--ow-tx)}
.ow-search input::placeholder{color:var(--ow-tx3)}
.ow-bulk{display:flex;gap:6px}
.ow-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 13px;border:1px solid var(--ow-line2);border-radius:10px;font-size:13.5px;font-weight:800;color:var(--ow-tx);background:#23304D;white-space:nowrap}
.ow-btn:hover{border-color:var(--ow-teal)}.ow-btn.on{background:var(--ow-violet)!important;border-color:var(--ow-violet);color:#fff!important}
.ow-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ow-chip{all:unset;cursor:pointer;padding:6px 12px;border:1px solid var(--ow-line2);border-radius:999px;font-size:13px;font-weight:800;color:var(--ow-tx2);background:#1C2842;white-space:nowrap}
.ow-chip.on{background:#EEF3FA!important;color:#0A1020!important;-webkit-text-fill-color:#0A1020;border-color:#EEF3FA!important}
.ow-chip i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}
.ow-chip.sep{all:unset;width:1px;height:20px;background:var(--ow-line2);margin:0 4px}
.ow-note{margin-left:auto;font-size:12.5px;color:var(--ow-tx3)}
.ow-new[hidden]{display:none!important}
.ow-new{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;border:1px solid rgba(255,178,124,.45);border-radius:12px;background:rgba(255,178,124,.08);font-size:14px;color:var(--ow-tx)}
.ow-new b{color:var(--ow-orange)}
.ow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:12px 10px}
.ow-card{cursor:pointer;position:relative;outline:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 4px 8px;border-radius:14px;border:1px solid transparent;transition:background .15s,border-color .15s}
.ow-card:hover{background:rgba(124,198,255,.06);border-color:var(--ow-line)}
.ow-card:focus-visible{outline:2px solid var(--ow-teal);outline-offset:2px}
.ow-img{display:block;width:86px;height:95px;border-radius:12px;border:1.5px solid var(--ow-line2);background-color:#2E3C5C;background-repeat:no-repeat;box-shadow:0 6px 16px rgba(0,0,0,.35);transition:filter .15s,opacity .15s}
.ow-sk .ow-img{width:78px;height:78px;border-radius:16px;background-size:cover;background-position:center}
.ow-ph{display:grid;place-items:center;font:900 22px/1 var(--m-serif,serif);color:var(--ow-tx2)}
.ow-sk .ow-ph{font-size:17px;line-height:1.1;text-align:center;padding:6px;word-break:keep-all}
.ow-name{max-width:100%;font-size:13.5px;font-weight:800;color:var(--ow-tx);text-align:center;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ow-meta{font-size:11.5px;font-weight:700;color:var(--ow-tx3);margin-top:-3px}
.ow-f{position:absolute;top:8px;right:9px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:900 11.5px/1 var(--m-sans,sans-serif);color:#fff;border:1.5px solid rgba(255,255,255,.7)}
.ow-f.f1{background:#2F6FE4}.ow-f.f2{background:#177A50}.ow-f.f3{background:#C8412F}.ow-f.f4{background:#8A57D8}
.ow-t{position:absolute;top:8px;right:11px;width:12px;height:12px;border-radius:50%;border:2px solid #1C2842}
.ow-t.t1{background:var(--ow-gold)}.ow-t.t2{background:var(--ow-rose)}.ow-t.t3{background:var(--ow-green)}.ow-t.t4{background:var(--ow-orange)}
.ow-chk{position:absolute;top:2px;left:2px;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ow-teal);color:#04121c;border:2px solid #1C2842;box-shadow:0 2px 6px rgba(0,0,0,.45);font-style:normal}
.ow-chk svg{width:15px;height:15px}
.ow-card:not(.on) .ow-chk{background:#1C2842;border:2px solid var(--ow-tx3);color:transparent}
.ow-card:not(.on) .ow-img{filter:grayscale(1) brightness(.55);opacity:.55;border-style:dashed}
.ow-card:not(.on) .ow-name{color:var(--ow-tx3);text-decoration:line-through;text-decoration-color:rgba(159,175,200,.6)}
.ow-off{display:none;position:absolute;top:64px;left:50%;transform:translateX(-50%);padding:3px 8px;border-radius:7px;background:rgba(20,31,54,.86);border:1px solid rgba(255,141,161,.6);font-size:11.5px;font-weight:900;color:var(--ow-rose);white-space:nowrap}
.ow-sk .ow-off{top:52px}
.ow-card:not(.on) .ow-off{display:block}
.ow-newtag{position:absolute;bottom:34px;right:6px;padding:1px 6px;border-radius:6px;background:var(--ow-orange);color:#1b1206;font-size:10.5px;font-weight:900}
.ow-cnt{display:none;align-items:center;gap:2px;margin-top:-2px}
.ow-cnt button{all:unset;cursor:pointer;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;border:1px solid var(--ow-line2);font-weight:900;color:var(--ow-tx)}
.ow-cnt b{min-width:20px;text-align:center;font-size:13px}
.ow.cnt .ow-sk.on .ow-cnt{display:flex}
.ow-x{position:absolute;top:66px;right:12px;padding:1px 6px;border-radius:6px;background:var(--ow-violet);color:#fff;font-size:11px;font-weight:900}
.ow.cnt .ow-x{display:none}
.ow-empty{grid-column:1/-1;padding:28px;text-align:center;color:var(--ow-tx3);font-size:14px}
.ow-foot{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:12px;padding:12px max(18px,calc((100vw - 1400px)/2));background:rgba(20,31,54,.94);border-top:1px solid var(--ow-line2);backdrop-filter:blur(8px)}
.ow-sum{flex:1;min-width:0;font-size:14.5px;color:var(--ow-tx2)}
.ow-sum b{color:var(--ow-tx);font-size:16px}
.ow-sum small{display:block;font-size:12px;color:var(--ow-tx3);margin-top:2px}
.ow-next{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;background:linear-gradient(90deg,#7CC6FF,#9E90F5)!important;color:#04121c!important;-webkit-text-fill-color:#04121c;font-size:15.5px;font-weight:900;white-space:nowrap;box-shadow:0 8px 22px rgba(124,198,255,.25)}
.ow-side-new{display:inline-block;margin-left:auto;padding:1px 7px;border-radius:7px;background:var(--ow-orange,#FFB27C);color:#1b1206;font-size:11px;font-weight:900;font-style:normal}
/* 덱편성으로 넘어간 뒤: 내 보유로 만들 수 있는 덱 (덱분석 표 기준) */
.ow-can{margin:0 0 16px;padding:16px 18px;border:1px solid var(--ow-line2);border-radius:18px;background:linear-gradient(180deg,rgba(46,60,92,.92),rgba(28,40,66,.96))}
.ow-can-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:10px}
.ow-can-top h3{margin:0;font:900 19px/1.3 var(--m-serif,serif);color:var(--ow-tx)}
.ow-can-top small{font-size:12.5px;color:var(--ow-tx3)}
.ow-can-top .ow-btn{margin-left:auto}
.ow-can-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ow-can-col{border:1px solid var(--ow-line);border-radius:14px;background:rgba(20,31,54,.4);padding:10px 12px;min-width:0}
.ow-can-col h4{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;font-weight:900;color:var(--ow-tx)}
.ow-can-col h4 b{margin-left:auto;font-size:18px}
.ow-can-col.c1 h4 b{color:var(--ow-green)}.ow-can-col.c2 h4 b{color:var(--ow-orange)}.ow-can-col.c3 h4 b{color:var(--ow-rose)}
.ow-dk{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:8px 0;border-top:1px solid var(--ow-line)}
.ow-dk:first-of-type{border-top:0}
.ow-dk .pp{display:flex}.ow-dk .pp span{width:30px;height:33px;border-radius:7px;border:1px solid var(--ow-line2);margin-right:-6px;background-color:#2E3C5C;background-repeat:no-repeat;box-shadow:0 2px 4px rgba(0,0,0,.4)}
.ow-dk .pp span.miss{filter:grayscale(1) brightness(.5);border-style:dashed;border-color:var(--ow-rose)}
.ow-dk .nm{min-width:0;font-size:13.5px;font-weight:800;color:var(--ow-tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ow-dk .nm small{display:block;font-size:12px;font-weight:700;color:var(--ow-tx3);white-space:normal}
.ow-dk .nm small em{font-style:normal;color:var(--ow-rose)}.ow-dk .nm small em.o{color:var(--ow-orange)}
.ow-dk .rt{text-align:right;font-size:12.5px;color:var(--ow-tx2);white-space:nowrap}
.ow-dk .rt b{display:block;font-size:14px;color:var(--ow-tx)}
.ow-dk .put{all:unset;cursor:pointer;grid-column:2/-1;justify-self:start;font-size:12px;font-weight:800;color:var(--ow-teal)}
.ow-can-more{margin-top:6px;font-size:12.5px;font-weight:800;color:var(--ow-teal)}
/* 덱분석 표 · 도감 표시 */
.ow-mine{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:8px;font-size:12.5px;font-weight:900;white-space:nowrap}
.ow-mine.ok{background:rgba(110,223,184,.14);color:var(--m-green,#6EDFB8);border:1px solid rgba(110,223,184,.45)}
.ow-mine.sk{background:rgba(255,178,124,.12);color:var(--m-orange,#FFB27C);border:1px solid rgba(255,178,124,.45)}
.ow-mine.one{background:rgba(255,141,161,.1);color:var(--m-rose,#FF8DA1);border:1px solid rgba(255,141,161,.45)}
.ow-mine.no{color:var(--m-tx3,#9FAFC8);border:1px solid rgba(159,175,200,.3)}
.ow-mine small{font-weight:700;opacity:.9}
.ow-bk{position:absolute;top:6px;left:6px;z-index:3;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--m-teal,#7CC6FF);color:#04121c;border:2px solid #1C2842}
.ow-bk.no{background:#1C2842;border-color:#9FAFC8}
.pc>.ow-bk{top:8px;left:8px;width:24px;height:24px}.pc>.ow-bk~.tgs,.pc>.tgs{margin-left:26px}
.ow-bk svg{width:13px;height:13px}
.ow-dim{filter:grayscale(1) brightness(.6)}
.ow-homehint{display:block;margin-top:3px;font-size:11.5px;font-weight:800;color:var(--m-teal,#7CC6FF)}
@media (max-width:760px){
 .ow{padding-bottom:120px}
 .ow-head{margin:2px 0 12px}.ow-title{font-size:25px}.ow-sub{font-size:14.5px}.ow-steps{display:none}
 .ow-bar{grid-template-columns:1fr;top:calc(var(--m-head,60px) + 4px);padding:10px;gap:8px;border-radius:14px}
 .ow-tabs button{flex:1;text-align:center;padding:9px 6px;font-size:14px}
 .ow-bulk{display:grid;grid-template-columns:1fr 1fr}.ow-btn{justify-content:center;font-size:13px;padding:0 8px}
 .ow-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}
 .ow-note{display:none}
 .ow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px}
 .ow-img{width:68px;height:75px;border-radius:10px}.ow-sk .ow-img{width:64px;height:64px;border-radius:13px}
 .ow-name{font-size:12.5px}.ow-chk{width:23px;height:23px;top:1px;left:1px}.ow-chk svg{width:13px;height:13px}
 .ow-x{top:50px;right:8px}
 .ow-f{width:21px;height:21px;font-size:11.5px;top:5px;right:5px}.ow-off{top:48px;font-size:11.5px;padding:2px 5px}.ow-sk .ow-off{top:42px}
 .ow-foot{flex-wrap:wrap;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
 .ow-sum{flex-basis:100%;font-size:13.5px}.ow-sum small{display:none}
 .ow-foot .ow-btn{flex:0 0 auto}.ow-next{flex:1;justify-content:center;min-height:46px;font-size:15px}
 .ow-can-cols{grid-template-columns:1fr}
}
/* ── 시안 2차 (11/01 14:34) ───────────────────────────────────────────── */
.ow-btn.ok{background:rgba(124,198,255,.14)!important;border-color:rgba(124,198,255,.6);color:#EEF3FA!important}
.ow-more{display:none}
.ow-bar{grid-template-columns:auto minmax(220px,1fr) auto}
.ow-ybox:empty{display:none}
.ow-y{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(194,182,255,.45);border-radius:14px;background:rgba(158,144,245,.08);font-size:13.5px;color:var(--ow-tx)}
.ow-y b.t{font-size:14.5px;font-weight:900}.ow-y-rule{color:var(--ow-tx3);font-size:12.5px}
.ow-y label{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:#DDE6F2}
.ow-y select{min-height:36px;padding:4px 8px;border-radius:9px;border:1px solid rgba(124,198,255,.35);background:#18243C!important;color:#EEF3FA!important;font:inherit;font-weight:700}
.ow-y-note{margin-left:auto;font-size:12px;color:var(--ow-tx3)}
.ow-sync{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:2px 9px;border-radius:8px;background:rgba(110,223,184,.12);border:1px solid rgba(110,223,184,.45);color:var(--ow-green);font-size:12px;font-weight:900}
.ow-sync[hidden]{display:none!important}
.ow-toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:14px;background:#EEF3FA!important;color:#0A1020!important;-webkit-text-fill-color:#0A1020;font:800 14.5px/1.4 var(--m-sans,'Noto Sans KR',sans-serif);box-shadow:0 14px 34px rgba(0,0,0,.5)}
.ow-toast button{all:unset;cursor:pointer;flex:0 0 auto;padding:6px 12px;border-radius:9px;background:#1C2842!important;color:#7CC6FF!important;-webkit-text-fill-color:#7CC6FF;font-weight:900}
.ow-env,.ow-imp{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 12px;padding:11px 14px;border-radius:12px;font-size:14px;line-height:1.5;color:var(--ow-tx)}
.ow-env{border:1px solid rgba(255,178,124,.6);background:rgba(255,178,124,.1)}.ow-env b{color:var(--ow-orange)}
.ow-imp{border:1px solid rgba(158,144,245,.6);background:rgba(158,144,245,.12)}.ow-imp b{color:#C2B6FF}
.ow-env>span,.ow-imp>span{flex:1 1 360px;min-width:0}
.ow-x2{all:unset;cursor:pointer;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--ow-tx2);font-size:20px;font-weight:700}
.ow-top{all:unset;cursor:pointer;position:fixed;right:18px;bottom:96px;z-index:31;padding:10px 14px;border-radius:999px;background:#23304D!important;border:1px solid var(--ow-line2);color:#EEF3FA!important;font-size:13.5px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.45)}
.ow-top[hidden]{display:none!important}
.ow-code{position:fixed;right:24px;bottom:86px;z-index:50;width:min(460px,calc(100vw - 32px));padding:14px 16px 12px;border:1px solid rgba(124,198,255,.4);border-radius:16px;background:#23304D!important;color:#EEF3FA;box-shadow:0 18px 40px rgba(0,0,0,.55);font-size:14px;line-height:1.55}
.ow-code p{margin:4px 0 8px;color:var(--ow-tx2)}
.ow-code-h{display:flex;align-items:center;justify-content:space-between}.ow-code-h b{font-size:16px}
.ow-code-v{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#18243C!important;border:1px solid rgba(124,198,255,.25)}
.ow-code-v code{flex:1;min-width:0;font-size:12.5px;word-break:break-all;color:#7CC6FF}.ow-code-v span{flex:0 0 auto;font-size:12px;font-weight:800;color:var(--ow-tx3)}
.ow-code-b{display:flex;gap:8px;margin:8px 0 10px}
.ow-code-l{display:block;font-size:13px;font-weight:800;color:#DDE6F2}
.ow-code-l textarea{display:block;width:100%;margin-top:5px;padding:8px 10px;border-radius:10px;border:1px solid rgba(124,198,255,.3);background:#18243C!important;color:#EEF3FA!important;font:inherit;font-size:13.5px;resize:vertical}
.ow-code-r{min-height:22px;margin:7px 0 2px;font-size:13.5px}.ow-code-r b{color:#7CC6FF}.ow-code-r .bad{color:var(--ow-rose)}.ow-code-r .ow-btn{margin-left:8px;min-height:32px}
.ow-code-n{font-size:12px!important;color:var(--ow-tx3)!important;border-top:1px solid var(--ow-line);padding-top:7px;margin-top:8px!important}
@media (max-width:760px){
 .ow-bar{grid-template-columns:minmax(0,1fr) auto!important}
 .ow-tabs{grid-column:1/-1}.ow-search{min-width:0}
 .ow-more{display:inline-flex;min-height:44px}
 .ow-bulk,.ow-chips{display:none!important}
 .ow-bar.open .ow-bulk{display:grid!important;grid-column:1/-1}.ow-bar.open .ow-chips{display:flex!important;flex-wrap:wrap;grid-column:1/-1}
 .ow-y{gap:8px}.ow-y label{flex:1 1 100%;justify-content:space-between}.ow-y select{flex:1;max-width:64%}.ow-y-note{margin-left:0}
 .ow-toast{bottom:150px;width:calc(100vw - 32px);justify-content:space-between}
 .ow-top{bottom:150px;right:12px}
 .ow-code{right:16px;left:16px;width:auto;bottom:150px}
}
/* 연동 표시 (상성 · 세팅 · 덱정보) */
.ow-mine.sm{margin-top:3px;padding:1px 7px;font-size:11.5px;border-radius:7px}
.ow-ubar{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;padding:0!important;margin:6px 0 10px}
.ow-ubar>b{font-size:13.5px;margin-right:4px;color:#EEF3FA}
.ow-ubar .ow-note{margin-left:8px}.ow-ulink{color:#7CC6FF!important;font-weight:800;text-decoration:none}
.ow-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:6px;vertical-align:0;border:1.5px solid #1C2842}
.ow-dot.ok{background:#6EDFB8}.ow-dot.sk{background:#FFB27C}.ow-dot.one{background:#FF8DA1}.ow-dot.no{background:#5d6b80}
.ow-uleg{padding:0!important;margin:0 0 8px;font-size:12.5px;color:#B3C1D6}.ow-uleg b{color:#EEF3FA;margin-right:6px}.ow-uleg .ow-dot{margin:0 4px 0 10px}
html:not(.ow-all) .ow-skm{outline:1.5px dashed #FF8DA1;outline-offset:1px;border-radius:5px;color:#FF9DB8!important;text-decoration:line-through}
.ow-tagm{display:inline-block;margin-left:5px;padding:0 5px;border-radius:5px;background:rgba(255,141,161,.16);color:#FF8DA1!important;font-size:10.5px;font-weight:900;font-style:normal;text-decoration:none!important;vertical-align:1px}

.ow-code-r small.ow-miss{display:block;margin-top:5px;font-size:12.5px;color:var(--ow-orange)}

/* 회원 화면 공통 모양(버튼 · 입력)에 덮이지 않게 */
.ow .ow-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;height:auto!important;min-height:0!important;outline:none}
.ow .ow-chip{min-height:0!important;height:auto!important;line-height:1.35!important;padding:6px 12px!important;font-size:13px!important}
.ow .ow-btn{line-height:1.3!important;font-size:13.5px!important}.ow .ow-next{min-height:48px!important;font-size:15.5px!important}
.ow .ow-tabs button{line-height:1.3!important;min-height:0!important}

.ndi-rn .ow-mine{align-self:flex-start;width:auto!important;max-width:100%;display:inline-flex!important}

/* 11/01 15:21 '내 보유 기준' ⇄ '전체 기준' 전환 (한 번 누르면 바뀜) */
.ow-basis{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px 0 9px;border-radius:999px;background:linear-gradient(90deg,#7CC6FF,#9E90F5)!important;color:#04121c!important;-webkit-text-fill-color:#04121c;font:900 13.5px/1 var(--m-sans,'Noto Sans KR','Noto Sans CJK KR',sans-serif);white-space:nowrap;box-shadow:0 4px 12px rgba(124,198,255,.25);border:1.5px solid transparent}
.ow-basis i{font-style:normal;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:rgba(28,40,66,.2);font-size:11px;font-weight:900}
.ow-basis em{font-style:normal;opacity:.7;font-size:13px;margin-left:1px}
.ow-basis.all{background:#23304D!important;color:#EEF3FA!important;-webkit-text-fill-color:#EEF3FA;border-color:rgba(238,243,250,.6);box-shadow:none}
.ow-basis.all i{background:rgba(238,243,250,.14)}
.ow-basis:hover{filter:brightness(1.06)}.ow-basis:focus-visible{outline:2px solid #7CC6FF;outline-offset:2px}
.ow-ubar .ow-basis{margin-right:4px}.ow-ownonly{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.ow-can-top .ow-basis{margin-left:auto}.ow-can-top .ow-basis+.ow-btn{margin-left:0}
html.ow-all .ow-mine,html.ow-all .ow-dot,html.ow-all .ow-tagm,html.ow-all .ow-ownonly,html.ow-all .ow-col{display:none!important}
html:not(.ow-all) .ow-allnote{display:none!important}
.ow-allnote{font-size:12.5px;font-weight:700;color:#B3C1D6}
html:not(.ow-all) .ow-dimrow{opacity:.42}
html:not(.ow-all) .ow-skm2{outline:1.5px dashed #FF8DA1!important;outline-offset:-1px;text-decoration:line-through!important;text-decoration-color:#FF8DA1!important;text-decoration-thickness:2px!important}

/* v1.3.9 정식: 거르기 칩으로 숨긴 줄 · '더 보기' 단추 · 담기 단추 (전체 기준이면 거르기도 풀림) */
html:not(.ow-all) tr.ow-hide{display:none!important}
.ow-can-more{all:unset;display:inline-block;cursor:pointer;margin-top:6px;font-size:12.5px;font-weight:800}
.ow .ow-can-more{color:var(--ow-teal)!important}
.ow-can-more:focus-visible,.ow-dk .put:focus-visible{outline:2px solid var(--ow-teal);outline-offset:2px;border-radius:4px}
.ow-dk[hidden]{display:none!important}
.ow .ow-ulink{color:var(--ow-teal);font-weight:800;text-decoration:none}
/* v1.6.4 시즌 묶음 (투영 · 반대 · 진영 전법) · 이적령 — 작은 탭 · 0~1 카드 · 안내 띠 · 진영 바꾸기 창 */
.ow-sub2{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.ow-sub2[hidden]{display:none!important}
.ow-sub2 button{all:unset;cursor:pointer;border:1px solid #3B5878;background:#2D3B5A;color:#CFE0F5;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:700;white-space:nowrap}
.ow-sub2 button b{margin-left:4px;color:#fff}
.ow-sub2 button small{color:#9FB6D1;font-weight:700}
.ow-sub2 button.on{background:#7FB3FF;color:#0E1A2B;border-color:#7FB3FF}
.ow-sub2 button.on b,.ow-sub2 button.on small{color:#0E1A2B}
.ow-sub2 button.bad{border-color:#E06C82}
.ow-sub2 button.bad:not(.on) b{color:#FFC2CE}
.ow-sub2 button:focus-visible{outline:2px solid #7FB3FF;outline-offset:2px}
.ow-note.gold{color:#E8C36A}
.ow-pban{margin:0 0 12px;padding:9px 13px;border-radius:12px;border:1px solid #3f8a5f;background:#12301F;color:#CFF5DD;font-size:13.5px;line-height:1.55}
.ow-pban[hidden]{display:none}
.ow-pban.gold{background:#2E2410;border-color:#8a6d2a;color:#FFE7B8}
.ow-pban.bad{background:#3A1D25;border-color:#E06C82;color:#FFC2CE}
.ow-pban p{margin:0}
.ow-pban p+p{margin-top:5px;padding-top:5px;border-top:1px dashed rgba(255,255,255,.18)}
.ow-pban p.bad{color:#FFC2CE}
.ow-pban p.gold{color:#FFE7B8}
.ow-pban p.ok{color:#CFF5DD}
.ow-card .ow-img{position:relative}
.ow-rib{position:absolute;left:8px;top:74px;z-index:2;border-radius:7px;padding:0 6px;font-size:10.5px;font-weight:900;font-style:normal;line-height:1.6;pointer-events:none;white-space:nowrap}
.ow-rib.tu{background:#173d5c;color:#bfe3ff}
.ow-rib.ban{background:#5a1f2e;color:#ffd0da}
.ow-rib.mv{background:#4a3a12;color:#FFE7B8;left:50%;transform:translateX(-50%)}
.ow-pcnt{display:flex;align-items:center;gap:2px;margin-top:-2px}
.ow-pcnt button{all:unset;cursor:pointer;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;border:1px solid var(--ow-line2);font-weight:900;color:var(--ow-tx)}
.ow-pcnt button:disabled{opacity:.35;cursor:default}
.ow-pcnt b{min-width:20px;text-align:center;font-size:13px}
.ow-card.ow-zero{opacity:.86}
.ow-pk .ow-off{display:none!important}
.ow-campimg{display:flex!important;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:#fff;background:linear-gradient(135deg,#27496f,#3e517a)}
.ow.mv .ow-chk,.ow.mv .ow-off{display:none!important}
.ow-pop{position:absolute;z-index:30;top:calc(100% + 6px);left:50%;transform:translateX(-50%);width:max-content;max-width:240px;padding:10px 12px;border-radius:12px;border:1px solid #3B5878;background:#25324F;box-shadow:0 10px 30px rgba(0,0,0,.45);text-align:left;cursor:default}
.ow-pop .t{display:block;font-size:13.5px;margin-bottom:6px;color:#fff}
.ow-pop .fs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
.ow-pop .fs button{all:unset;cursor:pointer;padding:4px 11px;border-radius:999px;border:1px solid #3B5878;background:#2D3B5A;color:#CFE0F5;font-size:13px;font-weight:800}
.ow-pop .fs button.cur{background:#7FB3FF;color:#0E1A2B;border-color:#7FB3FF}
.ow-pop .fs button:disabled{opacity:.4;cursor:not-allowed}
.ow-pop .fs button:focus-visible{outline:2px solid #7FB3FF;outline-offset:2px}
.ow-pop small{display:block;color:#9FB6D1;font-size:11.5px;line-height:1.5}
.ow-card.ow-popon{z-index:40}
@media (max-width:760px){.ow-sub2 .ow-lg{display:none}.ow-sub2 button{padding:6px 11px;font-size:13px}.ow-rib{top:62px;left:4px}.ow-pop{left:auto;right:-4px;transform:none}}

/* v1.8.9 가독성 2차 (11/06): 누르는 칸 32px — 보이는 글자 · 자리 그대로 (위아래 여백을 넓히고 같은 만큼 바깥 여백을 줄임)
   · 휴대폰(한 줄로 쌓일 때) 0개 묶음은 머리 한 줄로 접음 (덱 짜는 칸이 첫 화면에 더 보이게) */
.ow-dk .put{padding-top:7px;padding-bottom:7px;margin-top:-7px;margin-bottom:-7px}
.ow-can-more{padding-top:6px;padding-bottom:6px;margin-top:0;margin-bottom:-6px}
.ow-ulink{padding-top:6px;padding-bottom:6px;margin-top:-6px;margin-bottom:-6px}
@media (max-width:760px){.ow-can-col.ow-can-none{padding:8px 12px}.ow-can-col.ow-can-none h4{margin:0}.ow-can-col.ow-can-none>.ow-dk{display:none}}

/* v1.9.0 UI/UX 전면 (11/06): 처음 열 때 빈 자리 · PC도 0개 묶음은 머리 한 줄 (사용자 '② PC 덱편성 0개 칸 접기')
   · 한 묶음만 있으면 그 묶음을 한 줄 전체로 두 줄씩 (덱 짜는 칸이 위로) · 내용 · 순서 · 누르는 곳 그대로 */
.ow-can-wait{min-height:360px}.ow-can-wait .ow-can-top small{color:var(--ow-tx3)}
@media (max-width:760px){.ow-can-wait{min-height:590px}}
html.ow-can-soon:not(.ow-can-in) #deckPanel:not([hidden]){margin-top:calc(var(--ow-can-h,360px) + 16px)!important}
@media (max-width:760px){html.ow-can-soon:not(.ow-can-in) #deckPanel:not([hidden]){margin-top:calc(var(--ow-can-h,590px) + 16px)!important}}
@media (min-width:761px){
 .ow-can-col.ow-can-none{padding:8px 12px;align-self:start}.ow-can-col.ow-can-none h4{margin:0}.ow-can-col.ow-can-none>.ow-dk{display:none}
 .ow-can-cols.ow-can-1{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ow-can-cols.ow-can-1>.ow-can-none{order:2}
 .ow-can-cols.ow-can-1>.ow-can-col:not(.ow-can-none){grid-column:1/-1}
}
/* 두 줄씩은 넓은 PC만 (1200px 이상) — 태블릿 768 · 작은 PC는 덱 한 줄씩 (덱 이름이 '원소…'로 잘리지 않게) */
@media (min-width:1200px){
 .ow-can-cols.ow-can-1>.ow-can-col:not(.ow-can-none){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-content:start}
 .ow-can-cols.ow-can-1>.ow-can-col:not(.ow-can-none)>h4,.ow-can-cols.ow-can-1>.ow-can-col:not(.ow-can-none)>.ow-can-more{grid-column:1/-1}
 .ow-can-cols.ow-can-1>.ow-can-col:not(.ow-can-none)>.ow-dk:nth-of-type(2){border-top:0}
}