/* Squad builder: compact illustrated cards with live controls and statistics. */
.app-shell.collection-mode>main{padding:0 12px 12px}
#collection-view{padding:11px 1px 18px;container-type:inline-size;scrollbar-width:thin;scroll-padding-top:10px}
#collection-view:focus-visible{outline:1px solid #79b6e0;outline-offset:-1px}
#collection-view .collection-heading{padding:0 2px;display:block}
#collection-view .collection-heading .eyebrow{display:block;font-size:7px;line-height:1;letter-spacing:2px;color:#aac9f0}
#collection-view .collection-heading h1{font:400 clamp(28px,7.6cqw,36px)/1 'Lilita One',sans-serif;color:#fff0ad;text-shadow:0 2px #bc7d27,0 3px #071830;letter-spacing:.2px;margin:5px 0 7px}
#collection-view #back-arena{display:none}
#collection-view .collection-intro{font-size:clamp(10px,2.75cqw,13px);color:#b7d6ff;margin:0 2px 9px;line-height:1.3}
#collection-view .squad-editor{padding:10px 8px 8px;border:1.5px solid #ffda68;border-radius:13px;background:linear-gradient(130deg,#3b6095,#1b3a69 65%,#102b52);box-shadow:inset 0 1px #a8c2e8,0 3px #061328;margin:0 0 12px}
#collection-view .squad-editor-heading strong{font-size:clamp(17px,4.4cqw,21px);line-height:1;color:#fff1ba;text-shadow:0 2px #071c38;letter-spacing:.2px}
#collection-view .squad-editor-heading>span{font-size:clamp(16px,4.1cqw,20px);line-height:1;padding:3px 9px;border:1px solid #ffe16e;border-radius:8px;color:#ffe064;background:#0c2d51}
#collection-view .squad-slots{gap:7px;margin:8px 0 9px}
#collection-view .squad-slot.empty{background:#102d50;border:1px dashed #7f9ebf;box-shadow:inset 0 1px #05182b;color:#819fc0}
#collection-view .squad-slot.empty>b{font-size:30px;margin-bottom:6px}
#collection-view .squad-slot.empty>span{font-size:6px;line-height:1.4}
.squad-editor-actions{display:grid;grid-template-columns:minmax(0,1fr) 30%;gap:9px;align-items:stretch}
.squad-clear{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 5px 9px;border:1.5px solid #a2d6ff;border-radius:9px;background:linear-gradient(#427bb7,#19457a);box-shadow:inset 0 1px #c9eaff88,inset 0 -2px #143460,0 3px #061832;color:#e8f4ff;text-shadow:0 2px #163763;font:400 clamp(11px,3.1cqw,15px)/1 'Lilita One',sans-serif}
.squad-clear svg{height:16px;width:16px;stroke-width:2.5}
.squad-clear:disabled{filter:saturate(.35) brightness(.65);cursor:default}
.collection-controls{display:flex;gap:8px;padding:4px;margin:0 0 10px;border:1px solid #345d89;border-radius:12px;background:#0c2241d9;box-shadow:inset 0 1px #a5c9f316}
.collection-filters{display:grid;grid-template-columns:.75fr .8fr 1.1fr;gap:6px;flex:1;min-width:0}
.collection-filters button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:33px;min-width:0;padding:6px 4px 8px;border:1px solid #527caa;border-radius:9px;background:linear-gradient(#1c4476,#112c52);box-shadow:inset 0 1px #9abbe32b,0 2px #07172e;font:400 clamp(10px,2.7cqw,13px)/1 'Lilita One',sans-serif;color:#a5c9f5;letter-spacing:.1px}
.collection-filters button svg{height:14px;width:14px;fill:#9cc8f8;stroke-width:1.8}
.collection-filters button[aria-pressed=true]{background:linear-gradient(#fff28b,#ffd52e 50%,#ffb916);border:1.5px solid #fff2a9;box-shadow:inset 0 1px #fff9c3,inset 0 -2px #e99013,0 2px #8b4c15;color:#5c3a11}
.collection-filters button[aria-pressed=true] svg{fill:#8f5d17;color:#75480d}
#collection-view .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#collection-view .collection-card{position:relative;display:grid;grid-template-columns:43% minmax(0,1fr);column-gap:6px;min-width:0;min-height:147px;padding:23px 7px 8px;border:1px solid #4c78a5;border-radius:11px;background:radial-gradient(ellipse at 18% 35%,color-mix(in srgb,var(--fighter-color) 16%,transparent),transparent 65%),linear-gradient(135deg,#17365d,#0d294e);box-shadow:inset 0 1px #a5caeb33,0 3px #03162c;overflow:hidden}
#collection-view .collection-card.in-squad{border-color:#e1bd64;box-shadow:inset 0 1px #fff0b14d,0 3px #07162d}
#collection-view .tile-number{top:8px;left:9px;font-size:clamp(5px,1.4cqw,7px);letter-spacing:.6px;color:#b0ccee;line-height:1.2}
.fighter-favorite{position:absolute;top:1px;right:1px;height:28px;width:28px;padding:6px;display:grid;place-items:center;border:0;background:none;color:#75a9d9;z-index:2}
.fighter-favorite:after{content:'';position:absolute;inset:-5px}
.fighter-favorite svg{height:18px;width:18px;stroke-width:1.5}
.fighter-favorite[aria-pressed=true]{color:#ffd665}.fighter-favorite[aria-pressed=true] svg{fill:#ffd665;filter:drop-shadow(0 1px #7b511e)}
#collection-view .collection-stage{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:4px;background:none;border:0;box-shadow:none;padding:0;overflow:visible}
#collection-view .collection-stage:before,#collection-view .collection-stage:after{display:none}
.collection-art{display:grid;place-items:center;flex:1;min-height:64px;min-width:0;width:100%;border:0;background:none;padding:0}
#collection-view .collection-stage .ball-art{width:110%;max-width:110%;height:clamp(65px,20cqw,96px);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--fighter-color) 25%,transparent))}
#collection-view .squad-toggle{min-height:28px;padding:6px 1px 7px;font-size:clamp(7px,2.1cqw,10px);letter-spacing:0;gap:2px;border:1px solid #a4d6ff;border-radius:7px;background:linear-gradient(#4781bc,#1f4f86);box-shadow:inset 0 1px #d2ecff88,inset 0 -2px #173b6c,0 2px #06172d;white-space:nowrap}
#collection-view .squad-toggle svg{width:11px;height:11px;flex-shrink:0}
#collection-view .in-squad .squad-toggle{border-color:#f3d68d;background:linear-gradient(#b69352,#735637);color:#fff2c6;box-shadow:inset 0 1px #fff1b9,0 2px #2f291f}
#collection-view .fighter-locked .squad-toggle{background:linear-gradient(#486080,#273f61);color:#d5dfef}
#collection-view .collection-info{min-width:0;padding:0;display:flex;flex-direction:column;align-items:stretch}
#collection-view .collection-info h2{font:400 clamp(13px,3.8cqw,19px)/1.05 'Lilita One',sans-serif;letter-spacing:.1px;color:#fff0b7;text-shadow:0 2px #071d37;margin:0 0 5px}
#collection-view .collection-info .eyebrow{font-size:clamp(4.5px,1.25cqw,6px);font-weight:800;letter-spacing:.55px;color:#9dcaff;line-height:1.4;margin:0 0 6px}
#collection-view .collection-info>p{font-size:clamp(7.5px,2.15cqw,10px);font-weight:500;line-height:1.35;min-height:0;color:#d7e3fa;margin:0 0 7px}
.collection-stats{margin-top:auto}
#collection-view .stat-row{font-size:clamp(6px,1.7cqw,8px);color:#b2c6e3;gap:3px;margin:4px 0}
#collection-view .stat-row>span:first-child{width:clamp(24px,6.7cqw,32px);flex-shrink:0}
#collection-view .stat-bars{gap:2px}
#collection-view .stat-bars i{height:4px;background:#2d4360;border-radius:1px}
#collection-view .stat-bars .filled{background:linear-gradient(#fff4b0,#ffd84e 50%,#e7a82e);box-shadow:0 0 2px #ffe27033}
.collection-empty{grid-column:1/-1;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:200px;padding:20px;border:1px solid #42698f;border-radius:12px;background:#102a4bd9;text-align:center}
.collection-empty>span svg{height:35px;width:35px;color:#e9c56b}
.collection-empty h2{font:400 23px 'Lilita One',sans-serif;color:#ffedb2;margin:12px 0 0}.collection-empty p{font-size:11px;line-height:1.5;color:#a9c2e2;margin:10px 0 17px}
@media(max-width:350px){.app-shell.collection-mode>main{padding-inline:8px}#collection-view .collection-card{column-gap:4px;padding-inline:5px;min-height:148px}.collection-controls{gap:5px}.collection-filters{gap:4px}.collection-filters button{font-size:9px;gap:2px}.collection-filters button svg{width:11px;height:11px}#collection-view .squad-slot>i{width:16px;height:16px;font-size:17px}.squad-clear{gap:3px}.squad-clear svg{width:13px;height:13px}#collection-view .collection-info>p{font-size:7.5px}#collection-view .collection-info h2{font-size:13px}#collection-view .collection-grid{gap:7px}}
@media(min-width:440px){#collection-view .collection-card{padding:24px 8px 10px;column-gap:8px;min-height:166px}#collection-view .squad-editor{padding:12px 10px 9px}.collection-filters button{min-height:37px}#collection-view .squad-toggle{min-height:31px}}

/* Locked fighters above the player's level (owner's pick D, 2026-10-31): the fighter as a shadow glowing in its own
   colour, the League Road's glossy padlock on it with a gold-edged LEVEL badge, and the fighter page's grey
   "Reach LV" button. The extra .is-gated class outranks roster.css's .squad-toggle.is-buy colours. */
#collection-view .collection-card.is-gated .collection-art .ball-art{filter:brightness(.08) drop-shadow(0 0 2px var(--fighter-color)) drop-shadow(0 0 7px var(--fighter-color))}
.collection-card.is-gated .gated-lock{position:absolute;inset:0;z-index:3;pointer-events:none}
.collection-card.is-gated .gated-lock img{position:absolute;left:50%;top:47%;width:44px;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 0 #0b1230) drop-shadow(0 0 10px #9fc2ff99)}
.collection-card.is-gated .gated-lock b{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);padding:4px 14px 5px;border-radius:9px;border:2px solid #052039;background:linear-gradient(180deg,#2a457e,#152954 55%,#123364);box-shadow:0 0 0 2px #f6b923,0 2px 0 #080b25,inset 0 2px 0 #4a71b3;color:#ffe066;font:400 15px/1 'Lilita One',sans-serif;text-shadow:0 2px 0 #0a0b23;white-space:nowrap}
#collection-view .collection-card.is-gated .squad-toggle.is-buy{display:flex;align-items:center;justify-content:center;gap:7px;border:2px solid #2b3550;background:linear-gradient(180deg,#9aa3b8,#6b7590 55%,#555e78);box-shadow:inset 0 2px 0 #d6dbe8,0 3px 0 #1a2033;color:#fff;font:400 17px/1 'Lilita One',sans-serif;-webkit-text-stroke:1.2px #2b3550;paint-order:stroke fill}
#collection-view .collection-card.is-gated .squad-toggle.is-buy img{width:20px;height:22px}