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}.mobile-bp-label,.mobile-diff-open,.mobile-diff-close,.mobile-ranking-heading{display:none}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],td[data-column=bp-diff]{text-align:right}th[data-column=bp-diff],td[data-column=bp-diff]{max-width:150px;text-overflow:ellipsis;white-space:nowrap}td.bp-diff-positive{color:#c0392b}td.bp-diff-negative{color:#06c}td.bp-diff-empty{color:#777}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){.mobile-ranking-heading{display:grid;box-sizing:border-box;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"rank world name name" "bp-label bp-current bp-current diff";column-gap:10px;row-gap:6px;width:calc(100% - 20px);max-width:500px;margin:0 10px 10px;padding:10px 12px;border:1px solid #d8dee8;border-radius:8px;background-color:#f2f2f2;color:#333;font-size:13px;font-weight:700;line-height:1.5}.mobile-heading-rank{grid-area:rank}.mobile-heading-world{grid-area:world}.mobile-heading-name{grid-area:name}.mobile-heading-bp-label{grid-area:bp-label}.mobile-heading-bp-current{grid-area:bp-current}.mobile-heading-diff{grid-area:diff;text-align:right}table{display:block;width:calc(100% - 20px);margin-left:10px;margin-right:10px;border:0;border-collapse:separate}thead{display:none}tbody{display:grid;gap:10px}tr{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"rank world name name" "bp bp bp diff";column-gap:10px;row-gap:6px;padding:10px 12px;border:1px solid #d8dee8;border-radius:8px;box-shadow:0 3px 12px #22355414}td{display:block;min-width:0;padding:0;border:0;line-height:1.5}td[data-column=rank]{grid-area:rank;max-width:none;font-weight:700}td[data-column=rank]:after{content:"\4f4d"}td[data-column=world]{grid-area:world;max-width:none;color:#4b5565;font-weight:700}td[data-column=name]{grid-area:name;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:700}td[data-column=bp]{grid-area:bp;max-width:none;text-align:left;color:#2d3648;font-size:15px}td[data-column=bp-diff]{grid-area:diff;max-width:none;text-align:right;font-size:15px;font-weight:700}.mobile-bp-label,.mobile-diff-open,.mobile-diff-close{display:inline}.mobile-bp-label{margin-right:8px;color:#5b6b82;font-size:13px;font-weight:700}.filter-area{padding:10px 10px 16px;margin-right:10px}.filter-form{width:90%;max-width:470px;padding:15px;border-radius:12px;gap:12px}.world-search-input,.filter-form .stylish-select.width-250{width:100%!important}}