.collection-page{max-width:1240px;margin:auto;padding:32px 24px 70px}.collection-heading,.section-title,.replacement-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.collection-heading h1{font:500 clamp(32px,5vw,52px) Impact,'Arial Narrow',sans-serif;margin:8px 0;letter-spacing:1px}.collection-heading p,.builder-help{color:var(--app-muted);font-size:13px}.section-title h2{font-size:20px;letter-spacing:1px}.section-title span{font-size:11px;color:var(--app-accent)}.collection-page section{margin-top:32px}#notice{position:sticky;top:0;z-index:50;background:var(--app-bg);padding:10px 0;color:var(--app-accent);min-height:40px}.collection-page button,#replacement-modal button{cursor:pointer;background:var(--app-accent);color:#15232d;border:1px solid #dfc688;border-radius:5px;min-height:42px;padding:8px 14px;font-size:11px;font-weight:800}.collection-page button:disabled{opacity:.45;cursor:wait}.team-field{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:22px 4%;padding:26px 8%;border:1px solid #4b7660;border-radius:90px 90px 18px 18px;background:repeating-linear-gradient(0deg,#2d6148 0px,#2d6148 44px,#30664b 44px,#30664b 88px);box-shadow:inset 0 0 100px #08251866;overflow:hidden}.team-field-art{position:absolute;inset:0;z-index:-1;pointer-events:none}.team-field-art .field-art{position:absolute;inset:0;width:100%;height:100%;opacity:.85}.field-slot{width:100%;max-width:190px;justify-self:center;min-width:0;text-align:center}.field-slot h3{font-size:10px;letter-spacing:1px;color:#f2e9cf;margin:0 0 8px;text-shadow:0 2px 5px #000}.field-slot .player-card{width:100%}.field-slot .flip-hint{font-size:8px;margin:5px 0;color:#e0eadf}.replace-player{display:block;margin:6px auto 0;min-width:84px}.field-slot--of1{grid-area:1/1}.field-slot--of2{grid-area:1/3}.field-slot--inf1{grid-area:2/1}.field-slot--pitcher{grid-area:2/2}.field-slot--inf2{grid-area:2/3}.field-slot--catcher{grid-area:3/2}.empty-card{aspect-ratio:.765;border:2px dashed #bed3ba;border-radius:8px;display:grid;place-content:center;gap:12px;background:#123c2cad;color:#e3eddf;font-size:11px;padding:10px}.empty-card span{font-size:9px}#batting-order{display:flex;gap:16px;padding:4px 4px 14px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity}#batting-order li{flex:1 0 130px;min-width:0;max-width:210px;padding:10px;background:var(--app-panel);border:2px solid transparent;border-radius:8px;scroll-snap-align:start}.order-number{display:block;text-align:center;font-size:18px;color:var(--app-accent);margin-bottom:8px}.order-actions{display:flex;justify-content:center;gap:8px}.order-actions button{min-width:44px}.builder-card{touch-action:none;user-select:none;cursor:grab}.builder-card .flip-hint{font-size:9px}.drop-hover{border-color:var(--app-accent)!important}.drag-source{opacity:.3}.drag-ghost{position:fixed!important;z-index:20000;pointer-events:none;transform:rotate(4deg);filter:drop-shadow(0 18px 18px #0009)}.dragging-cards,.dragging-cards *{cursor:grabbing!important}#collection,#replacement-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px;margin-top:24px}.reserve-card .player-card{max-width:165px}.card-meta{text-align:center;font-size:11px;color:var(--app-muted);line-height:1.6}.reserve-empty{grid-column:1/-1;text-align:center;padding:44px 20px;border:1px dashed var(--app-line);border-radius:10px}.reserve-empty h3{font-size:20px}.reserve-empty p{color:var(--app-muted);font-size:13px}.reserve-empty .result-link{display:inline-block;margin-top:12px}.section-title label{display:flex;align-items:center;gap:10px;font-size:12px}.section-title select{padding:10px;border:1px solid var(--app-line);border-radius:5px;color:white;background:var(--app-panel)}#more,#replacement-more{display:block;margin:24px auto}#replacement-modal{width:min(1000px,94vw);max-height:90dvh;border:1px solid var(--app-accent);border-radius:12px;padding:28px;background:var(--app-bg);color:var(--app-text);overflow:auto}#replacement-modal::backdrop{background:#050e15d9;backdrop-filter:blur(4px)}.replacement-heading{position:sticky;top:-28px;padding:10px 0;background:var(--app-bg);z-index:5}.replacement-heading h2{font-size:24px;margin:0}#replacement-help{font-size:13px;color:var(--app-muted)}.replacement-option{min-width:0;text-align:center}.replacement-option button{width:100%}.replacement-option .player-card{max-width:190px}
@media(max-width:600px){.collection-page{padding:20px 12px 45px}.team-field{padding:22px 12px;gap:20px 10px;border-radius:55px 55px 12px 12px}.field-slot h3{font-size:8px;letter-spacing:0}.field-slot .flip-hint{font-size:6px}.team-field .replace-player{font-size:9px;padding:6px 4px;min-width:0;width:100%;min-height:44px}.section-title h2{font-size:17px}.section-title span{font-size:10px}#collection,#replacement-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}#replacement-modal{padding:18px}.replacement-heading{top:-18px}.replacement-heading h2{font-size:18px}.order-actions button{padding:6px 8px}.empty-card{font-size:8px;padding:3px}.empty-card span{font-size:7px}}@media(prefers-reduced-motion:reduce){.drag-ghost{transition:none!important}}
#notice:empty{display:none}
.hub-content.collection-host{max-width:none;padding:0}.collection-view>.collection-page{margin-top:0}
.collection-skeleton .skeleton-line{display:block;height:24px;margin-bottom:9px;border-radius:5px;background:#9d4edd25}
.skeleton-card{aspect-ratio:3/4;background:#142034;border:1px solid #49335f}
.skeleton-hint{display:block;height:31.5px}.skeleton-actions{height:36px;border:1px solid #49335f;border-radius:5px;background:#201d37}
@media(max-width:600px){.skeleton-actions{height:44px}}

.gallery-page{max-width:1500px}.gallery-page .collection-heading h1{font:800 30px 'Barlow Condensed',sans-serif}.collection-capacity{font-size:11px;color:#c5a9e8;letter-spacing:1px}.gallery-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap;margin:22px 0}.gallery-toolbar>span{margin-right:auto;color:#aab6cc;font-size:10px}.gallery-toolbar label{display:flex;align-items:center;gap:8px;font-size:11px;color:#bdc5d5}.gallery-toolbar select{padding:10px;background:#142034;border:1px solid #70588a;border-radius:6px;color:white}.gallery-page #collection{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px;margin-top:16px}.gallery-card{min-width:0;padding:5px;border-radius:8px}.gallery-card:hover{background:#9d4edd14}.gallery-card .player-card{width:100%;max-width:none}.gallery-card .flip-hint{font-size:9px}.active-indicator,.reserve-indicator{display:block;text-align:center;margin-bottom:9px;font-size:9px;letter-spacing:.6px;line-height:24px}.active-indicator{color:#d9b4ff;background:#9d4edd25;border-radius:5px}.reserve-indicator{color:#8490a5}.gallery-card-actions{display:flex;gap:4px;justify-content:center}.gallery-page .gallery-card-actions button{background:#201d37;border:1px solid #765391;color:#dab9fa;min-height:36px;padding:6px 8px;font-size:9px}.gallery-card-actions button:first-child{flex:1}.gallery-card-actions button:not(:first-child){min-width:32px}
@media(max-width:1100px){.gallery-page #collection{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.gallery-page #collection{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.gallery-page #collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.gallery-toolbar{gap:10px}.gallery-toolbar>span{width:100%}.gallery-card-actions button{min-height:44px!important}.gallery-card{padding:2px}.active-indicator{font-size:8px}}

.card-detail{width:min(500px,94vw);max-height:92dvh;overflow:auto;background:#0e192b;border:1px solid #9658c7;border-radius:12px;color:white;padding:24px;text-align:center}.card-detail::backdrop{background:#040713dc}.card-detail h2{font:700 25px 'Rajdhani',sans-serif;margin:0 0 8px}.card-detail>.player-card{width:min(230px,65vw);margin:18px auto}.card-detail p{font-size:12px;line-height:1.6}.detail-status{color:#d5acf5}.detail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.detail-actions button{min-height:44px;padding:10px 14px;border:1px solid #9966be;border-radius:6px;background:#39254e;color:white;font-size:11px;font-weight:700;cursor:pointer}.detail-actions button:disabled{opacity:.4;cursor:not-allowed}

.reroll-comparison{text-align:center;color:#d8b2fa;font-size:12px}.reroll-comparison h3{font:700 24px Rajdhani,sans-serif;margin:10px 0}.reroll-comparison p{margin:6px 0;font-size:11px}