:root{--bg-dark: hsl(225, 25%, 8%);--bg-glass: hsla(225, 20%, 12%, .65);--border-glass: hsla(225, 20%, 30%, .25);--border-glass-hover: hsla(225, 20%, 45%, .4);--text-primary: hsl(220, 30%, 95%);--text-secondary: hsl(220, 15%, 70%);--accent-neon-pink: hsl(325, 100%, 60%);--accent-neon-cyan: hsl(185, 100%, 50%);--accent-neon-purple: hsl(270, 100%, 65%);--accent-neon-emerald: hsl(150, 100%, 55%)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover{scrollbar-color:hsla(220,20%,50%,.3) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#6677994d}body{background-color:var(--bg-dark);color:var(--text-primary);overflow:hidden;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.glass-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,hsla(270,80%,15%,.35) 0%,transparent 40%),radial-gradient(circle at 90% 80%,hsla(185,80%,15%,.3) 0%,transparent 40%),linear-gradient(135deg,#0f121a,#090b11);z-index:-1}.app-container{display:flex;width:96vw;height:94vh;border-radius:20px;background:var(--bg-glass);border:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 50px #00000080;overflow:hidden}.sidebar{width:320px;border-right:1px solid var(--border-glass);display:flex;flex-direction:column;padding:30px;background:#10121866}.logo{display:flex;align-items:center;gap:12px;margin-bottom:40px}.logo-icon{font-size:28px;filter:drop-shadow(0 0 8px var(--accent-neon-pink))}.logo h1{font-size:22px;font-weight:800;letter-spacing:.5px;background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent-neon-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-section,.upload-section{margin-bottom:35px}.user-section h2,.upload-section h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:15px}.search-bar-container{position:relative;margin-bottom:15px}.search-input{width:100%;padding:12px 38px 12px 16px;border-radius:12px;border:1px solid var(--border-glass);background:#3d475c08;color:var(--text-primary);font-size:14px;outline:none;transition:all .3s ease}.search-input:focus{border-color:var(--accent-neon-cyan);background:#3d475c14;box-shadow:0 0 10px #00eaff26}.search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.search-clear-btn:hover{background-color:#525f7a33;color:var(--text-primary)}.remaining-matches-indicator{padding:8px 12px;font-size:12px;color:var(--text-secondary);text-align:center;border-radius:10px;background:#3d475c05;border:1px dashed var(--border-glass)}#user-list{list-style:none;display:flex;flex-direction:column;gap:8px}.user-item{display:flex;align-items:center;padding:12px 16px;border-radius:12px;cursor:pointer;background:#3d475c0d;border:1px solid var(--border-glass);transition:all .3s cubic-bezier(.25,.8,.25,1);font-weight:500}.user-item:hover{background:#525f7a26;border-color:var(--border-glass-hover);transform:translate(3px)}.user-item.active{background:linear-gradient(135deg,#8c3cdd40,#3ccfdd26);border-color:var(--accent-neon-purple);box-shadow:0 0 15px #7f26d933;color:#fff;font-weight:600}.drop-zone{border:2px dashed var(--border-glass);border-radius:16px;padding:24px;text-align:center;cursor:pointer;background:#3d475c05;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent-neon-cyan);background:#00eaff08;box-shadow:0 0 15px #00eaff1a}.upload-icon{font-size:32px;margin-bottom:4px;transition:transform .3s ease}.drop-zone:hover .upload-icon{transform:translateY(-4px)}.drop-zone p{font-size:13px;color:var(--text-secondary)}.drop-zone p strong{color:var(--text-primary)}.drop-zone .subtext{font-size:11px;color:#a7afbe80}.main-content{flex:1;display:flex;flex-direction:column;padding:40px;overflow-y:auto}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;flex-wrap:wrap;gap:20px}.player-info{display:flex;align-items:center;gap:16px}.avatar{font-size:36px;background:linear-gradient(135deg,var(--accent-neon-purple),var(--accent-neon-cyan));width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 0 15px #7f26d94d}.player-info h2{font-size:24px;font-weight:800}.player-info p{font-size:13px;color:var(--text-secondary)}.quick-stats{display:flex;gap:15px}.stat-card{background:#3d475c14;border:1px solid var(--border-glass);border-radius:12px;padding:12px 20px;display:flex;flex-direction:column;min-width:105px}.stat-value{font-size:18px;font-weight:700;color:#fff}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:500;margin-top:3px;letter-spacing:.5px}.panel{background:#1f222e4d;border:1px solid var(--border-glass);border-radius:18px;padding:24px;box-shadow:0 8px 32px #00000026;margin-bottom:24px}.panel h3{font-size:16px;font-weight:700;margin-bottom:18px;letter-spacing:.5px;border-left:3px solid var(--accent-neon-purple);padding-left:10px}.dashboard-grid{display:grid;grid-template-columns:4fr 3fr;gap:24px}.chart-container{position:relative;height:280px;width:100%;display:flex;justify-content:center;align-items:center}.skill-description{font-size:13.5px;color:var(--text-secondary);line-height:1.6}.skill-desc-list{margin-top:15px;display:flex;flex-direction:column;gap:10px}.skill-desc-item{background:#3d475c0d;padding:10px 14px;border-radius:8px;border:1px solid var(--border-glass)}.skill-desc-item strong{color:#fff;font-weight:600}.table-panel{margin-bottom:0}.table-scroll{overflow-x:auto;max-height:250px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:12px 16px;border-bottom:1px solid var(--border-glass);font-size:13.5px}th{font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:11px;letter-spacing:1px}tr:hover td{background:#3d475c1a}td.acc-good{color:var(--accent-neon-emerald);font-weight:600}td.acc-bad{color:var(--accent-neon-pink)}td.ur-low{color:var(--accent-neon-cyan);font-weight:600}.mods-tag{display:inline-block;padding:2px 6px;border-radius:4px;background:#47536b4d;font-size:11px;font-weight:600;border:1px solid var(--border-glass)}.view-diag-btn{background:linear-gradient(135deg,var(--accent-neon-purple),var(--accent-neon-cyan));border:none;border-radius:6px;color:#fff;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #7f26d940;transition:all .2s ease}.view-diag-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #7f26d966}.modal{display:none;position:fixed;z-index:100;top:0;left:0;width:100vw;height:100vh;background:#0a0c12b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center}.modal-content{width:800px;max-width:90vw;border-radius:20px;background:var(--bg-glass);border:1px solid var(--border-glass);box-shadow:0 25px 50px #0009;display:flex;flex-direction:column;overflow:hidden;animation:zoomIn .3s cubic-bezier(.25,.8,.25,1)}.modal-header{padding:24px 30px;border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:18px;font-weight:800}.modal-header p{font-size:12px;color:var(--text-secondary);margin-top:3px}.close-btn{font-size:28px;cursor:pointer;color:var(--text-secondary);transition:color .2s ease}.modal-body{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px;overflow-y:auto;max-height:60vh}.modal-chart-panel h4{font-size:13.5px;font-weight:600;color:var(--text-secondary);margin-bottom:15px}.modal-chart-container,.modal-chart-container2{position:relative;height:250px;width:100%}.modal-footer{padding:20px 30px;background:#10121866;border-top:1px solid var(--border-glass);display:flex;gap:30px}.modal-stat{display:flex;align-items:center;gap:8px}.modal-stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase}.modal-stat-value{font-size:14px;font-weight:700;color:#fff}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.container{width:100%;max-width:1300px;margin:0 auto;padding:30px 20px;height:100vh;overflow-y:auto}.glass-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px #0000004d}.user-search-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh}.hero-section{margin-bottom:40px;text-align:center}.hero-badge{display:inline-block;padding:6px 16px;border-radius:20px;background:#ff33aa26;border:1px solid hsla(325,100%,60%,.4);color:var(--accent-neon-pink);font-size:13px;font-weight:600;margin-bottom:16px}.hero-title{font-size:38px;font-weight:800;background:linear-gradient(135deg,#FFF 30%,var(--accent-neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.hero-subtitle{font-size:16px;color:var(--text-secondary);max-width:650px;line-height:1.5}.search-box-container{width:100%;max-width:650px;margin:0 auto 40px}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#0c0e12b3;border:1px solid var(--border-glass);border-radius:14px;padding:6px 8px 6px 18px;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:var(--accent-neon-cyan);box-shadow:0 0 15px #00eaff40}.search-icon{font-size:20px;margin-right:12px}.search-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:16px}.search-button{background:linear-gradient(135deg,var(--accent-neon-cyan),var(--accent-neon-purple));border:none;color:#fff;padding:12px 24px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .2s ease,filter .2s ease}.search-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.quick-select-pills{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.quick-label{font-size:13px;color:var(--text-secondary)}.pill-btn{background:#292e3d80;border:1px solid var(--border-glass);color:var(--text-primary);padding:4px 12px;border-radius:12px;font-size:12px;cursor:pointer;transition:background .2s ease}.pill-btn:hover{background:#00eaff33;border-color:var(--accent-neon-cyan)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%;max-width:950px;margin:0 auto}.feature-card{padding:24px;text-align:left}.feature-icon{font-size:32px;display:block;margin-bottom:12px}.feature-card h3{font-size:18px;margin-bottom:8px}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.4}.user-profile-page{display:flex;flex-direction:column;gap:20px}.profile-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;flex-wrap:wrap;gap:16px}.header-left{display:flex;align-items:center;gap:24px}.back-link{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:14px;transition:color .2s ease}.back-link:hover{color:var(--accent-neon-cyan)}.user-avatar-meta{display:flex;align-items:center;gap:14px}.user-avatar{width:56px;height:56px;border-radius:50%;border:2px solid var(--accent-neon-pink);object-fit:cover}.username{font-size:22px;font-weight:800}.user-id{font-size:13px;color:var(--text-secondary)}.quick-search-wrapper{min-width:320px}.quick-search-wrapper .search-box-container{margin-bottom:0}.quick-search-wrapper .search-input-wrapper{padding:4px 6px 4px 12px}.quick-search-wrapper .search-button{padding:8px 16px;font-size:13px}.quick-search-wrapper .quick-select-pills{display:none}.view-tabs{display:flex;gap:12px;margin-bottom:10px}.tab-btn{background:#1f222e99;border:1px solid var(--border-glass);color:var(--text-secondary);padding:12px 24px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:linear-gradient(135deg,#f3a3,#00eaff33);border-color:var(--accent-neon-cyan);color:#fff;box-shadow:0 0 15px #00eaff33}.loading-state,.job-polling-state,.error-state{padding:60px 30px}.spinner-large,.pulse-spinner{font-size:48px;margin-bottom:16px;display:inline-block;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.job-sub{color:var(--text-secondary);margin:10px 0 20px}.job-status-badge{display:inline-block;padding:8px 20px;background:#00eaff26;border:1px solid var(--accent-neon-cyan);border-radius:20px;color:var(--accent-neon-cyan);font-size:14px}.job-tip{margin-top:14px;font-size:13px;color:var(--text-secondary)}.btn-retry{margin-top:16px;padding:10px 24px;background:var(--accent-neon-pink);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}.fog-of-war-container{padding:24px}.fog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:16px}.fog-title h3{font-size:20px;margin-bottom:6px}.fog-subtitle{font-size:13px;color:var(--text-secondary);max-width:600px}.fog-svg-map{background:radial-gradient(circle at center,rgba(255,102,170,.05) 0%,transparent 70%)}.fog-legend{display:flex;gap:14px;background:#10121880;padding:8px 16px;border-radius:12px;border:1px solid var(--border-glass)}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.legend-item .dot{width:8px;height:8px;border-radius:50%}.fog-canvas-wrapper{display:flex;justify-content:center;align-items:center;width:100%;max-width:600px;aspect-ratio:1 / 1;margin:0 auto}.fog-svg-map{display:block;width:100%;height:100%}.fog-svg-map{width:100%;height:100%}.map-node{cursor:pointer;transition:r .2s ease,filter .2s ease}.map-node:hover{r:3.2;filter:drop-shadow(0 0 8px #FFF)}@keyframes pulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.node-tooltip{position:absolute;bottom:20px;left:20px;background:#0f1420e6;border:1px solid var(--accent-neon-cyan);padding:10px 16px;border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:10}.tooltip-sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.tooltip-sr{font-size:13px;font-weight:700;margin-top:4px}.selected-map-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .2s ease}.selected-map-card{position:relative;width:90%;max-width:480px;padding:28px;animation:zoomIn .25s cubic-bezier(.175,.885,.32,1.275)}.close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer}.close-btn:hover{color:#fff}.map-card-header{margin-bottom:20px}.card-badge{display:inline-block;padding:4px 10px;border-radius:10px;color:#fff;font-weight:700;font-size:12px;margin-bottom:8px}.map-card-header h2{font-size:22px;line-height:1.2}.map-card-header h4{font-size:14px;color:var(--text-secondary);margin-top:4px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-box{background:#10121899;padding:12px;border-radius:10px;border:1px solid var(--border-glass)}.stat-label{display:block;font-size:11px;color:var(--text-secondary);text-transform:uppercase}.stat-value{font-size:14px;font-weight:700;margin-top:2px}.osu-link-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:linear-gradient(135deg,#f6a,#e04488);border-radius:12px;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 4px 15px #f6a6;transition:transform .2s ease,filter .2s ease}.osu-link-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.replays-table-container{padding:24px}.table-header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:14px}.filter-input{background:#10121899;border:1px solid var(--border-glass);border-radius:10px;padding:8px 16px;color:#fff;outline:none;font-size:14px;width:280px}.filter-input:focus{border-color:var(--accent-neon-cyan)}.table-scroll-wrapper{overflow-x:auto;max-height:550px;overflow-y:auto}.replays-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.replays-table th{padding:12px 16px;background:#14171fcc;color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;border-bottom:1px solid var(--border-glass);cursor:pointer;-webkit-user-select:none;user-select:none}.replays-table th:hover{color:#fff}.replays-table td{padding:14px 16px;border-bottom:1px solid var(--border-glass)}.replay-row:hover{background:#2529374d}.map-info-cell .map-title{font-weight:700;color:#fff}.map-title-link{color:#fff;text-decoration:none;transition:color .15s ease,text-decoration .15s ease}.map-title-link:hover{color:var(--accent-neon-cyan, #00f2fe);text-decoration:underline}.map-info-cell .map-sub{font-size:12px;color:var(--text-secondary);display:flex;gap:6px;margin-top:2px}.sr-badge{display:inline-block;padding:2px 8px;border-radius:8px;color:#000;font-weight:800;font-size:12px}.mod-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-weight:700;font-size:12px;background:#33394d80;color:#fff}.stat-acc{font-weight:700;color:var(--accent-neon-cyan)}.has-misses{color:#f56565;font-weight:700}.fc{color:#48bb78;font-weight:700}.mastery-val{font-family:monospace;font-weight:700;color:var(--accent-neon-pink)}.empty-table-msg{text-align:center;padding:40px;color:var(--text-secondary)}.influential-play-section{margin-top:18px;padding-top:14px;border-top:1px dashed var(--border-glass)}.influential-title{font-size:13px;color:var(--accent-neon-cyan);margin-bottom:8px}.influential-card{padding:12px 16px;background:#0b0d13b3;border:1px solid hsla(185,100%,50%,.3);border-radius:12px}.influential-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.influential-map-title{color:#fff}.influential-diff{font-size:12px;color:var(--text-secondary);font-weight:600}.influential-sub{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:12px}.match-badge{padding:2px 8px;background:#f3a3;border:1px solid var(--accent-neon-pink);border-radius:10px;color:var(--accent-neon-pink);font-weight:700;font-size:11px}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}.app-container::-webkit-scrollbar,.main-content::-webkit-scrollbar,.table-scroll::-webkit-scrollbar,.table-scroll-wrapper::-webkit-scrollbar,.modal-body::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}@media (max-width: 1024px){.app-container{width:98vw;height:96vh;border-radius:14px}.sidebar{width:260px;padding:20px}.main-content{padding:24px}.dashboard-grid{grid-template-columns:1fr;gap:16px}.profile-header{flex-direction:column;align-items:flex-start;gap:12px}.quick-stats{width:100%;justify-content:space-between}.stat-card{flex:1;min-width:0;padding:10px 14px}}@media (max-width: 768px){.app-container{flex-direction:column;width:100vw;height:100vh;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-dark)}.sidebar{width:100%;height:auto;max-height:45vh;border-right:none;border-bottom:1px solid var(--border-glass);padding:16px 18px;overflow-y:auto;flex-shrink:0;background:#101218e6}.main-content{padding:16px;overflow-y:auto;flex:1}.sidebar::-webkit-scrollbar,.main-content::-webkit-scrollbar{display:none}.logo h1{font-size:18px}.logo-icon{font-size:24px}.user-section h2,.upload-section h2{font-size:12px}.user-item{padding:10px 14px;font-size:14px}.drop-zone{padding:16px}.drop-zone .upload-icon{font-size:28px}.drop-zone p{font-size:12px}.profile-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:20px}.player-info h2{font-size:20px}.quick-stats{flex-wrap:wrap;gap:8px}.stat-card{flex:1 0 45%;min-width:80px;padding:10px 12px}.stat-value{font-size:16px}.panel{padding:16px;border-radius:14px}.panel h3{font-size:15px}.fog-of-war-container{padding:12px}.fog-header{flex-direction:column;align-items:stretch;gap:12px}.fog-title h3{font-size:17px}.fog-subtitle{font-size:12px}.fog-legend{flex-wrap:wrap;justify-content:center;padding:6px 12px;gap:8px}.legend-item{font-size:11px}.fog-canvas-wrapper{max-width:100%;margin:0 auto}.fog-svg-map{width:100%;height:auto;aspect-ratio:1/1}.node-tooltip{font-size:12px;padding:6px 12px;bottom:10px;left:10px}.fog-ranking-widget{padding:12px!important}.ranking-table th,.ranking-table td{padding:8px 10px!important;font-size:11px!important}.ranking-table td div{white-space:normal!important;max-width:140px!important}.selected-map-card{width:95%;max-width:400px;padding:20px}.map-card-header h2{font-size:18px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-box{padding:10px}.stat-value{font-size:13px}.osu-link-button{font-size:14px;padding:12px}.replays-table-container{padding:12px}.replays-table th,.replays-table td{padding:8px 10px!important;font-size:12px!important}.mods-tag{font-size:10px;padding:1px 5px}.view-diag-btn{padding:4px 10px;font-size:11px}.search-input-wrapper{flex-wrap:wrap;padding:4px 6px 4px 12px}.search-button{padding:8px 14px;font-size:13px}.quick-select-pills{gap:6px}.pill-btn{font-size:11px;padding:3px 10px}.profile-header .header-left{flex-wrap:wrap;gap:12px}.quick-search-wrapper{min-width:100%}.view-tabs{flex-wrap:wrap}.tab-btn{padding:8px 14px;font-size:13px}.hero-title{font-size:28px}.hero-subtitle{font-size:14px;padding:0 10px}.search-box-container{padding:0 10px}.features-grid{grid-template-columns:1fr;padding:0 10px}.feature-card{padding:16px}}@media (max-width: 480px){.sidebar{padding:12px 14px;max-height:40vh}.logo h1{font-size:16px}.user-item{font-size:13px;padding:8px 12px}.stat-card{flex:1 0 100%}.fog-canvas-wrapper{max-width:100%}.fog-svg-map{aspect-ratio:1/1}.ranking-table th,.ranking-table td{font-size:10px!important;padding:6px 8px!important}.selected-map-card{padding:16px;width:98%}.map-card-header h2{font-size:16px}.stat-grid{grid-template-columns:1fr}.modal-content{width:98vw;max-height:90vh}.modal-body{grid-template-columns:1fr;padding:16px}.modal-footer{flex-wrap:wrap;gap:12px}.quick-search-wrapper .search-input-wrapper{flex-wrap:wrap}.quick-search-wrapper .search-button{width:100%;margin-top:6px}}@media (max-width: 768px){.fog-canvas-wrapper{max-width:100%;padding:0 10px}}@media (max-width: 768px){.map-node{r:3.5!important;cursor:pointer}}