:root{color-scheme:light;--blue-dark: #184f91;--text: #34516e;--muted: #8097ad}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Noto Sans Thai,sans-serif;background:#edf6ff url(/assets/catalog-background-CPYm_6lD.png) center top / cover fixed no-repeat}input{font:inherit}.page-shell{width:min(1760px,calc(100% - 32px));margin:0 auto;padding:28px 0 44px}.game-header{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:112px;margin-bottom:18px;padding:14px 30px;border:1px solid #fff;border-radius:24px;background:linear-gradient(100deg,#ffffffdf,#edf7ffcc);box-shadow:0 8px 24px #5d98c72b,inset 0 0 0 1px #b8dafa;overflow:hidden}.game-header:after{content:"BASKETBALL";position:absolute;right:240px;bottom:-28px;color:#399ce913;font-size:5.5rem;font-weight:800;letter-spacing:.08em}.kuroko-logo{position:relative;z-index:1;display:block;width:76px;height:76px;border:4px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 4px #2272bb,0 8px 16px #6da9d65e}.title-copy{position:relative;z-index:1}.title-copy p{margin:0;color:#34a8ef;font-size:.63rem;font-weight:800;letter-spacing:.17em}.title-copy h1{margin:1px 0 0;color:var(--blue-dark);font-size:clamp(2rem,3vw,3.6rem);line-height:1.1;letter-spacing:-.04em;text-shadow:2px 2px 0 #fff}.title-copy>span{color:#77a0c1;font-size:.75rem;font-weight:600}.header-stat{position:relative;z-index:1;display:grid;grid-template-columns:auto auto;align-items:center;gap:0 16px;min-width:210px;padding:12px 18px;border-left:4px solid #43b0f2;background:linear-gradient(90deg,#e7f6ff,#ffffff9c)}.header-stat span{color:#6d91ae;font-size:.7rem;font-weight:700}.header-stat strong{grid-row:span 2;color:#168ce4;font-size:2.7rem;line-height:1}.header-stat small{color:#a1b4c4;font-size:.48rem;letter-spacing:.1em}.catalog-panel{padding:14px;border:2px solid #92c9ef;border-radius:20px;background:#eef9ffb8;box-shadow:0 12px 34px #487ea82c,inset 0 0 0 5px #ffffffbd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.catalog-toolbar{display:grid;grid-template-columns:230px minmax(260px,520px) 1fr;align-items:center;gap:16px;margin-bottom:14px;padding:8px;border-bottom:2px solid #6bb8ed;background:#ffffff8c}.active-tab{padding:13px 24px;border:2px solid #fff;border-radius:8px 8px 2px 2px;color:#fff;background:linear-gradient(#3db2f2,#1688df);box-shadow:0 3px #176bb0,0 6px 12px #388acb49;font-size:.86rem;font-weight:800;text-align:center}.active-tab span{margin-right:6px;color:#d5f4ff;font-size:.65rem}.search-box{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;border:1px solid #bad7ec;border-radius:9px;background:#fff;box-shadow:inset 0 2px 5px #9bbcd329}.search-box span{color:#5e9aca;font-size:1.35rem}.search-box input{width:100%;padding:9px 0;border:0;outline:0;color:var(--text);background:none}.search-box input::placeholder{color:#9aafc0}.catalog-toolbar p{justify-self:end;margin:0 10px 0 0;color:#7794aa;font-size:.68rem}.catalog-toolbar b{color:#218edc}.ball-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.ball-card{position:relative;display:grid;grid-template-columns:165px minmax(0,1fr);min-height:245px;overflow:hidden;border:1px solid #b4d4ec;border-radius:14px;background:linear-gradient(145deg,#fffe,#f4faffdc);box-shadow:0 5px 13px #5e91b71f,inset 0 0 0 2px #fff;transition:transform .18s,border-color .18s,box-shadow .18s}.ball-card:hover{transform:translateY(-2px);border-color:#5fafe9;box-shadow:0 10px 22px #4f94c638,inset 0 0 0 2px #fff}.ball-card:before{content:"";position:absolute;left:0;bottom:0;width:165px;height:8px;background:linear-gradient(90deg,#2eb2f2,#75d1fa)}.ball-profile{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:8px;padding:26px 10px 22px;border-right:1px solid #c9e0f0;background:linear-gradient(150deg,#f9fdff,#dff3ff)}.item-index{position:absolute;z-index:1;top:8px;left:10px;color:#51a6dc5e;font-size:.58rem;font-weight:800;letter-spacing:.1em}.ball-image{position:relative;z-index:1;display:block;width:142px;height:142px;border:2px solid #fff;border-radius:12px;object-fit:cover;box-shadow:0 5px 12px #4c66813d;transition:transform .2s}.ball-card:hover .ball-image{transform:scale(1.04)}.ball-profile h2{position:relative;z-index:1;margin:0;color:#245c91;font-size:.75rem;line-height:1.45;text-align:center}.property-area{min-width:0;padding:14px 12px}.property-area>p{margin:0 0 9px;padding:4px 10px;border-radius:4px;color:#fff;background:linear-gradient(90deg,#38a8ec,#55b9ef 70%,transparent);font-size:.66rem;font-weight:800}.property-grid{display:grid;grid-template-columns:1fr;gap:8px}.property-slot{min-width:0;padding:9px;border-radius:9px}.property-slot.has-data{border:1px solid #acd4ed;background:#fff;box-shadow:0 3px 8px #5893ba1c}.property-title{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px}.property-title img,.property-placeholder{width:42px;height:42px;border-radius:50%}.property-title img{object-fit:cover;box-shadow:0 2px 5px #335f7d4a}.property-title h3{margin:0;color:#266393;font-size:.72rem;line-height:1.35}.property-placeholder{display:grid;place-items:center;border:1px dashed #b3c7d4;color:#aebfcb;background:#edf3f7;font-size:.76rem;font-weight:700}.property-details{margin-top:8px;padding:7px;border:1px solid #d5e8f5;border-radius:7px;background:linear-gradient(110deg,#f1f9ff,#fff)}.property-details ul{margin:0;padding-left:14px;color:#526d83;font-size:.6rem;line-height:1.55}.property-details li+li{margin-top:3px}.value-pair{display:inline-flex;align-items:baseline;margin:0 2px;border:1px solid #eadcf4;border-radius:5px;background:linear-gradient(100deg,#f6edff 0 47%,#fff8dc 53% 100%);box-shadow:0 1px 3px #8b6aaa1c;line-height:1.3;white-space:nowrap}.value-pair strong{padding:1px 4px;font-size:1.05em;font-weight:800}.value-low{color:#9360c7}.value-high{color:#d18b0c}.value-slash{color:#aeb7c0;font-size:.88em;font-weight:700}.property-empty{display:flex;align-items:center;gap:8px;min-height:64px;border:1px dashed #b8cfdf;color:#8ca0b0;background:#f5f9fc9c;font-size:.58rem;font-weight:600}.empty-state{padding:90px 20px;text-align:center;color:var(--muted)}.empty-state span{font-size:4rem;color:#a8cbe4}.empty-state h2{margin:5px 0;color:#3b759e;font-size:1.1rem}.empty-state p{margin:0;font-size:.75rem}@media(max-width:1450px){.ball-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.ball-grid{grid-template-columns:1fr}}@media(max-width:760px){body{background-attachment:scroll}.page-shell{width:100%;padding:10px}.game-header{grid-template-columns:auto 1fr;min-height:auto;padding:12px 14px;border-radius:14px}.game-header:after,.header-stat{display:none}.kuroko-logo{width:54px;height:54px;border-width:3px}.title-copy h1{font-size:1.7rem}.title-copy>span{font-size:.58rem}.catalog-panel{padding:7px;border-radius:13px}.catalog-toolbar{grid-template-columns:105px 1fr;gap:7px;padding:5px}.catalog-toolbar p{display:none}.active-tab{padding:11px 8px;font-size:.7rem}.search-box{min-height:40px;padding:0 9px}.search-box input{font-size:.7rem}.ball-grid{grid-template-columns:1fr;gap:8px}.ball-card{grid-template-columns:1fr;min-height:205px}.ball-card:before{width:100%;height:5px}.ball-profile{display:grid;grid-template-columns:94px minmax(0,1fr);gap:10px;justify-content:start;padding:12px 14px;border-right:0;border-bottom:1px solid #c9e0f0}.ball-image{width:94px;height:94px;border-radius:8px}.ball-profile h2{font-size:.72rem;text-align:left}.property-area{padding:10px 8px}.property-area>p{margin-bottom:6px;font-size:.58rem}.property-grid{gap:5px}.property-slot{padding:6px}.property-title{grid-template-columns:34px minmax(0,1fr);gap:6px}.property-title img,.property-placeholder{width:34px;height:34px}.property-title h3{font-size:.6rem}.property-details{padding:5px}.property-details ul{font-size:.55rem}}