:root{--content-width: 1100px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 999px;--primary: #5db5ff;--primary-strong: #2f8dff;--primary-soft: rgba(93, 181, 255, .14);--danger: #ef6666;--success: #22c55e;--success-strong: #16a34a;--success-soft: rgba(34, 197, 94, .16);--warning: #f59e0b;--warning-strong: #d97706;--warning-soft: rgba(245, 158, 11, .18);--color-bg: #070b13;--color-surface: rgba(15, 23, 42, .85);--color-surface-2: rgba(30, 41, 59, .72);--color-text: #e5e7eb;--color-muted: rgba(226, 232, 240, .72);--color-muted-2: rgba(226, 232, 240, .58);--color-border: rgba(148, 163, 184, .18);--color-border-strong: rgba(148, 163, 184, .3);--shadow-sm: 0 10px 28px rgba(0, 0, 0, .35);--shadow-md: 0 18px 60px rgba(0, 0, 0, .45);--glow-primary: rgba(93, 181, 255, .32);--glow-danger: rgba(239, 102, 102, .28);--judge-0: #67f0ab;--judge-1: #d9f067;--judge-2: #f0c267;--judge-3: #f09567;--judge-4: #ef6666;--page-bg: radial-gradient(circle at 20% 18%, rgba(93, 181, 255, .14), transparent 35%), radial-gradient(circle at 78% 10%, rgba(239, 102, 102, .12), transparent 32%), radial-gradient(circle at 50% 92%, rgba(36, 53, 72, .7), transparent 40%), linear-gradient(180deg, #050914, #070b13 35%, #060a13);font-family:Inter,SF Pro Display,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--primary: #2f7fe6;--primary-strong: #256ddb;--primary-soft: rgba(47, 127, 230, .12);--success: #16a34a;--success-strong: #15803d;--success-soft: rgba(22, 163, 74, .14);--warning: #ea580c;--warning-strong: #c2410c;--warning-soft: rgba(234, 88, 12, .14);--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-2: #f8fafc;--color-text: #0f172a;--color-muted: #475569;--color-muted-2: #64748b;--color-border: rgba(226, 232, 240, .9);--color-border-strong: rgba(203, 213, 225, .95);--shadow-sm: 0 10px 28px rgba(15, 23, 42, .06);--shadow-md: 0 18px 60px rgba(15, 23, 42, .12);--glow-primary: rgba(47, 127, 230, .26);--glow-danger: rgba(239, 102, 102, .22);--page-bg: radial-gradient(circle at 20% 20%, rgba(47, 127, 230, .12), transparent 25%), radial-gradient(circle at 80% 0%, rgba(239, 102, 102, .12), transparent 28%), #f8fafc}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);overflow-x:hidden}a{color:inherit}.content-container{width:100%;max-width:var(--content-width);margin:0 auto}.page{min-height:100vh;background:var(--page-bg);padding-top:64px;display:flex;flex-direction:column}.page-content{flex:1;padding:3rem 1.25rem 0}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-pill);background:#ef66661a;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--danger);margin:0;font-weight:700}.section{max-width:var(--content-width);margin:0 auto 2rem}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.section-header h2{margin:0}.chart-actions{display:flex;justify-content:center;margin-top:1rem}.load-more{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-strong);background:#0f172a73;color:var(--color-text);border-radius:999px;padding:.75rem 1.4rem;cursor:pointer;font-weight:800;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}:root[data-theme=light] .load-more{background:var(--color-surface)}.load-more:hover{transform:translateY(-1px);box-shadow:0 0 0 2px var(--glow-primary);border-color:#5db5ff3d}.load-more:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.chart-empty{border-radius:var(--radius-md);padding:1.2rem;text-align:center;color:var(--color-muted);background:#0f172a59;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}:root[data-theme=light] .chart-empty{background:var(--color-surface)}.rank-table-wrap{max-width:var(--content-width);margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden}.rank-table{width:100%;border-collapse:collapse}.rank-table thead{background:#0f172a59;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}:root[data-theme=light] .rank-table thead{background:var(--color-surface-2)}.rank-table th,.rank-table td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.player-cell{display:flex;align-items:center;gap:.65rem}.rank-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border)}.rank-table tbody tr:hover{background:#0f172a4d}:root[data-theme=light] .rank-table tbody tr:hover{background:var(--color-surface-2)}.rank-name{font-weight:700;text-decoration:none;color:var(--color-text)}.rank-value{font-weight:700;color:var(--primary-strong)}.rank-meta{float:right;display:flex;gap:.4rem;color:var(--color-muted);font-size:.9rem;flex-wrap:wrap}.wiki-template-bars-wrap{background:transparent;border:none;border-radius:10px;box-shadow:none;overflow:hidden}.wiki-template-bars-head{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(120px,.6fr);gap:.6rem;padding:.75rem 1rem;background:#0f172a59;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600;border-bottom:1px solid var(--color-border)}.wiki-template-bars-head span:last-child{justify-self:end}:root[data-theme=light] .wiki-template-bars-head{background:var(--color-surface-2)}.wiki-template-bars{list-style:none;padding:0;margin:0;display:grid;gap:0}.wiki-template-bars li{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(120px,.6fr);grid-template-areas:"rank player value" "bar bar bar";align-items:center;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid var(--color-border)}.wiki-template-bars li:last-child{border-bottom:none}.wiki-template-bars li:hover{background:#0f172a4d}:root[data-theme=light] .wiki-template-bars li:hover{background:var(--color-surface-2)}.wiki-template-rank{grid-area:rank;color:var(--color-muted);font-weight:700}.wiki-template-user{grid-area:player;display:flex;align-items:center;gap:.5rem;min-width:0}.wiki-template-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border);flex:0 0 auto;display:block}.wiki-template-avatar.placeholder{background:var(--color-surface-2)}.wiki-template-bar{grid-area:bar;height:10px;margin-top:.25rem;background:linear-gradient(90deg,var(--primary),var(--primary-strong));border-radius:6px}.wiki-template-label,.wiki-template-value{white-space:nowrap}.wiki-template-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--color-text);text-decoration:none;font-weight:700}.wiki-template-label:hover{color:var(--primary)}.wiki-template-value{grid-area:value;font-weight:700;color:var(--primary-strong);justify-self:end}@media(max-width:640px){.rank-table:not(.rank-table-keep-third) th:nth-child(3),.rank-table:not(.rank-table-keep-third) td:nth-child(3){display:none}.rank-table thead{display:none}.rank-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"player value" "stats stats";gap:.35rem .75rem;padding:.75rem .9rem;border-bottom:1px solid var(--color-border)}.rank-table tbody tr:last-child{border-bottom:none}.rank-table tbody td{padding:0;border-bottom:none}.rank-table tbody td:nth-child(1){display:none}.rank-table tbody td:nth-child(2){grid-area:player}.rank-table tbody td:nth-child(3){grid-area:value;text-align:right}.rank-table tbody td:nth-child(4){grid-area:stats}.rank-table tbody td.empty{display:block;padding:1rem 0;grid-column:1 / -1}.rank-table .player-cell{position:relative;padding-left:2.1rem;min-width:0}.rank-table .player-cell:before{content:attr(data-rank);position:absolute;left:0;top:0;color:var(--color-muted);font-weight:700}}.chart-card{color:inherit;text-decoration:none;background:var(--color-surface);border-radius:14px;border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:100%}.chart-card:hover{border-color:#5db5ff38;box-shadow:var(--shadow-md),0 0 0 2px var(--glow-primary)}.chart-card-cover{position:relative;height:170px;background-size:cover;background-position:center}.chart-card-badges{display:flex;gap:.4rem;flex-wrap:wrap}.chart-card-badges .pill{position:static}.chart-mode-pill{font-size:.8rem}.chart-card-body{padding:.9rem 1rem;display:flex;flex-direction:column;gap:.65rem;flex:1}.chart-card-header{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;padding-bottom:.2rem}.chart-card-title{margin:0;font-weight:800}.chart-card-artist{margin:.15rem 0 0;color:var(--color-muted)}.chart-card-meta{display:flex;gap:.4rem;flex-wrap:wrap}.chart-card-foot{margin-top:auto;display:flex;flex-direction:column;gap:.45rem}.meta-pill{background:#5db5ff1f;border:1px solid rgba(93,181,255,.14);color:var(--color-text);padding:.25rem .6rem;border-radius:999px;font-weight:700;font-size:.9rem}.chart-card-footer{display:flex;align-items:center;color:var(--color-muted);font-weight:600}.chart-card-updated{font-weight:600;font-size:.85rem}.chart-checkbox{display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:10px;font-weight:700;color:var(--color-text);background:#0f172a59}:root[data-theme=light] .chart-checkbox{background:var(--color-surface)}.chart-checkbox:hover{border-color:#5db5ff38;box-shadow:0 0 0 2px var(--glow-primary)}.topbar{position:fixed;top:0;left:0;right:0;z-index:9999;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#0f172ab3;border-bottom:1px solid rgba(148,163,184,.2);margin:0;box-shadow:0 1px 3px #0000001a}:root[data-theme=light] .topbar{background:#f8fafcb3;border-bottom:1px solid rgba(226,232,240,.8)}.topbar-container{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:64px}.topbar-left{display:flex;align-items:center;gap:2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text)}.brand-logo{height:2.5rem;width:auto;display:block}.brand-text{font-size:1.25rem;font-weight:700;color:var(--color-text)}.topbar-nav{display:none;align-items:center;gap:1.5rem}.topbar-search{flex:1;display:none;justify-content:center;padding:0 1rem}.topbar-search-form{width:min(420px,100%);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.3rem .5rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface)}.topbar-search-form select,.topbar-search-form input{border:none;background:transparent;color:var(--color-text);font-size:.9rem}.topbar-search-form select{appearance:none;padding:.35rem 1.5rem .35rem .5rem;border-right:1px solid var(--color-border);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e5e7eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .3rem center}.topbar-search-form select option{background:var(--color-surface);color:var(--color-text)}.topbar-search-form input{flex:1;min-width:140px;padding:.35rem .2rem}.topbar-search-form select:focus,.topbar-search-form input:focus{outline:none}.topbar-search-submit{border:1px solid transparent;background:transparent;color:var(--color-text);font-weight:600;cursor:pointer;padding:.35rem .6rem;border-radius:999px;transition:border-color .2s ease,box-shadow .2s ease}.topbar-search-submit:hover,.topbar-search-submit:focus{outline:none;border:1px solid rgba(93,181,255,.35);box-shadow:0 0 0 2px var(--glow-primary)}.topbar-search-toggle{display:inline-flex;align-items:center;gap:.35rem}.topbar-search-panel{display:none;position:absolute;top:64px;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 8px 24px #00000026}.topbar-search-panel.is-open{display:block}.topbar-search-panel-inner{max-width:1280px;margin:0 auto;padding:.75rem 1rem 1rem}.topbar-search-panel .topbar-search-form{width:100%}.topbar-nav-toggle{display:inline-flex;align-items:center;gap:.35rem}.topbar-nav-menu{display:none;position:absolute;top:64px;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 8px 24px #00000026}.topbar-nav-menu.is-open{display:block}.topbar-nav-menu-inner{max-width:1280px;margin:0 auto;padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.75rem}@media(min-width:930px){.topbar-nav,.topbar-search{display:flex}.topbar-search-toggle,.topbar-search-panel,.topbar-nav-toggle,.topbar-nav-menu{display:none}}@media(max-width:929px){.topbar-container{justify-content:flex-start;gap:.75rem}.topbar-actions{margin-left:auto}.brand-text{display:none}.topbar-search{padding:0}}@media(max-width:767px){.wiki-template-bars-head{display:none}.wiki-template-bars li{grid-template-columns:36px minmax(0,1fr) auto;align-items:start}.wiki-template-label{white-space:normal}}.topbar-link{text-decoration:none;color:var(--color-muted);font-weight:500;font-size:.875rem;transition:color .2s ease}.topbar-link:hover{color:var(--danger)}.topbar-actions{display:flex;align-items:center;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:var(--radius-pill);font-weight:700;font-size:1.125rem;text-decoration:none;cursor:pointer;border:none;transition:all .2s ease}.btn.primary{background:#fff;color:#0f172a;box-shadow:0 4px 12px #00000026}:root[data-theme=light] .btn.primary{background:#0f172a;color:#fff}.btn.ghost{color:var(--color-text);background:#94a3b833;border:1px solid var(--color-border-strong)}:root[data-theme=light] .btn.ghost{background:#e2e8f0;border-color:#cbd5e1}.btn.small{padding:.55rem 1rem;font-size:.875rem}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.btn.primary:hover{box-shadow:0 12px 30px #00000040}.btn.ghost:hover{background:#94a3b84d}:root[data-theme=light] .btn.ghost:hover{background:#cbd5e1}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn.full{width:100%;justify-content:center}.btn-ghost{background:transparent;border:none;padding:.4rem .6rem;color:var(--color-text);cursor:pointer;font-weight:700}.btn-ghost:hover{color:var(--primary)}.btn-text{background:transparent;border:none;padding:.5rem 1rem;color:var(--color-text);cursor:pointer;font-weight:600;font-size:.875rem;transition:color .2s ease}.btn-text:hover{color:var(--danger)}.btn-primary-small{background:var(--danger);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary-small:hover{background:#dc5555}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--color-text);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background:#94a3b81a}:root[data-theme=light] .theme-toggle:hover{background:#94a3b826}.theme-toggle .material-icons{font-size:1.25rem}.language-selector{position:relative}.language-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-md);padding:.5rem;min-width:160px;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option{display:block;width:100%;padding:.625rem 1rem;text-align:left;background:transparent;border:none;border-radius:8px;color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.language-option:hover{background:#94a3b81a}:root[data-theme=light] .language-option:hover{background:#f1f5f9}.language-option.active{background:#ef66661a;color:var(--danger);font-weight:600}.language-option.active:hover{background:#ef666626}.user-avatar{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);text-decoration:none;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-avatar:hover,.user-avatar:focus-visible{box-shadow:0 0 0 2px var(--glow-primary);border-color:var(--primary)}.user-avatar-placeholder{font-weight:700;font-size:.85rem}.pill{position:absolute;top:10px;left:10px;background:var(--primary);color:#fff;padding:.25rem .55rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:700}.pill.ghost{position:static;background:#5db5ff1f;color:var(--primary-strong);margin-right:.5rem;border:1px solid rgba(93,181,255,.14)}.pill.copyable{cursor:pointer;-webkit-user-select:none;user-select:none}.pill.copyable:focus-visible{box-shadow:0 0 0 2px var(--glow-primary);border-color:#5db5ff42}.copy-hint{font-size:.8rem;font-weight:600;color:var(--color-muted);align-self:center}.pill.danger{background:var(--danger);color:#fff}.pill.type-stable,.pill.type-beta,.pill.type-alpha{position:static;margin-right:.5rem;padding:.25rem .65rem;border:1px solid transparent}.pill.type-stable{background:var(--success-soft);color:var(--success-strong);border-color:var(--success-soft)}.pill.type-beta{background:var(--warning-soft);color:var(--warning-strong);border-color:var(--warning-soft)}.pill.type-alpha{background:var(--danger);color:#fff}.pill.ghost.active{outline:2px solid rgba(93,181,255,.18);border-color:#5db5ff47}.pill.ghost:hover{box-shadow:0 0 0 2px var(--glow-primary);border-color:#5db5ff42}.link{color:var(--primary-strong);text-decoration:none;font-weight:700}.chip{display:inline-flex;padding:.2rem .65rem;border-radius:var(--radius-pill);background:#e2e8f014;color:var(--color-text);font-weight:700;font-size:.9rem;border:1px solid rgba(148,163,184,.14)}:root[data-theme=light] .chip{background:#0f172a0f;border-color:#e2e8f0e6}.footer{margin-left:-1.25rem;margin-right:-1.25rem;margin-top:auto;padding:4rem 1.25rem 2rem;background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.95rem}.footer-container{max-width:var(--content-width);margin:0 auto}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.footer-links{display:flex;gap:.85rem;flex-wrap:wrap;align-items:center;margin-bottom:.4rem}.footer-links a{color:var(--color-text);text-decoration:none;font-weight:600}.footer-links a:hover{color:var(--primary)}.footer-copy{margin:0}.footer-settings{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;justify-content:flex-end}.setting-block{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.setting-label{font-weight:700;color:var(--color-text)}.toggle-group{display:flex;gap:.35rem;flex-wrap:wrap}.toggle-btn{border:1px solid var(--color-border-strong);background:#0f172a73;padding:.35rem .75rem;border-radius:10px;cursor:pointer;font-weight:700;color:var(--color-text)}:root[data-theme=light] .toggle-btn{background:var(--color-surface)}.toggle-btn:hover{border-color:#5db5ff47;box-shadow:0 0 0 2px var(--glow-primary)}.toggle-btn.active{background:var(--primary-soft);border-color:#5db5ff47;color:var(--primary-strong)}.modal-backdrop{position:fixed;inset:0;background:#020617b8;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:80}.modal,.modal-card{width:min(520px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;box-shadow:var(--shadow-md);overflow:hidden}.modal-head,.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--color-border)}.modal-title{margin:0;font-weight:800;letter-spacing:-.01em}.modal-body{padding:1.1rem 1.25rem 1.25rem}.modal-tabs{display:flex;gap:.5rem}.modal-tabs button,.tab-btn{border:1px solid var(--color-border-strong);background:#0f172a59;padding:.45rem .85rem;border-radius:999px;cursor:pointer;font-weight:800;color:var(--color-text)}:root[data-theme=light] .modal-tabs button,:root[data-theme=light] .tab-btn{background:var(--color-surface)}.modal-tabs button.active,.tab-btn.active{background:var(--primary-soft);border-color:#5db5ff47;color:var(--primary-strong)}.modal-close{border:none;background:transparent;font-size:1.3rem;cursor:pointer;padding:.25rem;color:var(--color-text)}.modal-form{display:flex;flex-direction:column;gap:.8rem;padding:1.1rem 1.25rem 1.25rem}.field,.input-label{display:flex;flex-direction:column;gap:.35rem;font-weight:700;color:var(--color-text);margin-bottom:.85rem}.input-label{margin-bottom:0}.field input{padding:.65rem .75rem;border-radius:12px;border:1px solid var(--color-border-strong);font-weight:600;background:#0f172a47;color:var(--color-text)}:root[data-theme=light] .input-label input,:root[data-theme=light] .field input{background:var(--color-surface)}.input-label input{font-size:1rem;padding:.75rem .9rem;border-radius:10px}.input-label input:focus,.field input:focus{outline:2px solid rgba(93,181,255,.16);border-color:#5db5ff47;box-shadow:0 0 0 2px var(--glow-primary)}.form-error{color:var(--danger);font-weight:800;margin:0 0 .75rem}.hero{position:relative;overflow:hidden;margin:0 auto 4rem;max-width:var(--content-width);padding:5rem 0 8rem}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:500px;background:radial-gradient(circle at center,rgba(239,102,102,.2),transparent 60%);filter:blur(60px);opacity:.5;pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:2rem}}.hero-text h1{font-size:clamp(2.8rem,5vw,3.75rem);margin:.5rem 0 1rem;letter-spacing:-.03em;font-weight:800;line-height:1.1}.hero-text h1 .highlight{color:var(--danger)}.hero-desc{color:var(--color-muted);line-height:1.7;max-width:560px;font-size:1.125rem}.hero-mock-window{position:relative;background:#1c1f23;border:1px solid rgba(148,163,184,.2);border-radius:16px;box-shadow:0 20px 60px #0009;overflow:hidden;aspect-ratio:16 / 9}.hero-mock-titlebar{position:absolute;top:0;left:0;right:0;height:40px;background:#22252a;border-bottom:1px solid rgba(148,163,184,.15);display:flex;align-items:center;padding:0 1rem;gap:.5rem;z-index:20}.hero-mock-dot{width:12px;height:12px;border-radius:50%}.hero-mock-dot.red{background:#ef4444}.hero-mock-dot.yellow{background:#eab308}.hero-mock-dot.green{background:#22c55e}.hero-mock-body{position:absolute;inset:40px 0 0;display:flex}.hero-mock-sidebar{width:64px;background:#22252a;border-right:1px solid rgba(148,163,184,.15);display:flex;flex-direction:column;align-items:center;padding:1rem 0;gap:1.5rem}.hero-mock-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .2s}.hero-mock-icon.active{background:#ef666633;color:var(--danger)}.hero-mock-icon:not(.active){color:#6b7280}.hero-mock-icon:not(.active):hover{background:#94a3b81a}.hero-mock-main{flex:1;background:linear-gradient(135deg,#22252a,#1c1f23);padding:1.5rem;overflow:hidden}.hero-mock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.hero-mock-header h3{margin:0;font-size:1.25rem;color:#fff;font-weight:700}.hero-mock-header p{margin:0;font-size:.75rem;color:#6b7280}.hero-mock-btn{background:var(--danger);color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;border:none;cursor:pointer}.hero-mock-list{display:flex;flex-direction:column;gap:.75rem}.hero-mock-item{display:flex;align-items:center;gap:1rem;background:#1c1f23;padding:.75rem;border-radius:12px;border:1px solid rgba(148,163,184,.15)}.hero-mock-item-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.hero-mock-item-icon.indigo{background:#6366f133;color:#818cf8}.hero-mock-item-icon.pink{background:#ec489933;color:#f472b6}.hero-mock-item-icon.orange{background:#f9731633;color:#fb923c}.hero-mock-item-content{flex:1;min-width:0}.hero-mock-item-title{font-size:.875rem;font-weight:600;color:#fff;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-mock-item-desc{font-size:.75rem;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-mock-item-rank{font-size:.875rem;font-weight:700;flex-shrink:0}.hero-mock-item-rank.s{color:var(--danger)}.hero-mock-item-rank.a{color:#9ca3af}.hero-mock-item-rank.ss{color:#fbbf24}.hero-mock-badge{position:absolute;bottom:1rem;right:1rem;background:#1c1f23e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.2);padding:.5rem .75rem;border-radius:8px;font-size:.75rem;font-family:SF Mono,Courier New,monospace;color:var(--danger);display:flex;align-items:center;gap:.5rem}.hero-mock-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 2s ease-in-out infinite}.hero-card{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:2rem;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:360px}.hero-card h3{margin:.5rem 0 1rem;font-size:1.5rem;font-weight:700}.hero-card p{margin:0;color:#d1d5db;line-height:1.6;flex:1}.hero-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:0 auto 2rem;max-width:var(--content-width)}.banner-card{position:relative;overflow:hidden;border-radius:16px;min-height:200px;display:block;color:#fff;box-shadow:0 12px 40px #0f172a2e;text-decoration:none}.banner-img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;filter:saturate(1.1)}.banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0f172a0d,#0f172ad1)}.banner-text{position:relative;padding:1.25rem}.banner h3{margin:.2rem 0 .35rem}.banner p{margin:0;color:#ffffffd9}.stat-grid-wrapper{margin-left:-1.25rem;margin-right:-1.25rem;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:3rem 1.25rem;margin-top:0;margin-bottom:3rem}:root[data-theme=light] .stat-grid-wrapper{background:#fff}.news-carousel{max-width:var(--content-width);margin:0 auto 3rem}.news-carousel-frame{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);aspect-ratio:1100 / 280}.news-carousel-track{display:flex;height:100%;transition:transform .6s ease}.news-carousel-slide{flex:0 0 100%;height:100%;display:block}.news-carousel-image{width:100%;height:100%;object-fit:cover;display:block}.news-carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.75rem}.news-carousel-dot{width:10px;height:10px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);padding:0;cursor:pointer;transition:all .2s ease}.news-carousel-dot:hover,.news-carousel-dot:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px var(--glow-primary)}.news-carousel-dot.active{background:var(--primary);border-color:var(--primary)}.stat-grid{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.stat-card{background:#0f172a59;border-radius:18px;padding:1.5rem 1.75rem;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all .3s ease}:root[data-theme=light] .stat-card{background:#f9fafb}.stat-card:after{content:"";position:absolute;top:.75rem;right:.75rem;width:80px;height:80px;opacity:.1;transition:opacity .3s ease;background-repeat:no-repeat;background-position:center;background-size:contain}.stat-card:nth-child(1):before{content:"";position:absolute;top:1rem;right:1rem;width:80px;height:80px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ef6666'%3E%3Cpath d='M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.1;transition:opacity .3s ease}.stat-card:nth-child(2):before{content:"";position:absolute;top:1rem;right:1rem;width:80px;height:80px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ef6666'%3E%3Cpath d='M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.1;transition:opacity .3s ease}.stat-card:nth-child(3):before{content:"";position:absolute;top:1rem;right:1rem;width:80px;height:80px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ef6666'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.1;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:hover:before{opacity:.2}.stat-value{margin:0;font-size:2.5rem;font-weight:800;color:var(--color-text);position:relative;z-index:1}.stat-label{margin:.25rem 0;font-weight:700;font-size:1.125rem;color:var(--color-text);position:relative;z-index:1}.stat-desc{margin:.5rem 0 0;color:var(--color-muted);font-size:.875rem;line-height:1.5;position:relative;z-index:1}.map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.map-card{display:block;text-decoration:none;color:inherit;background:var(--color-surface);border-radius:14px;border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.map-card:hover{transform:translateY(-2px);border-color:#5db5ff38;box-shadow:var(--shadow-md),0 0 0 2px var(--glow-primary)}.map-cover{position:relative;height:140px;background-size:cover;background-position:center}.map-meta{padding:.85rem .95rem}.map-title{margin:0 0 .2rem;font-weight:700}.map-artist{margin:0;color:var(--color-muted)}.map-mode{margin:.45rem 0 0;color:var(--primary);font-weight:700;font-size:.95rem}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:1.2rem}@media(max-width:900px){.two-col{grid-template-columns:1fr}}.cta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.cta-card{display:block;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.cta-card h4{margin:.2rem 0 .25rem}.cta-card p{margin:0;color:var(--color-muted)}.cta-card:hover{transform:translateY(-2px);border-color:#5db5ff38;box-shadow:var(--shadow-md),0 0 0 2px var(--glow-primary)}.news{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:0;box-shadow:var(--shadow-sm);overflow:hidden}.news h3{margin:0 0 .5rem}.news ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.news li{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);transition:all .2s ease;cursor:pointer}.news li:last-child{border-bottom:none}.news li:hover{background:#5db5ff0f}:root[data-theme=light] .news li:hover{background:#f9fafb}.news-meta{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.news-meta .pill{white-space:nowrap;font-size:.75rem;font-weight:700;padding:.375rem .75rem}.news a{color:var(--color-text);font-weight:600;text-decoration:none;flex:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.news a:after{content:"›";font-size:1.5rem;color:var(--color-muted-2);flex-shrink:0;transition:transform .2s ease,color .2s ease}.news li:hover a{color:var(--primary)}.news li:hover a:after{transform:translate(4px);color:var(--primary)}.home-news-empty{margin:0;padding:1.5rem;text-align:center;color:var(--color-muted)}.home-empty-card{display:flex;align-items:center;justify-content:center;min-height:140px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.2rem;text-align:center;color:var(--color-muted);box-shadow:var(--shadow-sm)}.news-arrival-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:1024px){.news-arrival-grid{grid-template-columns:7fr 5fr;gap:2.5rem}}.news-column,.arrival-column{display:flex;flex-direction:column;gap:1rem}.map-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}@media(min-width:640px){.map-grid-compact{grid-template-columns:repeat(2,1fr)}}.features-section{margin-left:-1.25rem;margin-right:-1.25rem;background:#0f172a59;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:6rem 1.25rem;margin-top:3rem;margin-bottom:0}:root[data-theme=light] .features-section{background:#f9fafb}.features-container{max-width:var(--content-width);margin:0 auto}.features-header{text-align:center;max-width:768px;margin:0 auto 4rem}.features-header h2{font-size:clamp(1.875rem,4vw,2.5rem);font-weight:800;margin:0 0 1rem}.features-header p{font-size:1.125rem;color:var(--color-muted);line-height:1.7;margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-icon{width:56px;height:56px;margin:0 auto 1.5rem;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.feature-icon.green{background:#22c55e1a;color:#22c55e}.feature-icon.red{background:#ef66661a;color:var(--danger)}.feature-icon.purple{background:#a855f71a;color:#a855f7}.feature-card h3{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.feature-card p{font-size:.875rem;color:var(--color-muted);line-height:1.6;margin:0}.rank-hero{max-width:var(--content-width);margin:0 auto 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;align-items:center}.rank-hero .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem;box-shadow:var(--shadow-sm)}.rank-hero h1{margin:0 0 .35rem}.rank-hero p{margin:0;color:var(--color-muted)}.filters{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.75rem}.pill-toggle{border:1px solid var(--color-border);background:#0f172a59;padding:.45rem .75rem;border-radius:999px;cursor:pointer;font-weight:700;color:var(--color-text)}:root[data-theme=light] .pill-toggle{background:var(--color-surface)}.pill-toggle.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.pill-toggle:hover{box-shadow:0 0 0 2px var(--glow-primary);border-color:#5db5ff38}.mode-select{border:1px solid var(--color-border);background:#0f172a59;padding:.5rem .75rem;border-radius:12px;color:var(--color-text)}:root[data-theme=light] .mode-select{background:var(--color-surface)}.mode-select:focus{outline:2px solid rgba(93,181,255,.16);box-shadow:0 0 0 2px var(--glow-primary);border-color:#5db5ff47}.table-actions{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem}.empty{padding:1.2rem;text-align:center;color:var(--color-muted)}.multi-select-field{display:flex;flex-direction:column;gap:.35rem;position:relative}.multi-select-label{font-weight:700;color:var(--color-text)}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--color-border-strong);font-weight:600;background:#0f172a47;color:var(--color-text);cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:left}:root[data-theme=light] .multi-select-trigger{background:var(--color-surface)}.multi-select-trigger:hover{border-color:var(--primary-soft)}.multi-select-trigger.open{outline:2px solid var(--primary-soft);border-color:var(--primary);box-shadow:0 0 0 2px var(--glow-primary)}.multi-select-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-chevron{flex-shrink:0;transition:transform .2s ease;opacity:.6}.multi-select-trigger.open .multi-select-chevron{transform:rotate(180deg)}.multi-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;padding:.35rem;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:10px;box-shadow:0 8px 24px #00000040;z-index:100;animation:dropdownFadeIn .15s ease}:root[data-theme=light] .multi-select-dropdown{box-shadow:0 8px 24px #0000001f}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.multi-select-option{display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;border-radius:8px;cursor:pointer;transition:background .15s;font-weight:600;color:var(--color-text)}.multi-select-option:hover{background:#5db5ff1a}.multi-select-option input[type=checkbox]{display:none}.multi-select-checkmark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--color-border-strong);border-radius:4px;background:transparent;transition:all .15s;flex-shrink:0}.multi-select-option input:checked+.multi-select-checkmark{background:var(--primary);border-color:var(--primary)}.multi-select-checkmark svg{color:#fff}.range-slider-field{display:flex;flex-direction:column;gap:.35rem;font-weight:700;color:var(--color-text);grid-column:span 2}.range-slider-label{font-weight:700}.range-slider-container{display:grid;grid-template-columns:70px 1fr 70px;gap:.75rem;align-items:center}.range-slider-input{padding:.55rem .5rem;border-radius:8px;border:1px solid var(--color-border-strong);font-weight:600;font-size:.85rem;background:#0f172a47;color:var(--color-text);text-align:center;-moz-appearance:textfield}.range-slider-input::-webkit-outer-spin-button,.range-slider-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root[data-theme=light] .range-slider-input{background:var(--color-surface)}.range-slider-input:focus{outline:2px solid var(--primary-soft);border-color:var(--primary);box-shadow:0 0 0 2px var(--glow-primary)}.range-slider-track-wrapper{padding:.5rem 0}.range-slider-track{position:relative;height:6px;background:var(--color-border);border-radius:3px;cursor:pointer}.range-slider-fill{position:absolute;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-soft));border-radius:3px;pointer-events:none}.range-slider-thumb{position:absolute;top:50%;width:18px;height:18px;background:var(--primary);border:2px solid var(--color-bg);border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:box-shadow .15s ease,transform .1s ease;box-shadow:0 2px 6px #00000040;z-index:2}.range-slider-thumb:hover{box-shadow:0 0 0 4px var(--glow-primary),0 2px 8px #0000004d;transform:translate(-50%,-50%) scale(1.1)}.range-slider-thumb.active{cursor:grabbing;box-shadow:0 0 0 6px var(--glow-primary),0 4px 12px #00000059;transform:translate(-50%,-50%) scale(1.15)}.range-slider-thumb-max{z-index:3}@media(max-width:640px){.range-slider-field{grid-column:span 1}.range-slider-container{grid-template-columns:60px 1fr 60px;gap:.5rem}.range-slider-input{padding:.45rem .35rem;font-size:.8rem}.range-slider-thumb{width:16px;height:16px}}.chart-hero{max-width:var(--content-width);margin:0 auto 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;align-items:start}.chart-hero-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.1rem;box-shadow:var(--shadow-sm)}.chart-filters{display:flex;flex-direction:column;gap:.85rem}.chart-list-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.chart-field{display:flex;flex-direction:column;gap:.35rem;font-weight:700;color:var(--color-text)}.chart-field-full{grid-column:1 / -1}.chart-field input,.chart-field select{padding:.65rem .75rem;border-radius:10px;border:1px solid var(--color-border-strong);font-weight:600;background:#0f172a47;color:var(--color-text)}:root[data-theme=light] .chart-field input,:root[data-theme=light] .chart-field select{background:var(--color-surface)}.chart-field input:focus,.chart-field select:focus{outline:2px solid var(--primary-soft);border-color:var(--primary);box-shadow:0 0 0 2px var(--glow-primary)}.chart-actions-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;grid-column:1 / -1}.chart-advanced-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border:1px dashed var(--color-border-strong);border-radius:10px;background:transparent;color:var(--color-muted);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;grid-column:1 / -1}.chart-advanced-toggle:hover{border-color:var(--primary);color:var(--primary);background:#5db5ff0d}.chart-advanced-toggle.expanded{border-style:solid;border-color:var(--primary-soft);color:var(--primary);background:#5db5ff14}.chart-advanced-icon{flex-shrink:0}.chart-advanced-chevron{flex-shrink:0;transition:transform .2s ease}.chart-advanced-toggle.expanded .chart-advanced-chevron{transform:rotate(180deg)}.chart-advanced-filters{display:flex;flex-direction:column;gap:.75rem;grid-column:1 / -1;padding:1rem;background:#0f172a26;border:1px solid var(--color-border);border-radius:12px;animation:slideDown .2s ease}:root[data-theme=light] .chart-advanced-filters{background:#00000005}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.chart-empty{margin-top:.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.2rem;text-align:center;color:var(--color-muted);box-shadow:var(--shadow-sm)}@media(max-width:768px){.chart-list-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.chart-list-filters{grid-template-columns:1fr}}.event-hero{max-width:var(--content-width);margin:0 auto 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;align-items:start}.event-hero-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.1rem;box-shadow:var(--shadow-sm)}.event-highlight{margin:.2rem 0 0;color:var(--color-muted)}.event-filters{margin-top:.6rem;display:flex;gap:.5rem;flex-wrap:wrap}.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.event-card{display:flex;flex-direction:column;background:var(--color-surface);border-radius:14px;border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm);color:inherit;text-decoration:none}.event-card:hover{border-color:#5db5ff38;box-shadow:var(--shadow-md),0 0 0 2px var(--glow-primary)}.event-cover{position:relative;height:160px;background-size:cover;background-position:center}.event-body{padding:.9rem 1rem;display:flex;justify-content:space-between;gap:.6rem;align-items:flex-start}.event-title{margin:0;font-weight:800}.event-meta{margin:.2rem 0 0;color:var(--color-muted);font-weight:600}.event-pill{position:absolute;top:12px;left:12px;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.event-pill.upcoming{background:#c7d2fe;color:#1e1b4b}.event-pill.ongoing{background:#dcfce7;color:#166534}.event-pill.ended{background:#e2e8f024;color:var(--color-muted)}.event-pill.unknown{background:#e0f2fe;color:#075985}.event-detail-hero{max-width:var(--content-width);margin:0 auto 2rem;display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:1.5rem;align-items:stretch}.event-detail-cover{border-radius:18px;border:1px solid var(--color-border);background-size:cover;background-position:center;min-height:260px;box-shadow:var(--shadow-sm)}.event-detail-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem}.event-detail-summary h1{margin:0}.event-detail-desc{margin:0;color:var(--color-muted)}.event-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem}.event-detail-meta .pill{margin-right:0}.event-detail-actions{display:flex;flex-wrap:wrap;gap:.6rem}.event-detail-loading,.event-detail-error{margin:0;color:var(--color-muted)}.event-detail-error{color:var(--danger)}.event-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.event-chart-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--color-surface);border-radius:14px;border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.event-chart-card:hover{transform:translateY(-2px);border-color:#5db5ff38;box-shadow:var(--shadow-md),0 0 0 2px var(--glow-primary)}.event-chart-cover{height:150px;background-size:cover;background-position:center}.event-chart-body{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.4rem}.event-chart-title{margin:0;font-weight:700}.event-chart-artist{margin:0;color:var(--color-muted)}.event-chart-tags{display:flex;flex-wrap:wrap;gap:.35rem}.event-chart-tags .pill{margin-right:0}@media(max-width:900px){.event-detail-hero{grid-template-columns:1fr}}.song-page .content-container{max-width:var(--content-width)}.song-hero{display:grid;gap:1.5rem;grid-template-columns:minmax(240px,320px) 1fr;align-items:center;margin-bottom:2rem}.song-cover{position:relative;width:100%;padding-top:100%;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 16px 40px #0f172a2e;border:1px solid var(--color-border)}.song-summary h1{margin:.15rem 0 .35rem;letter-spacing:-.01em}.song-artist{margin:0;color:var(--color-muted);font-weight:600}.song-original{margin:.2rem 0 .5rem;color:var(--color-muted-2)}.song-meta-row{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.6rem}.song-actions{margin-top:.6rem}.song-error{margin:.4rem 0 0;color:#dc2626;font-weight:700}.song-loading{margin:.3rem 0 0;color:var(--color-muted)}.song-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem}.song-chart-toggle{justify-content:flex-end}.song-chart-table{display:grid;grid-template-columns:1fr;gap:.35rem}.song-chart-head,.song-chart-row{display:grid;grid-template-columns:.75fr minmax(220px,2fr) .8fr .7fr 1fr 1fr;gap:.6rem;align-items:center}.song-chart-head{font-weight:800;color:var(--color-muted)}.song-chart-row{text-decoration:none;color:var(--color-text);padding:.45rem .2rem;border-radius:8px;transition:background .15s ease}.song-chart-row:hover{background:#0f172a40}:root[data-theme=light] .song-chart-row:hover{background:var(--color-surface-2)}.song-chart-title-cell{font-weight:700}.song-chart-mode-filter{display:inline-flex;align-items:center;gap:.35rem;font-weight:800}.song-chart-mode-filter select{border:1px solid var(--color-border-strong);border-radius:8px;padding:.3rem .5rem;background:var(--color-surface);color:var(--color-text);font-weight:700;cursor:pointer}.song-chart-mode-filter select:focus{outline:2px solid rgba(93,181,255,.16);box-shadow:0 0 0 2px var(--glow-primary);border-color:#5db5ff47}.song-chart-updated{color:var(--color-muted);text-align:right;justify-self:end}.song-chart-row.skeleton{pointer-events:none}.song-chart-row.skeleton .song-chart-cell,.song-chart-row.skeleton .song-chart-title-cell{display:block;height:12px;border-radius:6px;background:#e2e8f024}.song-chart-empty-row{grid-column:1 / -1;color:var(--color-muted)}.song-chart-empty-row span{grid-column:1 / -1;text-align:center}.song-chart-card{display:block;text-decoration:none;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease;display:flex;flex-direction:column;gap:.4rem;min-height:96px}.song-chart-card:hover{transform:translateY(-2px);border-color:#5db5ff38;box-shadow:var(--shadow-md),0 0 0 2px var(--glow-primary)}.song-chart-title{margin:0;font-weight:800}.song-chart-tags{display:flex;gap:.35rem;flex-wrap:wrap}.song-chart-meta-row{display:flex;align-items:center;gap:.25rem;color:var(--color-muted);font-weight:600}.song-chart-meta{margin:0}.song-chart-time-row{display:flex;justify-content:flex-start}.song-chart-time{font-size:.75rem;color:var(--color-muted)}.song-empty{display:flex;align-items:center;justify-content:center;min-height:120px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:var(--color-muted);box-shadow:var(--shadow-sm)}.song-wiki-skeleton{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm)}.song-wiki-skeleton .line{height:12px;background:#e2e8f024;border-radius:6px;margin-bottom:.6rem}.song-wiki-skeleton .line.wide{width:80%}.song-chart-card.skeleton{background:#0f172a40;box-shadow:none;border-style:dashed;gap:.5rem}.song-chart-card.skeleton .song-chart-main,.song-chart-card.skeleton .song-chart-meta-row{height:14px;background:#e2e8f024;border-radius:6px}.song-chart-card.skeleton .song-chart-main{width:70%}.song-chart-card.skeleton .song-chart-time-row{height:12px;background:#e2e8f024;border-radius:6px;width:50%;margin-left:auto}.song-edit-desc{margin:.25rem 0 0;color:var(--color-muted);max-width:720px}.song-editor{display:grid;gap:1rem;grid-template-columns:minmax(360px,1.6fr) 1fr;align-items:start}.song-editor-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem}.song-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 1rem}.song-field{display:flex;flex-direction:column;gap:.3rem;font-weight:700;color:var(--color-text)}.song-field input{border:1px solid var(--color-border-strong);border-radius:10px;padding:.65rem .75rem;font-size:1rem;background:#0f172a47;color:var(--color-text)}:root[data-theme=light] .song-field input{background:var(--color-surface)}.song-field select{border:1px solid var(--color-border-strong);border-radius:10px;padding:.55rem .65rem;font-size:1rem;background:var(--color-surface);color:var(--color-text)}.song-field select:focus{outline:2px solid rgba(93,181,255,.16);box-shadow:0 0 0 2px var(--glow-primary);border-color:#5db5ff47}.song-field input:focus{outline:2px solid rgba(93,181,255,.16);box-shadow:0 0 0 2px var(--glow-primary);border-color:#5db5ff47}.song-field small{color:var(--color-muted-2);font-weight:600}.song-editor-footer{display:flex;flex-direction:column;gap:.35rem}.song-editor-actions{display:flex;justify-content:flex-end}.song-editor-actions .btn{min-width:140px}.song-hint{margin:0;color:var(--color-muted-2)}.song-success{margin:.2rem 0 0;color:#15803d;font-weight:700}.song-tags{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.song-tag-header{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.4rem;color:var(--color-muted);font-weight:600}.song-tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.song-tag{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-pill);padding:.4rem .85rem;font-weight:700;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.song-tag:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-soft)}.song-tag.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 1px var(--primary-soft),0 0 12px var(--glow-primary)}.song-tag-name{display:inline-block}.song-cover-card{max-width:420px}.song-cover-preview{width:100%;padding-top:62%;border-radius:12px;background-size:cover;background-position:center;border:1px solid var(--color-border)}.song-file-input{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border:1px dashed var(--color-border-strong);border-radius:10px;color:var(--color-text);font-weight:700;cursor:pointer;transition:border-color .12s ease,color .12s ease}.song-file-input:hover{border-color:#5db5ff47;box-shadow:0 0 0 2px var(--glow-primary);color:var(--color-text)}.song-file-input input{display:none}@media(max-width:900px){.song-hero,.song-editor{grid-template-columns:1fr}.song-cover-card{max-width:none}}.event-edit-page .content-container{max-width:var(--content-width)}.event-edit-chart-input{display:flex;gap:.6rem;align-items:center}.event-edit-chart-input input{flex:1}.event-edit-preview-section{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.event-edit-preview-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--color-muted)}.event-edit-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.event-edit-preview-card{position:relative}.event-edit-preview-remove{position:absolute;top:10px;right:10px;z-index:2}.event-edit-preview-skeleton{background:var(--color-surface-2)}.event-edit-preview-error{background:var(--danger);opacity:.2}@media(max-width:900px){.event-edit-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.event-edit-preview-grid{grid-template-columns:1fr}}.skin-hero{max-width:var(--content-width);margin:0 auto 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;align-items:start}.skin-hero-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.1rem;box-shadow:var(--shadow-sm)}.skin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.skin-card{min-height:100%}.skin-card .chart-card-cover{height:170px}.skin-detail-page .content-container{max-width:var(--content-width)}.skin-detail-hero{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:1.25rem;align-items:center;margin-bottom:1.5rem}.skin-cover{width:100%;padding-top:100%;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 16px 40px #0f172a2e;border:1px solid var(--color-border)}.skin-summary h1{margin:.15rem 0 .35rem}.skin-creator{margin:0;color:var(--color-muted)}.skin-meta-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}.skin-loading{margin:.4rem 0 0;color:var(--color-muted)}.skin-error{margin:.35rem 0 0;color:#dc2626;font-weight:700}.skin-purchase-card{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.2rem;box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.skin-price{margin:.2rem 0;font-size:2rem}.skin-price-hint{margin:0;color:var(--color-muted)}.skin-purchase-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.skin-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.skin-preview-item{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm)}.skin-preview-item:hover{border-color:#5db5ff38;box-shadow:var(--shadow-md),0 0 0 2px var(--glow-primary)}.skin-preview-item img{display:block;width:100%;height:100%;object-fit:cover}.skin-empty{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;color:var(--color-muted);box-shadow:var(--shadow-sm)}.skin-wiki-skeleton{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm)}.skin-wiki-skeleton .line{height:12px;background:#e2e8f024;border-radius:6px;margin-bottom:.6rem}.skin-wiki-skeleton .line.wide{width:80%}.skin-comment-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm)}.chart-count{color:var(--color-muted);font-weight:600}@media(max-width:900px){.skin-detail-hero{grid-template-columns:1fr}}.comment-thread{display:flex;flex-direction:column;gap:.75rem}.comment-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.75rem .85rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.5rem}.comment-label{display:flex;flex-direction:column;gap:.35rem;font-weight:700}.comment-label textarea{width:100%;border-radius:10px;border:1px solid var(--color-border-strong);padding:.65rem .75rem;font-size:1rem;resize:vertical;background:#0f172a47;color:var(--color-text)}:root[data-theme=light] .comment-label textarea{background:var(--color-surface)}.comment-label textarea:focus{outline:2px solid var(--primary-soft);border-color:var(--primary);box-shadow:0 0 0 2px var(--glow-primary)}.comment-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.comment-hint{color:var(--color-muted);font-size:.9rem}.comment-error{margin:0;color:#dc2626;font-weight:700}.comment-empty{background:#0f172a40;border:1px dashed var(--color-border);border-radius:12px;padding:.9rem;color:var(--color-muted);text-align:center}:root[data-theme=light] .comment-empty{background:var(--color-surface)}.comment-list{display:flex;flex-direction:column;gap:.65rem}.comment-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.75rem .85rem;box-shadow:var(--shadow-sm)}.comment-card:hover{border-color:#5db5ff38;box-shadow:var(--shadow-md),0 0 0 2px var(--glow-primary)}.comment-header{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.3rem}.comment-user{font-weight:800;color:inherit;text-decoration:none}.comment-user:hover{color:var(--primary)}.comment-time{color:var(--color-muted-2);font-size:.9rem}.comment-body{margin:0;color:var(--color-text);white-space:pre-wrap}.comment-actions{display:flex;justify-content:center}.comment-skeleton{background:#0f172a40;border:1px solid var(--color-border);border-radius:12px;padding:.75rem}.comment-skeleton .line{height:10px;background:#e2e8f024;border-radius:6px;margin-bottom:.45rem}.comment-skeleton .line.wide{width:80%}.wiki-page{padding-top:2.5rem}.wiki-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:1.25rem;align-items:start;margin:0 auto 1.5rem;max-width:var(--content-width);padding:1.5rem;background:linear-gradient(135deg,#4a9cf51f,#f06f701f);border:1px solid var(--color-border);border-radius:18px;box-shadow:var(--shadow-md)}.wiki-hero h1{margin:.35rem 0 .5rem;letter-spacing:-.02em}.wiki-subtitle{margin:0;color:var(--color-text);max-width:720px}.wiki-meta-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}.wiki-meta-row .pill{position:static}.wiki-meta-row .pill.danger{background:var(--danger);color:#fff}.wiki-controls{display:flex;flex-direction:column;gap:.5rem;background:#0f172a8c;border:1px solid var(--color-border);border-radius:14px;padding:1rem}:root[data-theme=light] .wiki-controls{background:#ffffffe6}.wiki-lang-label{display:flex;flex-direction:column;gap:.35rem;font-weight:700;color:var(--color-text)}.wiki-lang-label select{border-radius:12px;border:1px solid var(--color-border-strong);padding:.65rem .75rem;font-weight:600;background:#0f172a47;color:var(--color-text)}:root[data-theme=light] .wiki-lang-label select{background:var(--color-surface)}.wiki-lang-label select:focus{outline:2px solid rgba(93,181,255,.16);box-shadow:0 0 0 2px var(--glow-primary);border-color:#5db5ff47}.wiki-lang-hint{margin:0;color:var(--color-muted);font-size:.9rem}.wiki-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.wiki-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:1.5rem;max-width:var(--content-width);margin:0 auto 2rem;box-shadow:var(--shadow-sm)}.wiki-empty{padding:1rem;border-radius:12px;background:#0f172a40;border:1px dashed var(--color-border-strong);color:var(--color-muted)}:root[data-theme=light] .wiki-empty{background:var(--color-surface-2)}.wiki-skeleton{display:grid;gap:.75rem}.wiki-skeleton-line{height:14px;background:linear-gradient(90deg,#e2e8f01a,#e2e8f033,#e2e8f01a);background-size:200% 100%;animation:wikiPulse 1.2s ease-in-out infinite;border-radius:999px}.wiki-skeleton-line.wide{height:22px;width:60%}@keyframes wikiPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.wiki-body{color:var(--color-text);line-height:1.8;word-break:break-word}.wiki-body h1,.wiki-body h2,.wiki-body h3,.wiki-body h4{margin:1.2rem 0 .6rem;line-height:1.3}.wiki-body p{margin:.6rem 0}.wiki-body ul{padding-left:1.2rem;margin:.4rem 0 .8rem}.wiki-body li{margin:.2rem 0}.wiki-body blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:4px solid var(--primary);background:#4a9cf514;border-radius:10px}.wiki-body table{width:100%;border-collapse:collapse;margin:1rem 0}.wiki-body th,.wiki-body td{border:1px solid var(--color-border);padding:.5rem .65rem;background:#0f172a40}:root[data-theme=light] .wiki-body th,:root[data-theme=light] .wiki-body td{background:var(--color-surface-2)}.wiki-body th.c,.wiki-body td.c{text-align:center}.wiki-body th.r,.wiki-body td.r{text-align:right}.wiki-body th.l,.wiki-body td.l{text-align:left}.wiki-body img{max-width:100%;border-radius:10px;margin:.25rem 0}.wiki-body .wiki-template-avatar{border-radius:50%;margin:0}.wiki-body img.left{float:left;margin-right:1rem}.wiki-body img.right{float:right;margin-left:1rem}.wiki-body .clear{display:block;clear:both}.wiki-body .hidden{border:1px dashed var(--color-border-strong);border-radius:12px;margin:1rem 0;overflow:hidden}.wiki-body .hidden .hide-top{display:block;padding:.65rem .75rem;background:#0f172a4d;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}:root[data-theme=light] .wiki-body .hidden .hide-top{background:var(--color-surface-2)}.wiki-body .hidden .hide-body{display:none;padding:.75rem}.wiki-body .hidden.open .hide-body{display:block}.wiki-template-placeholder{border:1px dashed var(--color-border-strong);padding:.65rem .75rem;border-radius:12px;background:#0f172a40;margin:.75rem 0}:root[data-theme=light] .wiki-template-placeholder{background:var(--color-surface-2)}.wiki-template-name{margin:0 0 .35rem;font-weight:700}.wiki-template-placeholder ul{margin:.35rem 0;padding-left:1.1rem;color:var(--color-muted)}.wiki-template-placeholder li span{font-weight:700}.wiki-template-todo{margin:.2rem 0 0;color:var(--color-muted)}.wiki-template-loaded{border:none;padding:0;background:transparent}.wiki-template-placeholder[data-template=_user].wiki-template-loaded{display:inline-flex;vertical-align:top;margin:.5rem .5rem .5rem 0}.wiki-template-card{border:1px solid var(--color-border);border-radius:12px;padding:.75rem;background:var(--color-surface);display:grid;gap:.35rem;text-decoration:none;color:inherit}.wiki-template-user.wiki-template-card{width:220px;display:inline-flex;align-items:center;gap:.75rem;padding:.65rem .85rem;transition:background .15s ease,border-color .15s ease}.wiki-template-user.wiki-template-card:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}.wiki-template-user.wiki-template-card .wiki-template-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.wiki-template-user.wiki-template-card .wiki-template-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-template-users-grid{display:flex;flex-wrap:wrap;gap:.75rem}@media(max-width:1024px){.wiki-template-user.wiki-template-card{width:calc(33.333% - .5rem);min-width:180px}}@media(max-width:768px){.wiki-template-user.wiki-template-card{width:calc(50% - .375rem);min-width:160px}}@media(max-width:480px){.wiki-template-user.wiki-template-card{width:100%}}.wiki-template-chart{display:inline-grid;grid-template-columns:120px 1fr;align-items:stretch;width:100%}.wiki-template-cover{width:100%;height:auto;aspect-ratio:4 / 3;border-radius:10px;background-size:cover;background-position:center;background-color:#e2e8f024;flex-shrink:0}.wiki-template-body{display:flex;flex-direction:column;gap:.5rem;min-height:0;justify-content:center;overflow:hidden}.wiki-template-body-compact{gap:.2rem}.wiki-template-title{margin:0;font-weight:700;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.wiki-template-meta{margin:0;color:var(--color-muted);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-template-condition{margin:0;color:var(--color-text);font-size:.85rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(min-width:1024px){.wiki-template-chart{width:50%}}.wiki-template-list{margin:0;padding-left:1rem;color:var(--color-text);display:grid;gap:.25rem}.wiki-template-warning{background:#eab3081f;border-color:#eab30899}.wiki-editor{display:flex;flex-direction:column;gap:.75rem}.wiki-editor-label{display:flex;flex-direction:column;gap:.5rem;font-weight:700;color:var(--color-text)}.wiki-editor-label textarea{min-height:220px;width:100%;padding:.85rem;border-radius:12px;border:1px solid var(--color-border-strong);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;resize:vertical;background:#0f172a47;color:var(--color-text)}:root[data-theme=light] .wiki-editor-label textarea{background:var(--color-surface-2)}.wiki-editor-label textarea:focus{outline:2px solid var(--primary-soft);border-color:var(--primary);box-shadow:0 0 0 2px var(--glow-primary)}.wiki-editor-preview{border:1px dashed var(--color-border-strong);border-radius:14px;padding:.9rem;background:#0f172a40}:root[data-theme=light] .wiki-editor-preview{background:var(--color-surface-2)}.wiki-preview-label{margin:0 0 .35rem;font-weight:700;color:var(--color-text)}.wiki-editor-feedback{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.wiki-error,.wiki-success,.wiki-warning{margin:0;padding:.5rem .65rem;border-radius:10px;font-weight:600}.wiki-error{background:#f06f7029;color:var(--danger)}.wiki-success{background:#22c55e29;color:#166534}.wiki-warning{background:#eab30829;color:#854d0e}@media(max-width:900px){.wiki-hero{grid-template-columns:1fr}}.wiki-create-page .page-content{padding-top:2.5rem}.wiki-create-hero{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end}.wiki-create-hero h1{margin:.5rem 0 0}.wiki-create-subtitle{margin:.75rem 0 0;color:var(--color-muted)}.wiki-create-panel{margin-top:2rem;padding:1.5rem;border-radius:16px;border:1px solid var(--color-border);background:var(--color-surface);display:grid;gap:1rem}.wiki-create-label{display:grid;gap:.5rem;font-weight:600}.wiki-create-label input{border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);padding:.75rem .9rem}.wiki-create-label input:focus{outline:none;box-shadow:0 0 0 3px var(--glow-primary);border-color:transparent}.wiki-create-actions{display:flex;gap:.75rem}.wiki-create-error{color:var(--danger);font-weight:600}.wiki-create-helper{color:var(--color-muted)}@media(max-width:720px){.wiki-create-panel{padding:1.25rem}}.chart-page .content-container{max-width:var(--content-width)}.chart-hero{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:1.25rem;align-items:center;margin-bottom:1.5rem}.chart-cover{width:100%;padding-top:100%;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 16px 40px #0f172a2e;border:1px solid var(--color-border)}.chart-summary h1{margin:.15rem 0 .35rem}.chart-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.chart-song-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-decoration:none;transition:box-shadow .2s ease,border-color .2s ease,color .2s ease}.chart-song-link:hover,.chart-song-link:focus-visible{border-color:#5db5ff59;box-shadow:0 0 0 2px var(--glow-primary);color:var(--primary-strong)}.chart-song-link .material-icons{font-size:1.1rem}.chart-artist{margin:0;color:var(--color-muted)}.chart-version{margin:.1rem 0 .35rem;color:var(--color-muted-2)}.chart-meta-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}.chart-loading{margin:.3rem 0 0;color:var(--color-muted)}.chart-error{margin:.3rem 0 0;color:#dc2626;font-weight:700}.chart-score{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem}.chart-score-main,.chart-score-meta{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm)}.chart-score-main h2{margin:.1rem 0;font-size:2rem}.chart-score-sub{margin:0 0 .6rem;color:var(--color-muted)}.chart-score-actions{display:flex;gap:.4rem;flex-wrap:wrap}.chart-score-actions .pill{position:static;cursor:pointer}.chart-score-actions .pill.active{background:var(--primary);color:#fff}.chart-score-label{margin:0;color:var(--color-muted);font-weight:700}.chart-score-value{margin:.2rem 0;font-weight:800;font-size:1.2rem}.chart-score-id{margin:0;color:var(--color-muted-2)}.chart-score-meta-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.chart-score-person{display:flex;flex-direction:column;gap:.3rem}.chart-score-creator{display:flex;align-items:center;gap:.75rem;margin-top:.4rem}.chart-score-avatar{width:48px;height:48px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface-2);overflow:hidden;display:flex;align-items:center;justify-content:center;flex:0 0 auto;text-decoration:none;transition:box-shadow .15s ease,border-color .15s ease}.chart-score-avatar img{width:100%;height:100%;object-fit:cover;display:block}.chart-score-avatar:hover{box-shadow:0 0 0 2px var(--glow-primary);border-color:var(--color-border-strong)}.chart-score-creator-info{display:flex;flex-direction:column;gap:.2rem}.chart-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.9rem}.chart-tabs button{border:1px solid var(--color-border);background:#0f172a59;padding:.5rem .9rem;border-radius:10px;cursor:pointer;font-weight:700;color:var(--color-text)}:root[data-theme=light] .chart-tabs button{background:var(--color-surface)}.chart-tabs button:hover{border-color:#5db5ff38;box-shadow:0 0 0 2px var(--glow-primary)}.chart-tabs button.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.chart-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm)}.chart-panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}.chart-wiki-header{align-items:center;margin-bottom:.75rem}.chart-wiki-title{font-weight:700}.chart-admin-actions{display:flex;flex-direction:column;gap:.3rem;align-items:flex-end}.chart-admin-message{margin:0;font-size:.85rem;color:var(--color-muted);text-align:right}.chart-admin-message.success{color:var(--success-strong)}.chart-admin-message.error{color:var(--danger)}.chart-rank-controls{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.9rem}.chart-rank-controls label{display:flex;flex-direction:column;gap:.25rem;font-weight:700}.chart-rank-controls select{border:1px solid var(--color-border-strong);border-radius:8px;padding:.4rem .5rem;background:#0f172a47;color:var(--color-text)}:root[data-theme=light] .chart-rank-controls select{background:var(--color-surface)}.chart-rank-controls select:focus{outline:2px solid rgba(93,181,255,.16);box-shadow:0 0 0 2px var(--glow-primary);border-color:#5db5ff47}.chart-rank-table{display:grid;grid-template-columns:1fr;gap:.4rem}.chart-rank-head,.chart-rank-row{display:grid;grid-template-columns:40px 1.6fr 1fr .85fr .9fr .9fr 1fr;gap:.4rem;align-items:center}.chart-rank-head{font-weight:800;color:var(--color-muted)}.chart-rank-row{position:relative;padding:.35rem .25rem;border-radius:8px;transition:background .15s ease}.chart-rank-row:hover{background:#0f172a40}:root[data-theme=light] .chart-rank-row:hover{background:var(--color-surface-2)}.chart-rank-grade-wrap{position:relative;display:inline-flex;align-items:center}.chart-rank-judges{position:absolute;left:50%;bottom:100%;display:flex;gap:.4rem;padding:.25rem .4rem;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:.75rem;opacity:0;transform:translate(-50%,-.35rem);pointer-events:none;transition:opacity .15s ease;white-space:nowrap}.chart-rank-row:hover .chart-rank-judges,.chart-rank-row:focus-within .chart-rank-judges{opacity:1}.chart-rank-judge{display:inline-flex;align-items:center;gap:.2rem}.chart-rank-judge-label,.chart-rank-judge-sep{color:var(--color-muted)}.chart-rank-judge-mods{color:var(--color-text)}.chart-rank-pos{font-weight:800}.chart-rank-player{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--color-text)}.chart-rank-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.chart-rank-combo.is-fc,.chart-rank-grade{font-weight:800}.chart-rank-grade.judge-0{color:var(--judge-0)}.chart-rank-grade.judge-1{color:var(--judge-1)}.chart-rank-grade.judge-2{color:var(--judge-2)}.chart-rank-grade.judge-3{color:var(--judge-3)}.chart-rank-grade.judge-4{color:var(--judge-4)}.chart-rank-empty{padding:.9rem;color:var(--color-muted);text-align:center}.chart-rank-skeleton{background:#0f172a40;border:1px dashed var(--color-border);border-radius:12px;padding:.75rem}.chart-rank-skeleton .line{height:12px;background:#e2e8f024;border-radius:6px;margin-bottom:.5rem}.chart-rank-skeleton .line.wide{width:80%}.chart-empty{text-align:center;color:var(--color-muted)}.donate-panel{display:flex;flex-direction:column;gap:.75rem}.donate-form{display:flex;gap:.5rem;flex-wrap:wrap}.donate-form input{width:120px;border:1px solid var(--color-border-strong);border-radius:10px;padding:.55rem .7rem;background:#0f172a47;color:var(--color-text)}:root[data-theme=light] .donate-form input{background:var(--color-surface)}.donate-form input:focus{outline:2px solid rgba(93,181,255,.16);box-shadow:0 0 0 2px var(--glow-primary);border-color:#5db5ff47}.donate-list{display:flex;flex-direction:column;gap:.6rem}.donate-item{display:flex;align-items:center;justify-content:space-between;background:#0f172a40;border:1px solid var(--color-border);border-radius:10px;padding:.6rem .75rem}:root[data-theme=light] .donate-item{background:var(--color-surface-2)}.donate-user{margin:0;font-weight:700}.donate-meta{margin:.1rem 0 0;color:var(--color-muted-2)}.chart-score-actions .pill.ghost{background:#e2e8f024}.chart-score-actions .pill.ghost.active{background:var(--primary);color:#fff}.chart-panel .wiki-skeleton{padding:0}.chart-panel .wiki-skeleton-line{height:12px;background:#e2e8f024;border-radius:6px;margin-bottom:.5rem}.chart-panel .wiki-skeleton-line.wide{width:80%}.chart-panel .wiki-body{margin-top:.5rem}.chart-first5{margin-bottom:1.5rem}.chart-first5-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1em}.chart-first5-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:1rem;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.chart-first5-card.level-2{border-color:var(--judge-2)}.chart-first5-card.level-3{border-color:var(--judge-3)}.chart-first5-card.level-4{border-color:var(--judge-4)}.chart-first5-card.skeleton{min-height:120px;background:#e2e8f014;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chart-first5-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text)}.chart-first5-link:hover .chart-first5-avatar{box-shadow:0 0 0 3px var(--glow-primary)}.chart-first5-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border);transition:box-shadow .15s ease}.chart-first5-avatar.placeholder{background:var(--color-surface-2)}.chart-first5-name{font-weight:700;font-size:.95rem}.chart-first5-time{font-size:.8rem;color:var(--color-muted)}.chart-first5-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-first5-empty .chart-first5-name{color:var(--color-muted);font-weight:400}@media(max-width:600px){.chart-first5-list{grid-template-columns:1fr}.chart-first5-card{padding:.75rem}.chart-first5-link,.chart-first5-empty{flex-direction:row;justify-content:flex-start;gap:.75rem;text-align:left}.chart-first5-avatar{width:40px;height:40px}}@media(max-width:900px){.chart-hero{grid-template-columns:1fr}.chart-rank-head,.chart-rank-row{grid-template-columns:32px 1.2fr 1fr .8fr .8fr .8fr 1fr}}@media(max-width:767px){.chart-rank-head,.chart-rank-row{grid-template-columns:32px minmax(0,1.4fr) minmax(0,1fr) minmax(0,.9fr);grid-template-areas:"pos player score level" ". acc combo time"}.chart-rank-head>*,.chart-rank-row>*{min-width:0}.chart-rank-head>:nth-child(1),.chart-rank-row>:nth-child(1){grid-area:pos}.chart-rank-head>:nth-child(2),.chart-rank-row>:nth-child(2){grid-area:player}.chart-rank-head>:nth-child(3),.chart-rank-row>:nth-child(3){grid-area:score}.chart-rank-head>:nth-child(4),.chart-rank-row>:nth-child(4){grid-area:level}.chart-rank-head>:nth-child(5),.chart-rank-row>:nth-child(5){grid-area:acc}.chart-rank-head>:nth-child(6),.chart-rank-row>:nth-child(6){grid-area:combo}.chart-rank-head>:nth-child(7),.chart-rank-row>:nth-child(7){grid-area:time}}.player-page .content-container{max-width:var(--content-width)}.player-hero{display:grid;grid-template-columns:220px 1fr;gap:1.25rem;align-items:center;margin-bottom:1.5rem}.player-avatar{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:16px;border:1px solid var(--color-border);box-shadow:0 12px 32px #0f172a1f}.player-identity h1{margin:.1rem 0 .25rem}.player-uid{margin:0;color:var(--color-muted);font-weight:700}.player-sign{margin:.2rem 0 .4rem;color:var(--color-text)}.player-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.player-basics{display:flex;flex-direction:column;gap:.45rem;margin-top:.6rem}.player-basic-row{display:flex;flex-wrap:wrap;gap:.5rem}.player-basic-item{display:inline-flex;align-items:baseline;gap:.35rem;padding:.3rem .55rem;border:1px dashed var(--color-border);border-radius:10px;background:var(--color-surface-2)}.player-basic-label{color:var(--color-muted);font-weight:700}.player-basic-value{font-weight:700}.player-meta .pill{background:#0f172a40;color:var(--color-text);border:1px solid var(--color-border)}.player-edit-link{margin-left:auto}:root[data-theme=light] .player-meta .pill{background:var(--color-surface-2)}.player-error{margin:.3rem 0 0;color:#dc2626;font-weight:700}.player-loading{margin:.3rem 0 0;color:var(--color-muted)}.player-stat-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.85rem;box-shadow:var(--shadow-sm)}.player-stat{display:flex;flex-direction:column;gap:.15rem}.player-stat-label{color:var(--color-muted);font-weight:700}.player-stat-value{font-size:1.25rem}.player-body{display:flex;flex-direction:column;gap:1rem}.player-tabs{display:flex;gap:.6rem;flex-wrap:wrap}.player-tabs button{border:1px solid var(--color-border);background:#0f172a59;padding:.5rem .9rem;border-radius:10px;cursor:pointer;font-weight:700;color:var(--color-text)}:root[data-theme=light] .player-tabs button{background:var(--color-surface)}.player-tabs button:hover{border-color:#5db5ff38;box-shadow:0 0 0 2px var(--glow-primary)}.player-tabs button.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.player-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem}.player-section-head{display:flex;align-items:center;justify-content:space-between}.player-empty{background:#0f172a40;border:1px dashed var(--color-border);border-radius:12px;padding:.9rem;color:var(--color-muted);text-align:center}:root[data-theme=light] .player-empty{background:var(--color-surface-2)}.player-skeleton{background:#0f172a40;border:1px solid var(--color-border);border-radius:10px;padding:.7rem}.player-skeleton .line{height:12px;background:#e2e8f024;border-radius:6px;margin-bottom:.45rem}.player-skeleton .line.wide{width:80%}.player-activity-list{display:flex;flex-direction:column;gap:.6rem}.activity-item{border:1px solid var(--color-border);border-radius:10px;padding:.65rem .75rem;display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap;background:#0f172a2e;transition:box-shadow .12s ease,border-color .12s ease}:root[data-theme=light] .activity-item{background:transparent}.activity-item:hover{border-color:#5db5ff38;box-shadow:0 0 0 2px var(--glow-primary)}.activity-meta{display:flex;gap:.35rem;flex-wrap:wrap}.activity-content{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:220px}.activity-title{margin:0;font-weight:800}.activity-desc{margin:0;color:var(--color-muted)}.activity-link{color:var(--primary);font-weight:700;margin-left:auto}.player-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.player-rank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.player-rank-card{border:1px solid var(--color-border);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.35rem;background:#0f172a2e}:root[data-theme=light] .player-rank-card{background:transparent}.player-rank-head{display:flex;align-items:center;justify-content:space-between}.player-rank-score{font-size:1.1rem;font-weight:800}.player-rank-pos{margin:0;font-weight:800}.player-rank-meta{display:flex;flex-wrap:wrap;gap:.35rem;color:var(--color-muted)}.player-wiki-placeholder{background:#0f172a40;border:1px dashed var(--color-border);border-radius:12px;padding:.9rem}.player-wiki-placeholder:hover{box-shadow:0 0 0 2px var(--glow-primary);border-color:#5db5ff38}.player-wiki-text{margin:0;color:var(--color-muted)}@media(max-width:900px){.player-hero{grid-template-columns:1fr}}.player-edit-page .content-container{max-width:var(--content-width)}.player-edit-avatar-card{max-width:360px}.player-edit-avatar{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:16px;border:1px solid var(--color-border);box-shadow:0 12px 32px #0f172a1f}@media(max-width:900px){.player-edit-avatar-card{max-width:none}}.activation-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.activation-hero{text-align:center;max-width:520px}.activation-hero h1{margin:.6rem 0 .5rem}.activation-desc{margin:0;color:var(--color-muted)}.activation-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.activation-form{display:flex;flex-direction:column;gap:1rem}.activation-field{display:flex;flex-direction:column;gap:.4rem;font-weight:700;color:var(--color-text)}.activation-field input{padding:.7rem .8rem;border-radius:10px;border:1px solid var(--color-border-strong);font-weight:600;background:var(--color-surface-2);color:var(--color-text)}.activation-field input:focus{outline:2px solid var(--primary-soft);border-color:var(--primary);box-shadow:0 0 0 2px var(--glow-primary)}.activation-hint{margin:1rem 0 0;color:var(--color-muted);text-align:center;font-size:.95rem}.activation-toast{position:fixed;top:78px;left:50%;transform:translate(-50%);z-index:30;padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);max-width:min(90vw,560px);text-align:center;font-weight:600}.activation-toast.success{background:var(--success-soft);border-color:var(--success)}.activation-toast.error{background:var(--glow-danger);border-color:var(--danger)}.activation-toast.warning{background:var(--warning-soft);border-color:var(--warning)}@media(max-width:640px){.activation-card{padding:1.2rem}}.search-section{display:flex;flex-direction:column;gap:2rem}.search-hero{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:space-between}.search-desc{color:var(--color-muted);margin-top:.5rem}.search-card{flex:1;min-width:min(100%,320px)}.search-form{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface);align-items:flex-end}.search-field{display:flex;flex-direction:column;gap:.5rem;font-weight:600;color:var(--color-text);min-width:160px}.search-field.grow{flex:1;min-width:220px}.search-field input,.search-field select{padding:.65rem .75rem;border-radius:12px;border:1px solid var(--color-border);background:transparent;color:var(--color-text)}.search-field input:focus,.search-field select:focus{outline:none;border-color:#5db5ff59;box-shadow:0 0 0 2px var(--glow-primary)}.search-results-panel{display:flex;flex-direction:column;gap:1rem}.search-results-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.search-results-header span{color:var(--color-muted);font-weight:600}.search-status{padding:1rem;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted)}.search-status.error{border-color:var(--danger);color:var(--danger)}.search-results{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}.search-result{margin:0}.search-result-link{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem;border-radius:16px;border:1px solid var(--color-border);background:var(--color-surface);text-decoration:none;color:inherit}.search-result-title{margin:0;font-weight:600;color:var(--color-text)}.search-result-meta{color:var(--color-muted);font-size:.875rem}.search-result-link:hover,.search-result-link:focus-visible{border-color:#5db5ff59;box-shadow:0 0 0 2px var(--glow-primary)}@media(min-width:860px){.search-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.search-results{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.search-form{padding:.85rem}.search-field{min-width:100%}.search-results-header{align-items:flex-start}.search-results{grid-template-columns:minmax(0,1fr)}}.history-hero{max-width:var(--content-width);margin:0 auto 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;align-items:start}.history-hero-card{background:var(--color-surface);border-radius:14px;padding:1.1rem;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.history-summary-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.history-summary-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.35rem;font-weight:600}.history-summary-card strong{font-size:1.2rem}.history-summary-card.wide{grid-column:span 2}.history-mid{margin-top:.8rem;display:inline-flex}.history-warning{margin-top:.85rem;font-weight:600;color:var(--warning-strong);background:var(--warning-soft);border:1px solid var(--warning-soft);border-radius:var(--radius-sm);padding:.5rem .75rem}.history-match-grid{display:grid;gap:1.2rem}.history-match-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:1.4rem;display:flex;flex-direction:column;gap:1.2rem}.history-match-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.history-match-title{font-weight:700;font-size:1.1rem;margin:0}.history-match-time{margin:0;color:var(--color-muted);font-size:.9rem}.history-match-body{display:grid;gap:.6rem;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:1rem 0}.history-kv{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:.75rem;font-size:.95rem}.history-kv span:first-child{color:var(--color-muted);font-weight:600}.history-score-list{display:flex;flex-direction:column;gap:.75rem}.history-score-header{font-weight:600;color:var(--color-muted)}.history-score-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.history-score-card{border-radius:var(--radius-md);border:1px solid var(--color-border);padding:.75rem;background:var(--color-surface-2);display:flex;flex-direction:column;gap:.4rem}.history-score-card.has-tooltip{cursor:help}.history-score-user{display:flex;align-items:center;gap:.5rem}.history-score-uid{font-weight:700}.history-score-meta{display:flex;gap:.8rem;color:var(--color-muted);font-size:.85rem}.history-empty-inline{color:var(--color-muted);font-size:.9rem}.history-timeline{display:flex;flex-direction:column;gap:1rem}.history-event{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:1.2rem;padding:1rem 1.2rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.history-event-time{color:var(--color-muted);font-size:.9rem}.history-event-content{display:flex;flex-direction:column;gap:.6rem}.history-event-pill{align-self:flex-start}.history-event-meta{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--color-muted);font-size:.88rem}.history-meta-row{display:inline-flex;gap:.4rem;align-items:center;padding:.2rem .55rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface-2)}.history-meta-label{font-weight:600;color:var(--color-muted)}.history-meta-value{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.history-user-link{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;color:var(--primary);font-weight:600}.history-user-link:hover{color:var(--primary-strong)}.history-user-avatar{width:26px;height:26px;border-radius:50%;overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface);display:inline-flex}.history-user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.history-user-team{padding:.1rem .4rem;border-radius:var(--radius-pill);font-size:.75rem;background:var(--primary-soft);color:var(--primary-strong);border:1px solid var(--color-border)}.history-user-uid{font-size:.75rem;color:var(--color-muted)}.history-team-list{display:flex;gap:.6rem;flex-wrap:wrap}.history-team-chip{display:inline-flex}.history-link{font-weight:600;text-decoration:none}.history-link:hover{text-decoration:underline}.history-link.type-chart{color:var(--success-strong)}.history-link.type-song{color:var(--warning-strong)}.history-event-pill.type-room_create,.history-event-pill.type-room_dismiss{border-color:var(--danger);color:var(--danger);background:#ef66661f}.history-event-pill.type-player_join,.history-event-pill.type-player_quit{border-color:var(--primary);color:var(--primary-strong);background:var(--primary-soft)}.history-event-pill.type-match_start,.history-event-pill.type-match_end{border-color:var(--success);color:var(--success-strong);background:var(--success-soft)}.history-event-pill.type-score{border-color:var(--warning);color:var(--warning-strong);background:var(--warning-soft)}.history-meta-row.type-user .history-meta-label{color:var(--primary-strong)}.history-meta-row.type-chart .history-meta-label{color:var(--success-strong)}.history-meta-row.type-song .history-meta-label{color:var(--warning-strong)}.history-meta-row.type-team .history-meta-label{color:var(--primary-strong)}@media(max-width:900px){.history-hero,.history-event,.history-kv{grid-template-columns:1fr}}@media(max-width:600px){.history-summary-grid{grid-template-columns:1fr}.history-summary-card.wide{grid-column:span 1}}