@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&display=swap";body{margin:0;padding:0;background-color:#030305;color:#fff;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(30,30,50,1) 0%,rgba(3,3,5,1) 90%)}*{box-sizing:border-box}.map-badge{background:rgba(15,15,25,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:4px 8px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 15px #0009;pointer-events:none;transform:translate(-50%,-50%);width:max-content;white-space:nowrap}.map-badge .artist{font-size:13px;font-weight:800;letter-spacing:.5px;text-shadow:0 0 5px rgba(255,255,255,.4)}.map-badge .title{font-size:9px;color:#1db954;font-weight:700;margin-top:2px}.map-badge.sub-region{padding:2px 6px;border-radius:8px}.map-badge.sub-region .artist{font-size:11px}.map-badge.sub-region .title{font-size:8px}.map-badge.sub-region .region-name{font-size:7px;color:#ffffff80;margin-top:1px}.period-toggle{display:inline-flex;width:fit-content;background:rgba(10,10,15,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:30px;padding:4px;border:1px solid rgba(255,255,255,.05);pointer-events:auto;box-shadow:0 8px 32px #00000080}.period-toggle button{background:transparent;border:none;color:#fff6;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:800;font-size:13px;letter-spacing:.5px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto}.period-toggle button.active{background:linear-gradient(135deg,#1DB954 0%,#17833C 100%);color:#fff;box-shadow:0 2px 10px #1db95466;transform:scale(1.05)}.header-container{position:absolute;top:30px;left:40px;z-index:100;display:flex;flex-direction:column;gap:12px;pointer-events:none}.header-container h1{font-size:32px;letter-spacing:-.5px;text-shadow:0 4px 10px rgba(0,0,0,.5);margin:0}.search-bar-container{position:absolute;top:40px;right:400px;z-index:200;width:300px}.ranking-board-container{position:absolute;top:0;right:0;width:380px;height:100%;background-color:#050508bf;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-left:1px solid rgba(255,255,255,.05);box-shadow:-20px 0 60px #000c;z-index:200;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.map-wrapper{width:calc(100% - 380px);height:100%;overflow:hidden;transition:width .3s cubic-bezier(.175,.885,.32,1.275)}.mobile-toggle-handle,.mobile-badge-group{display:none}.desktop-badge-group{display:inline}.map-title{position:absolute;bottom:40px;left:40px;pointer-events:none;z-index:10}.map-title h2{font-size:40px;margin:0;font-weight:900;letter-spacing:-1px;text-shadow:0 4px 15px rgba(0,0,0,.8)}.map-title p{margin:8px 0 0;color:#fff9;font-size:16px;font-weight:600}.back-btn{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10;padding:12px 30px;background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:30px;cursor:pointer;font-weight:900;font-size:15px;letter-spacing:1px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 20px #0009;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.back-btn:hover{background:rgba(255,255,255,.1);transform:translate(-50%) scale(1.05)}@media (max-width: 768px){.header-container{top:20px;left:20px;gap:10px}.header-container h1{font-size:24px}.period-toggle button{padding:6px 12px;font-size:12px}.search-bar-container{top:145px;left:50%;right:auto;transform:translate(-50%);width:90%}.mobile-toggle-handle{display:flex}.desktop-map-only{display:none!important}.map-wrapper{width:100%;height:100%!important}.ranking-board-container{top:auto;bottom:0;right:0;left:0;width:100%;height:65%;border-left:none;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -10px 40px #000000e6;border-top-left-radius:24px;border-top-right-radius:24px}.ranking-board-container.open{transform:translateY(0)}.ranking-board-container.closed{transform:translateY(calc(100% - 100px))}.map-title{bottom:30px;left:20px}.map-title h2{font-size:28px}.map-title p{font-size:14px}.back-btn{top:180px;bottom:auto;left:20px;right:auto;transform:none;padding:10px 20px;font-size:13px;z-index:10;box-shadow:0 4px 15px #0009}.back-btn:hover{transform:scale(1.05)}.map-badge .artist{font-size:11px}.map-badge .title{font-size:8px}}@media (min-width: 769px){.mobile-region-list{display:none!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}@media (max-width: 768px){.status-title{font-size:26px!important;word-break:keep-all}.status-subtitle{font-size:14px!important;word-break:keep-all}.status-leader-box{flex-direction:column!important;padding:25px 20px!important;gap:20px!important}.status-leader-img{width:160px!important;height:160px!important}.status-danger-box{flex-direction:column!important;text-align:center!important;gap:15px!important}.status-danger-text{font-size:14.5px!important;word-break:keep-all;line-height:1.6!important}.status-region-box{min-width:100%!important;padding:20px!important}.status-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.status-grid>div{padding:12px 10px!important}.status-grid-title{font-size:14px!important}.status-grid-count{font-size:15px!important}}