#roster-launch{position:fixed;z-index:20;left:50%;transform:translateX(-50%);top:calc((100vh - min(100vh,177.7778vw))/2 + min(100vh,177.7778vw)*.577);padding:9px 19px;border-radius:24px;border:1px solid #cfb577;background:#101b34ec;color:#f8e6b5;font:600 13px Meiryo,sans-serif;cursor:pointer;touch-action:manipulation}#roster-launch[hidden]{display:none}
#roster-panel{position:fixed;inset:0;margin:auto;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;background:linear-gradient(135deg,#18283f,#080f20);color:#f0f2f8;border:1px solid #b99c63;border-radius:18px;padding:22px;font:14px/1.6 Meiryo,sans-serif;touch-action:pan-y;color-scheme:dark}#roster-panel::backdrop{background:#000b;backdrop-filter:blur(5px)}html:has(#roster-panel[open]),body:has(#roster-panel[open]){touch-action:pan-y}
#roster-panel header{display:flex;justify-content:space-between;gap:12px;align-items:center}#roster-panel h2{font-size:23px;margin:4px 0}#roster-panel header small{letter-spacing:.15em;color:#d2b985;font-size:10px}#roster-close{background:#ffffff0b;border:1px solid #ffffff30;color:#fff;border-radius:8px;min-width:42px;min-height:42px;font-size:24px;cursor:pointer}.roster-rates{color:#b6c5da;font-size:12px;margin:13px 0}.roster-filters{display:flex;flex-wrap:wrap;gap:8px;position:sticky;top:-22px;background:#142138;padding:12px 0;z-index:2}.roster-filters input,.roster-filters select{min-width:0;min-height:42px;padding:8px 10px;border:1px solid #576984;border-radius:8px;background:#0e182a;color:#fff;font:inherit}.roster-filters input{flex:1 1 220px}.roster-filters select{flex:1 1 90px}#roster-count{font-size:12px;color:#b7c7db;margin:5px 0 14px}#roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.roster-card{display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden;padding:8px 4px 12px;border:1px solid var(--tone);border-radius:12px;background:radial-gradient(ellipse at center,#ffffff12,#061020);color:#fff;cursor:pointer;touch-action:manipulation}.roster-card img{width:100%;aspect-ratio:1;object-fit:contain}.roster-card b{font-size:14px}.roster-card small{font-size:10px;color:#bfcee0}.roster-stars{color:#f2cf74;font-size:11px;letter-spacing:1px}.roster-odds{color:#d3baec;font-size:10px;margin-top:5px}#roster-detail{display:flex;gap:18px;align-items:center;padding:16px;background:#22354a;border-radius:12px;margin-bottom:14px}#roster-detail[hidden]{display:none}#roster-detail img{width:40%;max-height:310px;object-fit:contain}#roster-detail h3{font-size:24px}#roster-detail p{margin:7px 0;font-size:12px}#roster-detail small{color:#cfb787;font-size:11px}#roster-panel button:focus-visible{outline:2px solid #fff2bc;outline-offset:2px}
.growth-search{display:block;margin-bottom:10px}.growth-search input{width:100%;min-height:42px;padding:8px 12px;border:1px solid #526682;border-radius:8px;background:#0f1d31;color:#fff;font:inherit;user-select:text;touch-action:manipulation}html:has(#growth-ui:not([hidden])),body:has(#growth-ui:not([hidden])){touch-action:pan-y}
@media(max-width:480px){#roster-panel{padding:15px}#roster-panel h2{font-size:18px}#roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.roster-card b{font-size:12px}.roster-card small{font-size:9px}.roster-filters{top:-15px}#roster-detail{gap:10px;padding:10px}}