.count-field[hidden]{display:none}
.deck-zone-heading{display:flex;align-items:center;gap:10px;padding:11px 7px 5px;color:#777886;font-size:9px;font-weight:900;letter-spacing:.18em}
.deck-zone-heading i{height:1px;background:var(--line);flex:1}
.deck-zone-heading.ride-heading{color:var(--blue);padding-top:4px}
.ride-item{background:linear-gradient(90deg,#f1efff,transparent);border-left:3px solid var(--blue);margin:4px 0 12px}
.fixed-count{display:inline-flex;align-items:center;height:27px;padding:0 8px;border-radius:6px;background:#e7e4ff;color:#5353ae;font-size:9px;font-weight:800}
.selection-preview .match-results{width:100%;display:flex;flex-direction:column;gap:7px}
.match-count{font-size:12px;color:var(--ink-soft);display:block}
.match-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px}
.match-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 3px 5px;background:#efecff;color:#5353ae;border:1px solid #d4d1f5;border-radius:7px;cursor:pointer;transition:background .15s;overflow:hidden;min-width:0}
.match-chip img{width:52px;height:76px;object-fit:cover;border-radius:4px;display:block;flex-shrink:0}
.match-chip-placeholder{width:52px;height:76px;background:#dcd8f8;border-radius:4px;display:block;flex-shrink:0}
.match-chip-num{font:700 9px/1.3 monospace;text-align:center;word-break:break-all;color:#5353ae}
.match-chip:hover{background:#e3dfff}
.match-pagination{display:flex;gap:6px}
.match-pagination button{font-size:11px;font-weight:600;padding:2px 10px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink-soft);cursor:pointer;transition:.15s}
.match-pagination button:hover:not(:disabled){background:var(--panel);color:var(--ink)}
.match-pagination button:disabled{opacity:.35;cursor:default}
.footer-version{margin:0;font-size:9px;letter-spacing:.18em;color:#aaa398;align-self:center}
.deck-item{row-gap:0}.deck-item-thumb{background:url('./card-placeholder.webp') center/cover no-repeat}
.expand-effect-btn{grid-column:1/-1;width:100%;font-size:10px;font-weight:600;color:var(--ink-soft);background:none;border:0;border-top:1px solid var(--line);padding:5px 2px;cursor:pointer;text-align:center;letter-spacing:.04em;transition:background .15s,color .15s}
.expand-effect-btn:hover,.expand-effect-btn:focus{background:#f4f1eb;color:var(--ink);outline:none}
.deck-item-effect{grid-column:1/-1;padding:8px 4px 4px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.7;color:#a4b2c8}
.deck-item-effect p{margin:0 0 6px}
.deck-item-effect p:last-child{margin-bottom:0}
.deck-effect-loading,.deck-effect-nodata{font-size:12px;color:#7f8da5}
.hero{justify-content:center;min-height:auto;padding:36px clamp(0px,3vw,32px) 28px;border-bottom:none}
.hero-brand{display:flex;flex-direction:column;align-items:center;gap:14px}
.hero-logo{max-width:min(400px,82vw);height:auto;display:block}
.hero-sub{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}
.hero-tagline{margin:0;font-size:14px;color:var(--ink-soft);letter-spacing:.06em}
.brand{display:flex;align-items:center}
.header-logo{height:42px;width:auto;display:block}