html,body,#app{height:100%;margin:0;background-color:ivory}:root{--max-width: 960px;--gap: 16px}@media (max-width: 600px){:root{--gap: 8px;font-size:90%}}*{box-sizing:border-box}h2[data-v-00453ce7]{margin:0}.ranking-container[data-v-2059009b]{max-width:var(--max-width);margin:0 auto;padding:var(--gap);min-height:100vh;display:flex;flex-direction:column}.chart-container[data-v-2059009b]{width:100%;height:min(60vh,400px);margin:0 auto;background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #00000014,0 6px 12px #0000001f}.chart-hint[data-v-2059009b]{margin-top:30px;text-align:center;color:#666;font-size:.9rem}@media (max-width: 1200px){.ranking-container[data-v-2059009b]{padding:calc(var(--gap) * .8)}.chart-container[data-v-2059009b]{height:min(55vh,350px);padding:14px}}@media (max-width: 768px){.ranking-container[data-v-2059009b]{padding:calc(var(--gap) * .6)}.chart-container[data-v-2059009b]{height:min(50vh,300px);padding:12px;border-radius:6px}.chart-hint[data-v-2059009b]{margin-top:20px;font-size:.85rem}}@media (max-width: 600px){.ranking-container[data-v-2059009b]{padding:calc(var(--gap) * .5)}.chart-container[data-v-2059009b]{height:min(45vh,250px);padding:10px;border-radius:4px}.chart-hint[data-v-2059009b]{margin-top:16px;font-size:.8rem}}@media (max-width: 480px){.ranking-container[data-v-2059009b]{padding:12px}.chart-container[data-v-2059009b]{height:min(40vh,200px);padding:8px}.chart-hint[data-v-2059009b]{margin-top:12px;font-size:.75rem}}@media (max-height: 500px) and (orientation: landscape){.chart-container[data-v-2059009b]{height:min(70vh,300px)}.chart-hint[data-v-2059009b]{margin-top:16px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.chart-container[data-v-2059009b]{box-shadow:0 1px 2px #0000001a,0 3px 6px #00000026}}