table{width:90%;max-width:1700px;margin-left:20px;margin-right:20px;margin-top:10px;border-collapse:collapse}table,th,td{border:1px solid #ddd;max-width:500px}th,td{padding:8px;text-align:left}th{background-color:#f2f2f2;text-align:center}th[data-column=world],td[data-column=world]{max-width:80px;text-overflow:ellipsis;white-space:nowrap}th[data-column=name],td[data-column=name]{min-width:200px;text-overflow:ellipsis;white-space:nowrap}th[data-column=bp],td[data-column=bp]{max-width:170px;text-overflow:ellipsis;white-space:nowrap}td[data-column=bp]{text-align:right}th[data-column=rank],td[data-column=rank]{max-width:50px;text-overflow:ellipsis;white-space:nowrap}.filter-area{margin-bottom:20px;padding:10px 20px 16px}.filter-form{display:grid;gap:14px;width:min(100%,420px);padding:18px 20px;border:1px solid #d7dee7;border-radius:14px;background:linear-gradient(180deg,#f9fbfd,#fff);box-shadow:0 8px 20px #3b599814}.filter-field{display:flex;flex-direction:column;gap:8px;min-width:0}.filter-label{color:#2e437a;font-weight:600;font-size:14px;line-height:1.4}.world-search-field{width:100%}.world-search-input{box-sizing:border-box;width:100%;max-width:100px;padding:8px 12px;font-size:16px;font-family:Sawarabi Gothic,sans-serif;font-weight:400;font-style:normal;border:2px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;outline:none;transition:border-color .3s,box-shadow .3s}.world-search-input:hover{border-color:#888}.world-search-input:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80}.world-search-input::-webkit-outer-spin-button,.world-search-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.world-search-message{margin:0;color:#b42318;font-size:13px}.group-select-field{width:100%}.filter-form .stylish-select.width-250{width:100%!important;max-width:none}.filter-area{scroll-margin-top:20px}tr.rank-group-1{background-color:#add8e64d}tr.rank-group-2{background-color:#90ee904d}tr.rank-group-3{background-color:#ffdfba4d}.alert-warning-area{margin:16px 0 20px;padding:12px 16px;border-left:6px solid #e5533d;border-left-color:#d4a017;background-color:#fff8db;color:#6b4f00;font-size:14px;line-height:1.6}.alert-warning-area p{margin:0}@media screen and (max-width:768px){table{width:90%;margin-left:10px}.filter-area{padding:10px 10px 16px;margin-right:10px}.filter-form{width:90%;padding:16px;border-radius:12px;gap:12px}.world-search-input,.filter-form .stylish-select.width-250{width:100%!important}}