html{scrollbar-gutter:stable}button,select,input{font:inherit}button{min-height:44px}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.primary-action{border-color:var(--gold);background:#d5b77a20;color:#f4deae}.deck-selection,.virtual-question{padding:24px;border:1px solid var(--line);background:#141722;border-radius:12px;margin-bottom:28px}.selection-heading,.selection-footer,.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.selection-heading h2{margin:0}#deckTotals,#energyDisplay{font-size:19px;color:var(--gold)}.deck-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.deck-slot{border:1px dashed var(--line);border-radius:8px;min-height:110px;padding:14px;display:flex;flex-direction:column;gap:8px;justify-content:center;overflow-wrap:anywhere}.deck-slot.filled{border-style:solid;border-color:var(--gold)}.slot-name{font-family:'Yu Mincho',serif;font-size:18px}.slot-buttons{display:flex;flex-wrap:wrap;gap:8px}.slot-buttons button{flex:1;padding:7px}.deck-grid,.hand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-card{padding:14px;display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere}.game-card p,.game-card h2,.game-card h3{margin:0}.game-card-header{display:flex;align-items:center;gap:12px}.game-card .composer-portrait{width:72px;flex:0 0 72px;margin:0;aspect-ratio:4/5}.game-name{font-family:'Yu Mincho',serif;font-size:19px;line-height:1.5;font-weight:500}.game-card .portrait-monogram{width:40px;height:40px;font-size:15px;letter-spacing:0}.game-card .portrait-placeholder{padding:4px;gap:0}.game-card .placeholder-name,.game-card .placeholder-message{display:none}.selection-label{font-size:13px;color:var(--muted)}.is-selected{border:2px solid var(--gold);padding:13px;background:#22202a}.is-selected .selection-label{color:var(--gold)}.strengths{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px;font-size:14px}.strengths li{padding:4px 7px;border-left:2px solid var(--gold);background:#dfc58e08}.game-ability{font-size:17px;font-weight:500;color:#f2ddad}.ability-summary{font-size:14px;line-height:1.75;color:#d0ced0}.game-cost{color:var(--gold);font-size:15px}.game-actions{display:flex;gap:8px;margin-top:auto}.game-actions button{flex:1;min-width:0;padding:9px 6px}.blocked-reason{font-size:13px;color:#dbbf9b}.deck-grid .game-actions{padding-top:4px}#deckSearch{width:100%;margin-top:8px}.storage-notice{border-left:3px solid var(--gold);padding:12px}.preview-toolbar{border-block:1px solid var(--line);padding:18px 0;margin-bottom:24px}.preview-toolbar label{display:flex;flex-direction:column;gap:8px}.ability-status{border:1px solid var(--line);padding:6px 8px;border-radius:5px;font-size:15px;font-weight:600}.hand-card[data-status=ready] .ability-status{color:#b5e2c3;border-color:#638d70}.hand-card[data-status=used]{background:#171821}.hand-card[data-status=energy] .ability-status{color:#efc78b}.ability-reason{font-size:14px;line-height:1.6;color:var(--muted)}.game-target{font-size:14px}.virtual-options{display:flex;gap:10px;flex-wrap:wrap}.virtual-option{padding:8px 16px;border:1px solid var(--line);border-radius:6px}.virtual-option.removed{text-decoration:line-through;opacity:.55}.scenario-settings{margin:18px 0}.scenario-settings summary{min-height:44px;padding:10px;cursor:pointer}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:12px 0}.scenario-grid label{display:flex;flex-direction:column;gap:8px}.scenario-grid .check-label{flex-direction:row;align-items:center;min-height:44px}.scenario-grid input[type=checkbox]{width:20px;height:20px}.scenario-grid fieldset{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;border:1px solid var(--line)}.scenario-grid fieldset label{flex-direction:row;align-items:center;min-height:44px}.virtual-question>button{width:100%}.hand-grid .game-actions{flex-direction:column}.hand-grid .game-card-header{flex-direction:column;align-items:flex-start}.hand-grid .composer-portrait{width:100%;max-width:160px;flex:auto;align-self:center}.hand-grid .game-name{min-height:2.8em}.hand-grid .game-ability{min-height:2.8em}#cardDialog{width:min(1100px,calc(100% - 24px));max-height:90dvh;padding:16px;border:1px solid var(--gold);border-radius:10px;color:var(--text);background:#10131d;overflow:auto}#cardDialog::backdrop{background:#000b}.dialog-toolbar{position:sticky;top:-16px;z-index:2;background:#10131d;padding:8px 0 16px;display:flex;justify-content:flex-end}.dialog-toolbar button{background:#242331}.dialog-toolbar+.composer-card{margin-top:8px}
@media(max-width:1050px){.deck-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.deck-grid,.hand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.deck-grid{grid-template-columns:minmax(0,1fr)}.deck-selection,.virtual-question{padding:14px}.deck-slot{padding:10px}.selection-footer{align-items:stretch;flex-direction:column;gap:0}.selection-footer button{width:100%}.game-card-header{gap:14px}.deck-card .composer-portrait{width:80px;flex-basis:80px}.hand-grid{gap:8px}.hand-card{padding:9px;gap:10px}.hand-card .game-name{font-size:17px}.hand-card .game-ability{font-size:16px}.hand-card .composer-portrait{width:100%;max-width:130px}.hand-card .game-cost,.hand-card .ability-status{font-size:14px}.scenario-grid{grid-template-columns:1fr}.preview-toolbar{gap:12px}.preview-toolbar label{width:100%}.catalog-shell{padding-inline:14px}.catalog-hero{padding:24px 0}.hand-grid .game-actions button{font-size:14px}.slot-name{font-size:16px}#cardDialog{padding:10px}.dialog-toolbar{top:-10px}.hand-card .ability-reason{font-size:14px}.deck-card .game-actions button{font-size:16px}}
.slot-buttons button{min-width:44px} @media(max-width:560px){.slot-buttons{flex-direction:column}.slot-buttons button{width:100%}}
/* In-game cards prioritize the status and action over large gallery portraits. */
.hand-card{gap:8px}.hand-grid .game-card-header{flex-direction:row;align-items:center;gap:10px}.hand-grid .composer-portrait{width:64px;max-width:64px;flex:0 0 64px}.hand-grid .game-name,.hand-grid .game-ability{min-height:0}
@media(max-width:560px){.hand-grid .game-card-header{flex-direction:column;align-items:flex-start;gap:8px}.hand-grid .composer-portrait{width:80px;max-width:80px;flex:auto}.hand-card .game-name{line-height:1.5}.hand-card .game-actions{gap:6px}}
.deck-support{border:1px solid var(--line);border-radius:10px;padding:18px;margin:24px 0}.deck-support h2{font-size:23px;margin:0}.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.support-field{background:#ffffff04;border:1px solid var(--line);border-radius:8px;padding:12px}.support-field h3{margin:0;font-size:18px;color:var(--gold)}.support-count{margin:4px 0 10px;font-size:15px}.support-field dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:5px 8px;font-size:15px;line-height:1.55}.support-field dd{margin:0;text-align:right}.support-field dt:last-of-type,.support-field dd:last-of-type{grid-column:1/-1;text-align:left}.support-field dd:last-of-type{color:var(--gold)}.support-caveat{font-size:14px;color:var(--muted);margin:12px 0 0}.support-notes{font-size:15px;padding-left:22px;line-height:1.8}.link-met{color:#a1e6be}.link-missing{color:#efbd93}@media(max-width:800px){.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.deck-support{padding:12px}.support-grid{gap:8px}.support-field{padding:9px}.support-field h3{font-size:16px}.support-field dl{font-size:14px;grid-template-columns:1fr}.support-field dd{text-align:left}.support-notes{font-size:15px}}