*{box-sizing:border-box}body{background-color:#1e1e1e;color:#e0e0e0;font-family:Inter,system-ui,sans-serif;margin:0;padding:0}.page-wrapper{background-color:#1e1e1e;display:flex;flex-direction:column;min-height:100vh}.content-area{display:flex;flex:1;flex-direction:column;gap:1.5rem;padding:1.5rem}.status-message{color:#ffc107;font-weight:600;margin:.5rem auto;text-align:center}.navbar{background-color:#2a2a2a;box-shadow:0 2px 4px #0006;padding:1rem 0;position:sticky;top:0}.nav-container{align-items:center;margin:0 auto;max-width:1100px;padding:0 2rem}.nav-container,.nav-links{display:flex;gap:1rem}.nav-button{background-color:#333;border-radius:6px;color:#fff;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.nav-button--active,.nav-button:hover{background-color:#4a90e2;transform:translateY(-1px)}.search-form{display:flex;max-width:420px}.input-wrapper,.search-form{flex:1;position:relative}.input-wrapper input{background-color:#3a3a3a;border:none;border-radius:6px;color:#e0e0e0;font-size:.95rem;padding:.6rem .75rem;width:100%}.search-form button{background-color:#4a90e2;border:none;border-radius:0 6px 6px 0;color:#fff;cursor:pointer;padding:.6rem 1.1rem;transition:background-color .2s ease}.search-form button:disabled{cursor:not-allowed;opacity:.6}.search-form button:hover:not(:disabled){background-color:#357ab8}.suggestions-list{background:#2a2a2a;border-radius:8px;box-shadow:0 8px 24px #00000073;left:0;list-style:none;margin:0;max-height:260px;overflow-y:auto;padding:0;position:absolute;top:calc(100% + 4px);width:100%;z-index:1300}.suggestions-list li{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:.95rem;gap:10px;padding:.55rem .9rem}.suggestions-list li:hover{background-color:#3a3a3a}.suggestions-list img{border-radius:50%;height:28px;-o-object-fit:cover;object-fit:cover;width:28px}.profile-section{background-color:#2a2a2a;border-radius:20px;box-shadow:0 2px 4px #0006;overflow:hidden}.profile-container{display:flex;flex-direction:column;flex-wrap:wrap;margin:0 auto}.profile-avatar{border:3px solid #4a90e2;border-radius:50%;display:inline;height:110px;-o-object-fit:cover;object-fit:cover;vertical-align:middle;width:110px}.profile-info{display:inline-block;margin-left:1.5rem;vertical-align:middle}.profile-info h2{color:#fff;font-size:1.8rem;margin:0}.profile-info p{color:#ccc;margin:.2rem 0}.profile-actions{align-items:center;background-color:#252525;border-top:1px solid #3a3a3a;display:flex;flex-wrap:wrap;margin-top:1rem}.refresh-button{align-items:center;background-color:#2196f3;border:none;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.6rem 1.2rem}.refresh-button:disabled{cursor:not-allowed;opacity:.7}.button-spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.4);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.last-updated{color:#9e9e9e;font-size:.85rem}.rank-counts{flex-wrap:wrap;gap:.75rem;margin-top:.4rem}.rank-count,.rank-counts{align-items:center;display:flex}.rank-count{color:#fff;font-weight:600;gap:.35rem}.rank-count img{height:28px;width:28px}.beatmap-container{background-color:#2a2a2a;border-radius:20px;box-shadow:0 2px 4px #0006;margin-bottom:1.5rem;padding:1rem}.packs-header{color:#fff;margin:0 0 .5rem .5rem;text-align:left}.packs-header__title{margin:0 0 .5rem}.packs-header__subtitle{color:#7f7f7f;font-size:.95rem;margin-bottom:.2rem}.beatmaps{width:100%}.squares{display:grid;gap:4px;grid-auto-rows:16px;grid-template-columns:repeat(auto-fit,minmax(16px,1fr));padding:1rem}.square{aspect-ratio:1/1;border-radius:4px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;width:100%}.square:hover{box-shadow:0 0 8px #ffffff26;transform:scale(1.1)}.custom-tooltip{background:#000000d9;border-radius:10px;box-shadow:0 4px 12px #0006;color:#fff;font-size:.85rem;padding:.5rem .75rem;pointer-events:none;position:absolute;white-space:pre-line;z-index:1}.modal{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1}.modal-content{background-color:#1e1e1e;border-radius:12px;box-shadow:0 0 20px #000c;color:#fff;max-height:80vh;overflow-y:auto;padding:2rem;position:relative;width:min(960px,90vw)}.modal-subtitle{color:#bdbdbd;font-size:.95rem;margin-top:.5rem}.close-btn{color:#fff;cursor:pointer;font-size:1.8rem;position:absolute;right:18px;top:12px}.modal-beatmaps{margin-top:1.5rem}.beatmap-tile{background-color:#111;background-position:50%;background-size:cover;border-radius:8px;height:64px;margin-bottom:12px;overflow:hidden;position:relative}.beatmap-overlay,.beatmap-tile{align-items:center;display:flex}.beatmap-overlay{background:#000000a6;gap:12px;height:100%;padding:0 14px;width:100%}.beatmap-tile-checkbox{transform:scale(1.2)}.beatmap-label{align-items:center;color:#f44336;display:flex;flex-wrap:wrap;font-weight:600;gap:.75rem}.beatmap-label--cleared{color:#4caf50}.copy-button,.preview-toggle{background:transparent;border:none;color:#03a9f4;cursor:pointer;font-size:.95rem;padding:0}.copy-button:hover,.preview-toggle:hover{color:#81d4fa}.loading-overlay{align-items:center;-webkit-backdrop-filter:saturate(.5);backdrop-filter:saturate(.5);background:#0009;display:flex;flex-direction:column;gap:1rem;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition-duration:.1s;transition-property:opacity,backdrop-filter;transition-timing-function:ease}.loading-overlay.visible{opacity:1;pointer-events:all;transition-duration:.3s;transition-timing-function:ease-out}.loading-spinner{animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.25);border-radius:50%;border-top-color:#fff;height:48px;width:48px}.loading-message{color:#fff;font-weight:600}.leaderboard-table{background:#1f1f1f;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.leaderboard-table td,.leaderboard-table th{padding:.75rem 1rem;text-align:left}.leaderboard-table tbody tr:nth-child(odd){background:#ffffff05}.leaderboard-gold{background:#ffd70026!important}.leaderboard-silver{background:#bfbfbf1f!important}.leaderboard-bronze{background:#cd7f321f!important}.pagination-controls{display:flex;gap:1rem;justify-content:center;margin:1rem 0;text-align:center}.pagination-controls button{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem}.pagination-controls button:disabled{cursor:not-allowed;opacity:.6}.site-footer{background-color:#2a2a2a;margin-top:auto;padding:1rem 0}.footer-content{display:flex;gap:.75em;justify-content:center;margin:0 auto;max-width:720px}.footer-logo{filter:grayscale(.7) brightness(.6);transition:filter .3s ease}.footer-logo:hover{filter:none}.footer-note{color:#9e9e9e;font-size:.9rem;margin:.25rem 0}.footer-note a,a.link{color:#4a90e2;text-decoration:none}a.link:hover .footer-note a:hover{text-decoration:underline}a.link:visited .footer-note a:visited{color:#b44ae2}.pf-resp{padding-left:2em;padding-right:2em;padding-top:2em}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.nav-container{align-items:stretch;flex-direction:column;gap:.75rem}.search-form{width:100%}.pf-resp,.profile-container{flex-direction:column}.pf-resp{align-items:center;display:flex;justify-content:stretch}.profile-avatar{height:90px;width:90px}.profile-info{margin:0}.profile-info>h2,.profile-info p{text-align:center}.rank-counts{justify-content:center}.squares{grid-auto-rows:14px;grid-template-columns:repeat(auto-fit,minmax(14px,1fr))}}