.deck-page{width:min(1480px,92%);margin:auto;padding:42px 0 65px}.deck-page-heading{max-width:850px;margin-bottom:28px}.deck-page-heading h1{font-size:clamp(35px,4vw,56px);margin:12px 0 18px}.deck-page-heading p:not(.eyebrow){font-size:18px;color:var(--muted);line-height:1.75}.deck-page button,.deck-page select,.deck-page input{font:inherit;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);min-height:44px;padding:8px 12px}.deck-page button{cursor:pointer}.deck-page button:hover:not(:disabled){border-color:var(--red);color:var(--red)}.deck-page button:disabled{opacity:.4;cursor:not-allowed}.deck-page :is(button,input,select,summary):focus-visible{outline:3px solid var(--red);outline-offset:3px}.deck-page button.deck-primary{background:var(--button-red,#a33429);border-color:var(--button-red,#a33429);color:#fff8eb}.deck-page button.deck-primary:hover:not(:disabled){background:#81291f;color:white}.deck-page label{font-size:13px;display:flex;flex-direction:column;gap:5px}.deck-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line)}.deck-name{flex:1 1 220px}.deck-file-actions{display:flex;gap:8px;flex-wrap:wrap}.deck-saved{flex:1 1 220px;max-width:320px}.deck-local-note{font-size:13px;color:var(--muted)}#deck-message{min-height:29px;margin:8px 0;color:var(--muted);font-size:14px}#deck-message.is-error{color:var(--red)}.deck-mode{display:flex;gap:8px;margin:16px 0 26px;border-bottom:1px solid var(--line);padding-bottom:16px}.deck-mode button[aria-pressed=true]{background:var(--jade);color:#fff8eb;border-color:var(--jade)}.deck-build-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}.deck-search-row,.deck-filter-selects{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.deck-search-row input,.deck-search-row select,.deck-filter-selects select{width:100%;min-width:0}.deck-filters{border:1px solid var(--line);padding:14px 18px;margin:18px 0}.deck-filters summary{cursor:pointer;min-height:30px;font-size:15px}.deck-filters[open] summary{margin-bottom:20px}.deck-ranges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.deck-range{display:flex;align-items:center;gap:6px;border:0;padding:0;margin:0;min-width:0}.deck-range legend{font-size:13px;margin-bottom:6px}.deck-range label{min-width:0;flex:1}.deck-range input{width:100%;padding:7px;min-width:0}.deck-checks{display:flex;flex-wrap:wrap;gap:8px 20px;margin:15px 0}.deck-checks label{flex-direction:row;align-items:center;gap:8px;font-size:14px}.deck-checks input{min-height:24px;width:20px;accent-color:var(--red)}.deck-filter-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.deck-results-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.deck-results-heading label{flex-direction:row;align-items:center}.deck-results-heading p{font-size:14px;color:var(--muted)}.deck-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.deck-card{min-width:0;border:1px solid transparent;padding:7px;border-radius:6px;display:flex;flex-direction:column}.deck-card.is-selected{border-color:var(--red);background:var(--surface,#d9dfd033)}.deck-page .deck-art{padding:0;border:0;background:transparent;display:block;width:100%;min-height:0;position:relative}.deck-art img{width:100%;height:auto;display:block;border-radius:6px;aspect-ratio:5/7;object-fit:contain}.deck-selected-count{position:absolute;right:8px;top:8px;background:var(--button-red,#a33429);color:#fff;border:1px solid white;border-radius:50%;width:30px;height:30px;line-height:28px;font-size:14px}.deck-card h3{font-size:19px;line-height:1.4;margin:10px 0 5px;overflow-wrap:anywhere}.deck-card h3 a:hover{text-decoration:underline}.deck-card-type{font-size:11px;line-height:1.5;color:var(--muted)}.deck-card-stats{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;margin:8px 0 12px;font-variant-numeric:tabular-nums}.deck-card-buttons{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:auto}.deck-card-buttons button{width:44px;min-width:44px;padding:5px;font-size:21px}.deck-card-buttons span{font-size:13px}.deck-card-note{font-size:11px;line-height:1.5;margin-top:8px;color:var(--muted)}.deck-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:30px 0}.deck-pagination span{font-size:14px}.deck-selection{position:sticky;top:120px;background:var(--surface,#e1e2d54a);border:1px solid var(--line);border-radius:6px;padding:22px;max-height:calc(100dvh - 140px);overflow:auto}.deck-selection-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.deck-selection h2{font-size:28px}.deck-selection-title strong{font-size:15px;white-space:nowrap}.deck-commander-count{font-size:12px;color:var(--muted);margin-top:9px}.deck-limits{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:14px;font-size:12px;color:var(--muted)}.deck-validity{font-size:13px;border-bottom:1px solid var(--line);padding:14px 0;color:var(--red)}.deck-validity.valid{color:var(--ink)}.deck-list{list-style:none;padding:0;margin:0 0 18px}.deck-list li{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}.deck-list li>div{display:flex;gap:8px;align-items:center;white-space:nowrap}.deck-page .deck-name-link{border:0;padding:5px 0;text-align:left;font-size:14px;line-height:1.4;background:transparent}.deck-list li>div button{width:32px;min-width:32px;min-height:40px;padding:3px;font-size:18px}.deck-selection>.deck-primary{width:100%}.deck-rule-note{font-size:13px;margin-top:20px;line-height:1.7}.deck-rule-note summary{cursor:pointer;min-height:30px}.deck-rule-note ul{padding-left:20px}.deck-rule-note p{margin:15px 0}.deck-rule-note a{color:var(--red);text-decoration:underline}.deck-empty{color:var(--muted);font-size:15px;padding:20px 0;grid-column:1/-1}.deck-test-empty{max-width:600px;padding:20px 0 60px}.deck-test-empty h2{font-size:32px}.deck-test-empty p{margin:20px 0}.deck-test-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:28px}.deck-test-controls input{max-width:100px}.deck-test-controls>span{font-size:14px;align-self:center;color:var(--muted)}.deck-table{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px}.deck-piles{min-width:0}.deck-piles h2{font-size:22px;margin-bottom:16px}.deck-page .deck-draw-pile>button{padding:0;border:0;width:100%;min-height:0;background:transparent}.deck-draw-pile img{width:100%;height:auto;display:block;border-radius:8px}.deck-draw-pile p{font-size:12px;line-height:1.6;margin-top:10px;color:var(--muted)}.deck-commander{margin-top:30px}.deck-zone{border:1px solid var(--line);background:var(--surface,#e1e2d530);padding:22px;margin-bottom:25px;border-radius:6px}.deck-zone h2{font-size:27px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.deck-zone h2 span{font:14px Arial,sans-serif;color:var(--muted)}.deck-zone-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.deck-test-card{min-width:0;max-width:240px}.deck-test-card h3{font-size:16px;line-height:1.4;margin:8px 0}.deck-zone-actions{display:flex;flex-wrap:wrap;gap:4px}.deck-zone-actions select{font-size:12px;max-width:100%;width:100%;padding:6px}.deck-zone-actions button{width:100%;font-size:12px}.deck-test-note{font-size:13px;color:var(--muted);margin-top:20px}.deck-card-dialog{width:min(850px,94vw);max-height:90dvh;overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:24px}.deck-card-dialog::backdrop{background:#091712bb}.deck-dialog-close{display:block;margin-left:auto;margin-bottom:15px}#deck-card-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}#deck-card-preview>img{width:100%;height:auto;object-fit:contain}#deck-card-preview h2{font-size:30px;line-height:1.3;margin-bottom:18px}#deck-card-preview p{font-size:16px;line-height:1.7;margin:14px 0}#deck-card-preview a{color:var(--red);text-decoration:underline}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1500px){.deck-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.deck-build-layout{grid-template-columns:minmax(0,1fr) 285px;gap:20px}.deck-selection{padding:16px}.deck-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-ranges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.deck-build-layout{display:flex;flex-direction:column}.deck-collection,.deck-selection{width:100%}.deck-selection{position:static;max-height:none}.deck-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-page{width:92%;padding-top:28px}.deck-table{grid-template-columns:130px minmax(0,1fr);gap:18px}.deck-zone{padding:16px}.deck-zone-cards{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}}
@media(max-width:540px){.deck-search-row,.deck-filter-selects{grid-template-columns:1fr}.deck-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 8px}.deck-filters{padding:12px}.deck-file-actions{width:100%}.deck-file-actions button{flex:1;padding:8px}.deck-saved{max-width:none;width:100%}.deck-card{padding:5px}.deck-card h3{font-size:17px}.deck-results-heading{align-items:flex-start}.deck-results-heading label{flex-direction:column;align-items:flex-start}.deck-pagination{gap:10px}.deck-pagination button{font-size:13px;padding:8px}.deck-table{display:block}.deck-piles{display:flex;gap:22px;align-items:flex-start;margin-bottom:25px}.deck-draw-pile,.deck-commander{width:calc(50% - 11px);max-width:180px;margin-top:0}.deck-piles h2{font-size:20px}.deck-zone-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-zone{padding:15px}.deck-test-controls{gap:8px}.deck-test-controls>button{font-size:13px}.deck-test-controls>span{width:100%}#deck-card-preview{grid-template-columns:1fr}.deck-card-dialog{padding:15px}}

.deck-jump{display:none}.deck-selection{scroll-margin-top:120px}@media(max-width:800px){.deck-jump{display:inline-flex;margin:0 0 18px;padding:10px 16px;border:1px solid var(--line);min-height:44px;align-items:center;border-radius:4px;color:var(--red)}}

.deck-music{margin:0 0 30px;max-width:none}.deck-music button.reader-music-play{background:var(--button-red,#a33429);border-color:var(--button-red,#a33429);color:#fff8eb;min-width:120px}.deck-music button.reader-music-play:hover{background:#81291f;color:white}.deck-music input[type=range]{padding:0;border:0;border-radius:0;background:transparent;min-height:28px;accent-color:var(--red)}.deck-music .reader-music-volume{min-width:120px}

/* Card-first builder and Taiji play table — 16 October 2026. */
.deck-card-grid{gap:20px 16px}.deck-card{padding:3px;border-radius:10px;transition:border-color .15s,background .15s}.deck-card .deck-art{border-radius:8px;transition:transform .15s}.deck-card .deck-art:hover{transform:translateY(-3px)}.deck-card.is-selected{background:transparent;border-color:var(--red)}.deck-card .deck-art[aria-disabled=true]{cursor:help}.deck-selected-count{border-radius:6px;width:auto;min-width:30px;height:28px;line-height:26px;padding:0 6px;box-shadow:0 2px 7px #0005;right:9px;top:9px;font-family:Arial,sans-serif}
.deck-selection{top:110px}.deck-page .deck-name-link{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.deck-name-link img{width:36px;height:50px;object-fit:contain;flex:none;border-radius:3px}.deck-name-link span{overflow-wrap:anywhere}.deck-list li{gap:6px}.deck-list li>.deck-quantity{gap:5px}.deck-quantity span{min-width:13px;text-align:center;font-variant-numeric:tabular-nums}.deck-commander-count{line-height:1.6}.deck-results-heading{scroll-margin-top:115px}
.deck-pagination{display:flex;flex-direction:column;gap:15px}.deck-page-links,#deck-page-numbers,.deck-page-bottom,#deck-page-jump{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.deck-page-links{gap:10px}.deck-pagination button{min-width:40px;padding:8px 10px}.deck-page-gap{padding:0 3px;color:var(--muted)}.deck-pagination [aria-current=page]{background:var(--jade);color:#fff8eb;border-color:var(--jade)}.deck-page-bottom{gap:20px}.deck-pagination #deck-page-jump{gap:8px}.deck-pagination #deck-page-input{width:72px;padding:6px}.deck-page-jump label{font-size:13px}
.deck-hover-preview{position:fixed;z-index:1500;pointer-events:none;filter:drop-shadow(0 16px 26px #0009);line-height:0}.deck-hover-preview[hidden]{display:none!important}.deck-hover-preview img{display:block;width:100%;height:auto;max-height:calc(100dvh - 32px);object-fit:contain;border-radius:10px}.deck-hover-preview.is-wide img{border-radius:5px}
#deck-test-view[data-taiji]{padding:26px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:var(--table-bg);transition:background-color .4s,color .4s,border-color .4s;isolation:isolate}
#deck-test-view[data-taiji=yin]{--table-bg:#151d1c;--paper:#23302d;--surface:#1b2623;--ink:#f0ecdf;--muted:#b6c4b8;--line:#44544a;--red:#e6ac8e;--button-red:#9f3f31;--jade:#597765}
#deck-test-view[data-taiji=yang]{--table-bg:#eee6d4;--paper:#faf5e9;--surface:#e6ddc8;--ink:#25352d;--muted:#586354;--line:#bfb59c;--red:#9a3428;--button-red:#9a3428;--jade:#3d5c49}
#deck-test-view .deck-test-controls{margin:0 0 25px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.deck-table{grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:start}.deck-piles{display:flex;flex-direction:column;gap:28px}.deck-commander{margin:0}.deck-piles h2{font-size:18px;line-height:1.4;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}.deck-piles h2 span{font:13px Arial,sans-serif;background:var(--surface);padding:4px 8px;border-radius:20px}.deck-piles .deck-test-card{max-width:none}.deck-piles img{box-shadow:0 5px 12px #0003}.deck-draw-pile>button{transform:rotate(-3deg);box-shadow:3px 3px 0 var(--paper),5px 5px 0 var(--line);border-radius:8px!important}.deck-draw-pile>button:hover:not(:disabled){transform:rotate(0) translateY(-3px)}.deck-draw-pile p{margin:13px 0 0;text-align:center;font-size:12px}
.deck-zones{min-width:0}.deck-balance-zone{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;margin-bottom:24px;background:radial-gradient(ellipse at center,transparent 15%,var(--surface) 100%)}
.deck-diyu{position:absolute;right:18px;top:15px;width:clamp(145px,23%,235px)}.deck-diyu h2{font-size:15px;margin:0 0 7px;color:var(--muted)}.deck-page .deck-diyu-art{padding:0;min-height:0;border:0;background:transparent;display:block;width:100%}.deck-diyu img{display:block;width:100%;height:auto;aspect-ratio:1000/404;box-shadow:0 4px 12px #0004;border-radius:3px}.deck-diyu-art:hover img{outline:2px solid var(--muted);outline-offset:4px}
.deck-taiji{text-align:center;padding-top:44px;position:relative}.deck-page .deck-taiji-coin{width:142px;height:142px;padding:0;min-height:0;border:0;background:transparent;border-radius:50%;filter:drop-shadow(0 8px 12px #0005);transition:transform .18s}.deck-taiji-coin svg{width:100%;height:100%;display:block}.deck-taiji-coin:hover{transform:translateY(-3px)}.deck-taiji-symbol{transform-origin:100px 100px;transition:transform .5s}#deck-test-view[data-taiji=yang] .deck-taiji-symbol{transform:rotate(180deg)}.deck-taiji-coin.is-flipping{animation:deck-coin-flip .5s ease-in-out}.deck-taiji p{font-size:21px;letter-spacing:.08em;margin:13px 0 5px}.deck-taiji>span{font-size:12px;color:var(--muted)}@keyframes deck-coin-flip{50%{transform:translateY(-14px) rotateY(180deg)}100%{transform:translateY(0) rotateY(360deg)}}
.deck-zone{background:transparent;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:24px}.deck-zone h2{font-size:23px;margin:0 0 15px}.deck-zone h2 span{font:13px Arial,sans-serif;border-radius:20px;background:var(--surface);padding:4px 9px;color:var(--muted)}.deck-zone .deck-empty{font-size:14px;padding:8px 0;line-height:1.6}.deck-battlefield .deck-zone-cards:has(.deck-empty){min-height:56px;align-items:center}.deck-zone-cards{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:20px}.deck-test-card{max-width:205px}.deck-zone-actions{margin-top:10px;display:flex;gap:5px}.deck-zone-actions select{flex:1;min-width:0;width:auto;font-size:13px}.deck-zone-actions button{width:auto;font-size:13px}.deck-zone-actions select,.deck-zone-actions button{min-height:38px}.deck-hand-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.deck-hand-heading h2{margin:0}.deck-hand-layout{display:flex;gap:4px}.deck-hand-layout button{font-size:13px;min-height:38px;padding:5px 12px}.deck-hand-layout [aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.deck-hand-layout [aria-pressed=true]:hover{color:var(--paper)}.deck-hand-spread{margin-top:24px}.deck-hand{overflow:visible}.deck-hand-fan{position:relative;width:100%;min-height:290px;margin-top:15px;isolation:isolate}.deck-page .deck-fan-card{position:absolute;left:50%;top:85px;width:var(--fan-card-width,160px);height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:7px;background:transparent;transform:translateX(-50%) translate(var(--fan-x),var(--fan-y)) rotate(var(--fan-angle));transform-origin:50% 100%;transition:transform .22s,filter .2s;box-shadow:0 5px 12px #0006;cursor:pointer}.deck-fan-card img{display:block;width:100%;height:auto;aspect-ratio:5/7;object-fit:contain;border-radius:7px;pointer-events:none}.deck-page .deck-fan-card.is-raised{transform:translateX(-50%) translate(var(--fan-x),-62px) rotate(0deg) scale(1.14);box-shadow:0 16px 25px #0007;outline:2px solid #c5a66b;outline-offset:3px}.deck-fan-card:hover:not(.is-raised){filter:brightness(1.08)}.deck-fan-card:focus-visible{z-index:501!important}.deck-hand-selection{min-height:45px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:13px}.deck-hand-selection p{font-size:13px;color:var(--muted);margin:0}.deck-hand-selection strong{font-size:15px;margin-right:auto}.deck-hand-selection .deck-zone-actions{margin:0}.deck-discard{border-top:1px solid var(--line);padding-top:18px}.deck-discard summary{font-size:18px;cursor:pointer;min-height:40px}.deck-discard summary span{font:13px Arial,sans-serif;color:var(--muted);margin-left:8px}.deck-discard .deck-zone-cards{padding-top:16px}.deck-test-note{font-size:12px;line-height:1.6;margin:24px 0 0;color:var(--muted)}.deck-card-dialog.is-wide{width:min(1100px,94vw)}.deck-card-dialog.is-wide #deck-card-preview{grid-template-columns:1fr}.deck-card-dialog.is-wide #deck-card-preview>img{aspect-ratio:1000/404}.deck-card-dialog.is-wide #deck-card-preview h2{margin-bottom:5px}
@media(max-width:1150px){.deck-table{grid-template-columns:125px minmax(0,1fr);gap:22px}.deck-selection{padding:14px}.deck-page .deck-name-link{gap:6px;font-size:13px}.deck-name-link img{width:28px;height:40px}.deck-list li>.deck-quantity{gap:2px}.deck-list li>div button{width:30px;min-width:30px}.deck-balance-zone{min-height:340px}.deck-diyu{width:170px;right:14px;top:14px}.deck-taiji{padding-top:75px}}
@media(max-width:800px){.deck-selection{position:static}.deck-table{grid-template-columns:110px minmax(0,1fr);gap:18px}.deck-name-link img{width:36px;height:50px}.deck-page .deck-name-link{font-size:15px;gap:10px}#deck-test-view[data-taiji]{padding:18px}.deck-zone{padding:16px}.deck-zone-cards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.deck-piles h2{font-size:16px}.deck-page .deck-taiji-coin{width:128px;height:128px}}
@media(max-width:600px){.deck-table{display:flex;flex-direction:column;gap:22px}.deck-piles{display:flex;flex-direction:row;justify-content:flex-start;gap:25px;width:100%;margin:0}.deck-piles .deck-commander,.deck-piles .deck-draw-pile{width:110px;max-width:calc(50% - 15px);margin:0}.deck-piles h2{font-size:15px}.deck-zones{width:100%}.deck-balance-zone{min-height:320px}.deck-diyu{width:160px}.deck-taiji{padding-top:82px}.deck-zone{padding:13px}.deck-zone-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.deck-hand-heading{gap:10px}.deck-hand-heading h2{font-size:19px}.deck-hand-layout button{font-size:12px;padding:6px 9px}.deck-hand-selection .deck-zone-actions{width:100%}.deck-test-controls{gap:8px}.deck-test-controls>button{font-size:12px}.deck-test-controls input{max-width:80px}.deck-hand-fan{margin-top:20px}.deck-pagination{gap:12px}.deck-page-links{gap:7px}.deck-pagination button{font-size:12px;min-width:33px;padding:7px}#deck-page-numbers{gap:3px}.deck-page-gap{padding:0}.deck-page-bottom{gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.deck-card,.deck-card .deck-art,#deck-test-view[data-taiji],.deck-taiji-symbol,.deck-page .deck-taiji-coin,.deck-page .deck-fan-card{transition:none}.deck-taiji-coin.is-flipping{animation:none}}

.deck-pagination [aria-current=page]:hover{color:#fff8eb}