.mast nav{flex-wrap:wrap}.ws-filters,.ws-actions,.ws-section-head,.ws-editor-meta,.vs-picker,#pickTypes{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ws-filters,.ws-editor-meta{padding:10px 12px;margin:6px 0 12px;border:1px solid #394954;border-radius:9px;background:#1b2730}
.ws-filters label,.ws-editor-meta label,.ws-search,.vs-picker label,#promptBox label{display:grid;gap:3px;min-width:0;font-size:11px;font-weight:650;color:#b8c8d1}
.ws-filters select,.ws-filters input,.ws-editor-meta input,.ws-editor-meta select,.ws-search input,.vs-picker select,.vs-picker input,#promptOut{max-width:100%;min-width:0;border:1px solid #455660;background:#202e38;color:#f1f4f6;border-radius:6px;padding:6px 8px;font:13px "Segoe UI",sans-serif}
.ws-filters select{max-width:200px}.ws-filters button{margin-top:auto}
.ws-note,#editStatus,#vStatus,#jobOut{font-size:13px;color:#bdcbd4}.ws-note{margin:8px 0 12px}.ws-section-head{justify-content:space-between;margin:8px 0}.ws-section-head h3,.ws-section-head b{margin:0;font-size:14px}.ws-section-head>b{color:#93dfcc}
.oshi-shelf,.ws-deck-list{display:grid;gap:10px}.oshi-shelf{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.oshi-entry{display:grid;gap:4px;text-align:left;padding:7px}.oshi-entry img{width:100%;aspect-ratio:5/7;object-fit:contain}.oshi-entry span,.deck-entry small,.deck-entry em{font-size:11px;color:#b8c8d1}
.ws-deck-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.deck-entry{display:flex;align-items:center;gap:10px;text-align:left;min-width:0}.deck-entry img{width:53px;aspect-ratio:5/7;object-fit:contain}.deck-entry>span{display:grid;min-width:0;gap:3px}.deck-entry strong,.deck-entry em{overflow-wrap:anywhere}.deck-entry em{font-style:normal}
.ws-editor-meta label:first-child{width:min(420px,100%)}.ws-panel{min-width:0;background:#1b2730;border:1px solid #394b57;border-radius:10px;padding:12px}
.build-layout{display:grid;grid-template-columns:minmax(175px,0.8fr) minmax(310px,2.05fr) minmax(235px,1.2fr);gap:12px;align-items:start}
.build-layout h2,.vs-seat h2{font-size:18px;line-height:1.2;margin:9px 0;overflow-wrap:anywhere}
.preview-pane{position:sticky;top:8px;max-height:94vh;overflow:auto}.preview-pane img{width:100%;max-height:42vh;aspect-ratio:5/7;object-fit:contain;display:block;margin:9px auto}.preview-pane h4{margin:12px 0 2px;color:#92dfcf}.preview-pane p{font-size:13px;white-space:pre-line;color:#bacbd2;margin:4px 0 9px}
.ws-zone{min-width:0}.ws-zone+.ws-zone{margin-top:0}.ws-grid,.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,98px),1fr));gap:7px}
.ws-grid{grid-auto-rows:max-content}
.vs-seat [id^=vMat]>.ws-zone>.ws-grid{height:clamp(260px,40vh,480px);overflow-y:auto;align-content:start;scrollbar-width:thin}
#buildCards>.ws-zone>.ws-grid{max-height:clamp(310px,46vh,600px);overflow-y:auto;align-content:start;scrollbar-width:thin}
.ws-tile,.ws-pick{border:1px solid #465861;border-radius:7px;overflow:hidden;background:#23343e;min-width:0}.ws-face,.ws-pick>button:first-child{width:100%;position:relative;display:grid;padding:3px;border:0;border-radius:0;text-align:left;background:transparent}
.ws-face img,.ws-pick img{width:100%;aspect-ratio:5/7;object-fit:contain;display:block}.ws-face b{position:absolute;right:4px;top:3px;padding:0 5px;border-radius:4px;color:#fff;background:#17212aec;font-size:16px;text-shadow:0 1px 2px #000}
.ws-face span,.ws-pick span{font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 2px}
.quantity{display:flex;align-items:center;justify-content:space-between;gap:2px;padding:2px}.quantity button,.quick-add{padding:0 5px;font-weight:750}.quantity small{font-size:9px;color:#c3ced6}
.ws-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;border-top:1px solid #465761;margin-top:12px}.ws-lower .ws-tile{max-width:142px}
.pick-pane{position:sticky;top:8px;max-height:94vh;overflow:auto}.pick-pane details{margin:8px 0}.pick-pane summary{cursor:pointer;font-size:12px}.pick-pane .ws-filters label{width:calc(50% - 5px)}.pick-pane .ws-filters select{width:100%}
#pickTypes{margin:8px 0;gap:4px}#pickTypes button{font-size:12px;padding:5px 7px;text-transform:capitalize}#pickTypes [aria-pressed=true]{color:#90e4cf;border-color:#90e4cf}
.picker-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,84px),1fr))}.ws-pick{position:relative}.quick-add{position:absolute;right:4px;bottom:23px;background:#183b36;color:#a3f2dd;border:1px solid #8ccebd;min-width:25px;min-height:24px}
.versus-layout{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:start}.vs-mark{align-self:center;color:#a6d6ce;font-size:20px}.vs-seat{background:linear-gradient(160deg,#203732,#1b2730 45%)}.vs-seat:last-child{background:linear-gradient(160deg,#29334b,#1b2730 45%)}
.vs-seat .ws-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,89px),1fr))}.vs-picker{align-items:end}.vs-picker label{flex:1 1 90px}.vs-picker .vs-list{flex:1 0 100%}.vs-picker select{width:100%}
.verse-settings{margin:12px 0}.verse-settings .ws-filters{padding:6px 0;background:transparent;border:0}.verse-settings .ws-filters input{max-width:150px}
#promptBox{margin-top:12px}#promptOut{width:100%;resize:vertical;margin-bottom:7px}#vStatus,#jobOut{white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:950px){.build-layout{grid-template-columns:minmax(175px,.85fr) minmax(0,1.65fr)}.pick-pane{position:static;max-height:none;grid-column:1/-1}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr))}.versus-layout{gap:5px}}
@media(max-width:650px){.mast{flex-wrap:wrap}.mast nav{gap:3px}.mast nav button{padding:5px}.ws-filters label{max-width:100%}.ws-filters select{max-width:150px}.build-layout,.versus-layout{display:flex;flex-direction:column}.build-layout>.ws-panel,.vs-seat{width:100%}.preview-pane{position:static;max-height:320px}.preview-pane img{float:left;width:94px;margin:4px 10px 6px 0}.ws-grid,.vs-seat .ws-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,85px),1fr))}.vs-mark{margin:2px auto}.ws-lower{gap:7px}.ws-panel{padding:8px}}
.gallery-group{grid-column:1/-1;font-size:18px;margin:12px 0 0;border-bottom:1px solid #40545d;padding-bottom:5px}
.gallery-group small{font-size:12px;color:#aabcc5}

.train-panel{margin:0 0 12px;border-color:#3f7f70}
.train-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:8px 0 12px}
.train-grid label{display:grid;gap:3px;font-size:11px;font-weight:650;color:#b8c8d1}
.train-grid .wide{grid-column:span 2}
.train-grid input,.train-grid select{border:1px solid #455660;background:#202e38;color:#f1f4f6;border-radius:6px;padding:6px 8px;font:13px "Segoe UI",sans-serif;min-width:0}
.train-grid small{font-weight:400;color:#8fa3ae}
#trainNote{font-size:13px;color:#bdcbd4;flex:1}
.train-now b{color:#93dfcc}
.train-queue ol{margin:4px 0;padding-left:20px;font-size:13px;color:#d6e0e6}
.train-queue li{margin:4px 0}.train-queue em{color:#93dfcc}.train-queue button{margin-left:6px;padding:2px 8px;font-size:12px}
@media (max-width:600px){.train-grid .wide{grid-column:auto}}
.train-tips{margin:4px 0 12px;font-size:13px;color:#d6e0e6}
.train-tips summary{cursor:pointer;color:#93dfcc;font-weight:650}
.train-tips ul{margin:6px 0;padding-left:18px;max-height:260px;overflow:auto}.train-tips li{margin:5px 0;line-height:1.35}
.train-tips small{color:#8fa3ae}.train-tips a{color:#9cc8ff;font-size:11px;margin-left:4px}
.train-tips em{font-style:normal;font-size:10px;padding:1px 6px;border-radius:999px;margin-right:4px;background:#2a3a44;color:#cfd8de}
.train-tips em.tip-Nudge{background:#1f4d3c;color:#9ff0cf}.train-tips em.tip-Check{background:#4d4420;color:#f2dc8f}.train-tips em.tip-Replays{background:#233b5a;color:#a9cbff}
.train-nudges{margin:4px 0 8px;padding:10px 12px;border:1px solid #3f7f70;border-radius:8px;background:#1b2b2a;font-size:13px;color:#d6e0e6}
.train-nudges>b{color:#93dfcc}.train-nudges small{color:#8fa3ae}
.nudge-box{display:flex;align-items:center;gap:8px;margin:6px 0;cursor:pointer}.nudge-box input{width:16px;height:16px;accent-color:#61dca2}
.my-tips{display:grid;gap:4px;margin-top:8px;font-size:11px;font-weight:650;color:#b8c8d1}
.my-tips textarea{border:1px solid #455660;background:#202e38;color:#f1f4f6;border-radius:6px;padding:6px 8px;font:13px "Segoe UI",sans-serif;resize:vertical}
.nudge-styles{margin:8px 0;display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.nudge-styles .ws-note{flex-basis:100%;margin:2px 0 0}
.nz-style{padding:3px 9px;font-size:12px;border-radius:999px;border:1px solid #455660;background:#202e38;color:#cfd8de;cursor:pointer}
.nz-style.fits{border-color:#61dca2;color:#9ff0cf;background:#1f3d33}
.nudge-row{display:grid;grid-template-columns:20px 1fr auto;gap:4px 8px;align-items:center;margin:6px 0;padding:6px 8px;border:1px solid #2f4450;border-radius:6px;background:#17242b}
.nudge-row.on{border-color:#61dca2;background:#1b3329}
.nudge-row>input[type=checkbox]{width:16px;height:16px;accent-color:#61dca2}
.nz-text{line-height:1.9}
.nz-meta{font-size:11px;color:#8fa3ae;white-space:nowrap}
.nz-help{grid-column:2/4;color:#8fa3ae;font-size:11px}
.nz-num{width:62px}
.nz-num,.nz-sel{border:1px solid #455660;background:#202e38;color:#f1f4f6;border-radius:5px;padding:2px 5px;font:12px "Segoe UI",sans-serif;margin:0 2px;max-width:220px}
.nz-x{margin-left:4px;padding:0 7px;font-size:14px;line-height:18px}
.nudge-add select{border:1px solid #455660;background:#202e38;color:#f1f4f6;border-radius:6px;padding:5px 8px;font:13px "Segoe UI",sans-serif;max-width:100%}
.nz-count{margin:6px 0 2px;color:#93dfcc;font-size:12px;font-weight:650}
@media (max-width:600px){.nudge-row{grid-template-columns:20px 1fr}.nz-meta{grid-column:2}}

/* Oshi spotlight shown above a deck in Verse and Player vs bot */
.oshi-hero{display:flex;gap:14px;align-items:flex-start;margin:10px 0 12px;padding:10px;border-radius:10px;border:1px solid #ffffff1a;
 background:radial-gradient(ellipse at 20% 30%,#ffffff12,transparent 60%),linear-gradient(120deg,#0f1a22,#16232c)}
.oshi-hero-card{flex:none;width:clamp(96px,9vw,138px);padding:0;border:0;background:none;border-radius:8px}
.oshi-hero-card img{width:100%;aspect-ratio:5/7;object-fit:contain;display:block;border-radius:8px}
.oshi-hero-text{display:grid;gap:3px;min-width:0}
.oshi-hero-text strong{font-size:20px;line-height:1.15;letter-spacing:-.3px}
.oshi-hero-text b{font-size:14px;color:#93dfcc;overflow-wrap:anywhere;margin-top:4px}
.oshi-hero-text span{font-size:12px;color:#bdcbd4}
.oshi-hero-text ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:3px;font-size:12px;color:#d6e0e6}
.oshi-hero-text em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:1px;padding:1px 6px;border-radius:999px;background:#2a3a44;color:#9fe8ff;margin-right:4px}
.oshi-hero-text small{color:#8fa3ae}
.vs-seat:last-child .oshi-hero-text b{color:#a5bfff}
