.deck-builder{background:#120f11;color:#eee9eb}.deck-builder main{max-width:1500px;margin:auto;padding:38px 4%}.deck-builder header{height:auto;min-height:96px;gap:22px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.deck-builder .header-right{gap:24px}.header-right [aria-current]{color:#fff;border-bottom:2px solid #c3243a;padding-bottom:7px}.builder-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:32px}.builder-heading h1{font-family:system-ui,sans-serif;font-size:38px;font-weight:650;letter-spacing:-1.5px;margin:8px 0}.builder-heading p{margin:0;color:#b9aeb0;font-size:14px}.builder-heading .eyebrow{font-size:10px;letter-spacing:1.6px;color:#d78a94}.deck-library{width:320px;max-width:100%}.deck-library>div{display:flex;gap:8px}.deck-library label{font-size:11px;margin:0 0 7px}.deck-library select{margin:0;min-width:0}.deck-library button{white-space:nowrap}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:32px;align-items:start}.deck-builder label{font-size:11px;color:#b9aeb0}.deck-builder input,.deck-builder select{font-family:inherit;font-size:13px;background-color:#1b171a;border-color:#3c3035;border-radius:6px}.deck-builder button{font-family:inherit;font-size:12px;box-shadow:none;transition:background .15s;transform:none}.deck-builder button:hover{transform:none}.deck-builder button:focus-visible,.deck-builder a:focus-visible,.deck-builder summary:focus-visible{outline:2px solid #ff858c;outline-offset:3px}.deck-builder h2{font-family:inherit;letter-spacing:0}.search-label{display:block;margin:0 0 6px}.deck-builder #query{margin:0;height:46px}.filter-row{display:grid;grid-template-columns:1.2fr 1fr 1.3fr;gap:12px;margin-top:12px}.filter-row label{margin:0}.filter-row select{margin:6px 0 0}.browse-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:22px 0 16px;font-size:12px;color:#a99da2}.browse-toolbar label{display:flex;align-items:center;gap:9px;white-space:nowrap;margin:0}.browse-toolbar select{width:auto;max-width:160px;padding-top:7px;padding-bottom:7px;margin:0}.builder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.browse-card{min-width:0}.deck-builder .card-art{display:block;background:none;border:0;padding:0;width:100%}.card-art img{display:block;width:100%;aspect-ratio:1070/1470;object-fit:contain;background:#0b090a;border-radius:7px}.card-art:hover img{outline:1px solid #bd5261;outline-offset:3px}.browse-card h2{font-size:12px;font-weight:550;line-height:1.5;margin:10px 0 3px;min-height:36px}.browse-card p{font-size:10px;line-height:1.5;margin:0 0 8px;color:#a99da2}.browse-card .add-card{width:100%;padding:8px;background:#241c20;border-color:#463039;color:#e5d6da}.browse-card .add-card:hover{background:#4d2833}#more-cards{display:block;margin:26px auto}#deck-panel{display:block;background:#1a1518;border:1px solid #392b31;border-radius:10px;padding:20px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}.deck-title label{display:block;margin:0 0 5px}.deck-title input{font-size:19px;font-weight:600;padding:8px 0;border:0;border-bottom:1px solid #44323b;border-radius:0;background:none;margin:0}.deck-title #save-status{display:block;color:#ab979f;font-size:10px;margin-top:9px}.deck-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:23px 0}.deck-summary strong{display:block;font-size:23px;font-weight:550;line-height:1.3}.deck-summary span{font-size:10px;color:#b6a7ad}.deck-builder details,.deck-section{border-top:1px solid #392b31;padding:16px 0}.deck-builder summary{cursor:pointer;font-size:13px;font-weight:550;min-height:24px}.section-hint{font-size:10px;margin:10px 0;color:#aa99a1}.mp-slot{display:flex;align-items:center;gap:10px;min-height:37px}.level-number{font-size:10px;border:1px solid #443039;border-radius:4px;width:24px;height:24px;display:grid;place-items:center;color:#bba3ad;flex-shrink:0}.empty-slot{font-size:11px;color:#877680}.deck-row{display:flex;gap:7px;align-items:center;min-width:0;flex:1;padding:5px 0}.deck-builder .row-name{background:none;border:0;padding:5px 0;text-align:left;font-weight:400;line-height:1.4;flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}.row-meta{font-size:9px;display:block;color:#9f8c95}.quantity{display:flex;align-items:center;gap:4px;flex-shrink:0}.quantity span{min-width:18px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.deck-builder .small-control{padding:0;width:28px;height:28px;display:grid;place-items:center;background:transparent;border:1px solid #49333e;font-size:16px}.deck-builder .small-control:hover{background:#4d2833}.extra-label{font-size:10px;color:#a98f9c;min-width:49px}.extra-row{display:flex;gap:8px;align-items:center;min-height:38px}.tokui-label{display:block;margin:15px 0 0}.deck-section h2{display:flex;justify-content:space-between;font-size:13px;font-weight:550;margin:0 0 12px}.deck-section h2 span,.sensei-details summary span{color:#ae8c9b;font-size:11px}.list-empty{color:#ac969f;font-size:11px;line-height:1.7;margin:10px 0 0}.deck-checks summary{color:#d4b5bf;font-size:12px}.deck-checks ul{padding-left:17px;font-size:11px;color:#d1b5c0;line-height:1.7}.deck-checks p{font-size:10px;color:#a38c96;line-height:1.6}.deck-actions{display:flex;gap:7px;border-top:1px solid #392b31;padding-top:18px}.deck-actions .primary{flex:1}.deck-builder .quiet-button{background:none;border-color:transparent;color:#bfa3ae}.storage-note{font-size:10px;line-height:1.7;color:#9b8690;margin:13px 0 0}.empty-state{padding:60px 20px;text-align:center;color:#bba5b0}.empty-state h2{font-size:19px}.empty-state p{font-size:13px}.mobile-tabs{display:none}#builder-message{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#34242d;border:1px solid #775060;padding:12px 20px;border-radius:7px;font-size:13px;z-index:20;max-width:90vw;box-shadow:0 8px 30px #0008}#builder-message:empty{display:none}#card-preview{width:min(860px,94vw);background:#1a1518;border-color:#51333f}#close-preview{display:block;margin:0 0 15px auto}.preview-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:25px;align-items:center}#preview-image{width:100%;max-height:70vh;object-fit:contain}#preview-name{font-size:27px;line-height:1.2}#preview-rules{white-space:pre-line;line-height:1.8;color:#c8b7bf}#preview-meta{font-size:10px}#preview-type{color:#b299a6}#preview-status{font-size:12px;color:#e6a9bb}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}
@media(max-width:1150px){.builder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-layout{grid-template-columns:minmax(0,1fr) 335px;gap:23px}}
@media(max-width:800px){.builder-heading{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:25px}.deck-library{width:100%}.builder-layout{display:block}#deck-panel{position:static;max-height:none}.mobile-tabs{display:flex;gap:6px;margin-bottom:24px;border-bottom:1px solid #403039;padding-bottom:10px}.mobile-tabs button{flex:1;padding:12px;background:transparent;border-color:transparent;color:#bba7b1}.mobile-tabs button[aria-pressed=true]{background:#38202b;color:#fff;border-color:#754054}.mobile-tabs span{margin-left:7px;font-size:11px}.builder-layout[data-view=cards] #deck-panel,.builder-layout[data-view=deck] #browse-panel{display:none}.builder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-builder .header-right{gap:18px;flex-wrap:wrap;font-size:11px}.deck-builder header{justify-content:center}.preview-layout{grid-template-columns:1fr}.preview-layout #preview-image{max-height:52vh}.builder-heading h1{font-size:33px}}
@media(max-width:480px){.builder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.filter-row{gap:8px;grid-template-columns:1fr 1fr}.filter-row label:first-child{grid-column:1/-1}.deck-builder main{padding-top:25px}.deck-builder .header-right{gap:15px}#deck-panel{padding:17px}.browse-toolbar{font-size:11px}.deck-builder .browse-toolbar select{font-size:11px;max-width:140px}}
body.deck-builder{background:#120f11;background-image:radial-gradient(ellipse at 85% 0,#38132055,transparent 45%);background-attachment:scroll;background-blend-mode:normal;background-size:auto}.card-art img{height:auto}