:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Geist Mono", "SF Mono", "JetBrains Mono", monospace;--bg-canvas:#09090b;--bg-canvas-subtle:#0d0d11;--bg-surface:#121215;--bg-surface-elevated:#18181c;--bg-surface-hover:#202026;--bg-surface-active:#272730;--border-subtle:#ffffff14;--border-default:#27272a;--border-strong:#3f3f46;--border-focus:#fff;--text-primary:#fff;--text-secondary:#e4e4e7;--text-muted:#8e8e93;--text-dim:#52525b;--accent-white:#fff;--accent-gray-light:#d4d4d8;--accent-gray:#a1a1aa;--accent-gray-dark:#27272a;--badge-main-bg:#fff;--badge-main-text:#09090b;--badge-extended-bg:#27272a;--badge-extended-text:#e4e4e7;--badge-legacy-bg:#18181b;--badge-legacy-text:#71717a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.25s cubic-bezier(.16, 1, .3, 1);--shadow-subtle:0 4px 20px #0006;--shadow-modal:0 20px 60px #000c, 0 0 0 1px #ffffff1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}body{background-color:var(--bg-canvas);background-image:radial-gradient(80% 50% at 50% -20%,#ffffff08,#0000),radial-gradient(circle at 100% 100%,#ffffff04,#0000 400px);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}button{cursor:pointer}.font-mono{font-family:var(--font-mono)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}#root,.app-wrapper{flex-direction:column;width:100%;min-height:100vh;display:flex}.main-container{box-sizing:border-box;flex:1;width:100%;max-width:1320px;margin:0 auto;padding:24px 20px 80px}.content-layout{grid-template-columns:1fr 340px;align-items:start;gap:28px;display:grid}@media (width<=1024px){.content-layout{grid-template-columns:1fr}}.navbar{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#09090bd9;width:100%;position:sticky;top:0}.navbar-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1320px;margin:0 auto;padding:14px 20px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon-box{border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-default);width:36px;height:36px;transition:transform var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:flex;overflow:hidden}.brand:hover .brand-icon-box{border-color:var(--text-primary);transform:translateY(-1px)}.brand-title-group{flex-direction:column;display:flex}.brand-name{letter-spacing:-.02em;color:var(--text-primary);font-size:1.05rem;font-weight:700}.brand-tag{font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.nav-links{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);align-items:center;gap:2px;padding:4px;display:flex}.nav-tab-btn{color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);align-items:center;gap:8px;padding:7px 16px;font-size:.88rem;font-weight:500;display:flex}.nav-tab-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.nav-tab-btn.active{color:#09090b;background:var(--text-primary);font-weight:600}.nav-actions{align-items:center;gap:12px;display:flex}.status-pill{border-radius:var(--radius-full);font-size:.72rem;font-family:var(--font-mono);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:6px;padding:5px 12px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #22c55e99}@media (width<=768px){.navbar-inner{gap:8px;padding:10px 14px}.brand{flex-shrink:0;gap:8px}.brand-icon-box{width:32px;height:32px}.brand-name{font-size:.92rem}.brand-tag{display:none}.nav-links{gap:2px;padding:3px}.nav-tab-btn{gap:4px;padding:6px 10px;font-size:.78rem}.nav-tab-btn svg{width:14px;height:14px}.nav-actions{display:none}.main-container{padding:14px 12px 60px}.toolbar-section{gap:12px;margin-bottom:16px}.category-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;width:100%;padding-bottom:4px;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{white-space:nowrap;flex-shrink:0;padding:6px 14px;font-size:.8rem}.search-and-sort{flex-direction:column;align-items:stretch;gap:10px;width:100%}.search-box{width:100%;min-width:100%}.sort-dropdown{box-sizing:border-box;justify-content:space-between;width:100%}.sort-dropdown select{text-align:right;flex:1}}@media (width<=480px){.navbar-inner{padding:8px 10px}.brand-title-group{display:none}.nav-links{flex:1;justify-content:space-around}.nav-tab-btn{flex:1;justify-content:center;padding:6px 8px;font-size:.74rem}}.toolbar-section{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.category-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.category-tab{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);transition:all var(--transition-fast);padding:8px 18px;font-size:.85rem;font-weight:500}.category-tab:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-surface-hover)}.category-tab.active{background:var(--text-primary);border-color:var(--text-primary);color:#09090b;font-weight:600}.search-and-sort{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-box{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.search-box-icon{color:var(--text-dim);pointer-events:none;position:absolute;left:14px}.search-input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), background var(--transition-fast);padding:10px 14px 10px 42px;font-size:.9rem}.search-input:focus{border-color:var(--text-primary);background:var(--bg-surface-elevated)}.search-input::placeholder{color:var(--text-dim)}.sort-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;display:flex}.sort-dropdown select{color:var(--text-primary);cursor:pointer;background:0 0;font-size:.85rem;font-weight:500}.sort-dropdown select option{background:var(--bg-surface-elevated);color:var(--text-primary)}.stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}@media (width<=640px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-pill-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);flex-direction:column;gap:2px;padding:12px 16px;display:flex}.stat-pill-card:hover{border-color:var(--border-default)}.stat-pill-num{font-size:1.4rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);line-height:1.1}.stat-pill-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.levels-feed{flex-direction:column;gap:12px;display:flex}.level-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:18px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.level-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 10px 32px #0009}.level-card-bg-overlay{opacity:.32;filter:brightness(.65)contrast(1.1);width:100%;height:100%;transition:opacity var(--transition-normal), transform var(--transition-normal), filter var(--transition-normal);pointer-events:none;z-index:0;background-position:50%;background-size:cover;position:absolute;top:0;left:0;transform:scale(1.02)}.level-card:hover .level-card-bg-overlay{opacity:.44;filter:brightness(.75)contrast(1.15);transform:scale(1.04)}.level-card-gradient-mask{pointer-events:none;z-index:1;background:linear-gradient(90deg,#08080ae6 0%,#0c0c10a6 45%,#08080adb 100%);width:100%;height:100%;position:absolute;top:0;left:0}.level-card.top-3{border-color:var(--border-default)}.level-card.top-3:after{content:"";z-index:3;background:#fff;width:4px;position:absolute;top:0;bottom:0;left:0}.level-rank-badge{text-align:center;min-width:48px;font-size:1.35rem;font-weight:800;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:-.03em;z-index:2;flex-shrink:0;position:relative}.level-card.top-3 .level-rank-badge{color:var(--text-primary);text-shadow:0 0 16px #ffffff59;font-size:1.55rem}.level-card-divider{z-index:2;background:#ffffff1f;flex-shrink:0;width:1px;height:56px;margin:0 4px 0 -4px;position:relative}.level-thumb-box{border-radius:var(--radius-md);background:var(--bg-canvas);z-index:2;border:1px solid #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;width:240px;height:135px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000008c}.level-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1)}.level-card:hover .level-thumb-img{transform:scale(1.05)}.level-main-info{z-index:2;flex-direction:column;flex:1;gap:8px;min-width:0;display:flex;position:relative}.level-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.level-name{color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:800;overflow:hidden}.level-sub-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:.85rem;display:flex}.creator-highlight{color:var(--text-secondary);font-weight:600}.level-points-tag{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-canvas);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:5px;padding:3px 10px;font-size:.8rem;display:flex}.level-card-right{z-index:2;align-items:center;gap:16px;display:flex;position:relative}.category-tag-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);padding:5px 12px;font-size:.72rem;font-weight:700}.category-tag-badge.main{background:var(--badge-main-bg);color:var(--badge-main-text)}.category-tag-badge.extended{background:var(--badge-extended-bg);color:var(--badge-extended-text);border:1px solid var(--border-subtle)}.category-tag-badge.legacy{background:var(--badge-legacy-bg);color:var(--badge-legacy-text);border:1px solid var(--border-subtle)}.level-card-arrow{color:var(--text-dim);transition:transform var(--transition-fast), color var(--transition-fast)}.level-card:hover .level-card-arrow{color:var(--text-primary);transform:translate(4px)}@media (width<=768px){.level-card{grid-template-columns:1fr auto;grid-template-areas:"rank right""thumb thumb""info info";align-items:center;gap:12px;padding:14px;display:grid}.level-rank-badge{text-align:left;grid-area:rank;min-width:auto;font-size:1.35rem}.level-card-divider{display:none}.level-thumb-box{aspect-ratio:16/9;grid-area:thumb;width:100%;height:auto;max-height:240px}.level-main-info{grid-area:info;gap:6px;width:100%}.level-card-right{grid-area:right;justify-content:flex-end;gap:8px}.level-card-arrow{display:none}.level-name{white-space:normal;word-break:break-word;font-size:1.15rem}.level-sub-meta{gap:8px;font-size:.8rem}}.sidebar-stack{z-index:10;flex-direction:column;gap:20px;display:flex;position:sticky;top:84px}@media (width<=1024px){.sidebar-stack{width:100%;margin-top:12px;position:static;top:auto}}.sidebar-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:20px;display:flex}.sidebar-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.sidebar-title{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.requirements-box{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:12px;padding:14px;display:flex}.req-avatar{background:var(--bg-surface-elevated);border:1px solid var(--border-default);border-radius:50%;flex-shrink:0;width:38px;height:38px;overflow:hidden}.req-content{flex-direction:column;gap:6px;display:flex}.req-author-row{align-items:baseline;gap:8px;display:flex}.req-author-name{color:var(--text-primary);font-size:.88rem;font-weight:700}.req-timestamp{color:var(--text-dim);font-size:.7rem;font-family:var(--font-mono)}.req-text{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:.82rem;line-height:1.45;display:flex}.editors-list{flex-direction:column;gap:8px;display:flex}.editor-row{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:8px 12px;text-decoration:none;display:flex}.editor-row:hover{border-color:var(--border-strong);background:var(--bg-surface-elevated);transform:translate(2px)}.editor-info-left{align-items:center;gap:10px;display:flex}.editor-avatar-circle{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.editor-name{color:var(--text-primary);font-size:.86rem;font-weight:600}.editor-role-badge{font-size:.68rem;font-family:var(--font-mono);color:var(--text-muted)}.editor-role-badge.owner{color:var(--text-primary);font-weight:600}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);background:#000000d1;justify-content:center;align-items:center;padding:20px;animation:.18s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-dialog{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);flex-direction:column;width:100%;max-width:820px;max-height:90vh;animation:.22s cubic-bezier(.16,1,.3,1) forwards modalSlideUp;display:flex;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-elevated);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header-left{align-items:center;gap:14px;display:flex}.modal-rank-tag{font-family:var(--font-mono);color:var(--text-primary);font-size:1.3rem;font-weight:800}.modal-title-box{flex-direction:column;gap:2px;display:flex}.modal-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.modal-subtitle{color:var(--text-muted);font-size:.82rem}.modal-close-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-surface-hover);transform:rotate(90deg)}.modal-body{flex-direction:column;gap:24px;padding:24px;display:flex;overflow-y:auto}.video-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#000;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.video-wrapper iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.modal-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=640px){.modal-stats-grid{grid-template-columns:repeat(2,1fr)}}.modal-stat-box{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.modal-stat-label{font-size:.68rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.modal-stat-val{color:var(--text-primary);align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:flex}.copy-id-btn{border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:4px;padding:2px 6px;font-size:.72rem;display:flex}.copy-id-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.modal-records-section{flex-direction:column;gap:12px;display:flex}.modal-section-heading{justify-content:space-between;align-items:baseline;display:flex}.modal-section-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.records-scroll-box{flex-direction:column;gap:8px;max-height:220px;padding-right:4px;display:flex;overflow-y:auto}.record-row{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.record-row:hover{border-color:var(--border-default)}.record-player-info{align-items:center;gap:10px;display:flex}.flag-icon{object-fit:cover;border:1px solid #ffffff1a;border-radius:2px;width:20px;height:14px}.record-player-name{color:var(--text-primary);font-size:.88rem;font-weight:600}.record-right-group{align-items:center;gap:12px;display:flex}.record-percent-badge{font-size:.78rem;font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-surface-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:2px 8px;font-weight:700}.record-link-btn{color:var(--text-muted);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex}.record-link-btn:hover{color:#fff}.leaderboard-layout{grid-template-columns:380px 1fr;align-items:start;gap:28px;display:grid}@media (width<=900px){.leaderboard-layout{grid-template-columns:1fr}}.players-list-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:8px;max-height:750px;padding:16px;display:flex;overflow-y:auto}.player-item-card{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.player-item-card:hover{border-color:var(--border-strong);background:var(--bg-surface-elevated)}.player-item-card.active{border-color:var(--text-primary);background:var(--bg-surface-elevated)}.player-item-left{align-items:center;gap:12px;display:flex}.player-rank-num{font-family:var(--font-mono);color:var(--text-muted);min-width:32px;font-size:.95rem;font-weight:700}.player-item-card.active .player-rank-num{color:var(--text-primary)}.player-item-name{color:var(--text-primary);font-size:.92rem;font-weight:600}.player-score-badge{font-family:var(--font-mono);color:var(--text-secondary);font-size:.82rem;font-weight:700}.player-dossier{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:24px;padding:24px;display:flex}.dossier-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.dossier-user-row{align-items:center;gap:14px;display:flex}.dossier-name{color:var(--text-primary);letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.dossier-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=640px){.dossier-stats-grid{grid-template-columns:1fr}}.completions-wrapper-box{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px}.completions-feed{flex-direction:column;gap:8px;display:flex}.completions-feed::-webkit-scrollbar{width:5px}.completions-feed::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.completions-feed::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.completions-feed::-webkit-scrollbar-thumb:hover{background:#fff}.completion-row{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.completion-row:hover{border-color:var(--border-default);background:var(--bg-surface-elevated)}.completion-left{align-items:center;gap:12px;display:flex}.completion-rank-tag{font-family:var(--font-mono);color:var(--text-muted);min-width:36px;font-size:.85rem}.completion-title{color:var(--text-primary);transition:color var(--transition-fast);font-size:.9rem;font-weight:600}.completion-title:hover{color:#60a5fa}.roulette-wrapper{grid-template-columns:320px 1fr;align-items:start;gap:28px;display:grid}@media (width<=900px){.roulette-wrapper{grid-template-columns:1fr}}.roulette-sidebar-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:20px;padding:20px;display:flex}.list-checkbox-group{flex-direction:column;gap:10px;display:flex}.custom-checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.88rem;display:flex}.custom-checkbox-label input[type=checkbox]{accent-color:#fff;cursor:pointer;width:18px;height:18px}.btn-primary{color:#09090b;border-radius:var(--radius-md);transition:all var(--transition-fast);background:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;display:flex}.btn-primary:hover{background:#e4e4e7;transform:scale(.99)}.btn-secondary{background:var(--bg-surface-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:500;display:flex}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.btn-danger{color:#f87171;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:1px solid #ef444466;padding:8px 14px;font-size:.82rem}.btn-danger:hover{background:#ef44441a;border-color:#ef4444}.roulette-challenge-container{flex-direction:column;gap:10px;display:flex}.roulette-challenge-header{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.roulette-active-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-subtle);padding:24px;animation:.2s fadeIn;position:relative;overflow:hidden}.roulette-card-body{z-index:2;grid-template-columns:280px 1fr 180px;align-items:center;gap:28px;display:grid;position:relative}@media (width<=1100px){.roulette-card-body{grid-template-columns:240px 1fr 160px;gap:20px}}@media (width<=860px){.roulette-card-body{grid-template-columns:1fr;gap:20px}}.roulette-hero-thumb-box{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--bg-canvas);border:1px solid #ffffff24;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 24px #0009}.roulette-hero-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.roulette-video-link-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:#fff;transition:all var(--transition-fast);background:#000000bf;border:1px solid #ffffff2e;align-items:center;gap:6px;padding:4px 8px;font-size:.72rem;font-weight:600;display:inline-flex;position:absolute;bottom:8px;right:8px}.roulette-video-link-badge:hover{background:#ef4444e6;border-color:#ef4444}.roulette-level-info{flex-direction:column;gap:6px;display:flex}.roulette-level-rank{color:var(--text-primary);letter-spacing:-.02em;font-size:1.85rem;font-weight:800;line-height:1.1}.roulette-level-title{color:var(--text-primary);letter-spacing:-.01em;cursor:pointer;transition:color var(--transition-fast);font-size:1.5rem;font-weight:800;line-height:1.2}.roulette-level-title:hover{color:#60a5fa}.roulette-level-id{color:var(--text-muted);font-size:.95rem}.roulette-level-creator{color:var(--text-muted);margin-top:4px;font-size:.88rem}.roulette-level-creator strong{color:var(--text-secondary)}.roulette-action-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;background:#09090ba6;flex-direction:column;gap:10px;padding:16px;display:flex}.roulette-req-badge{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.roulette-input-wrapper{justify-content:center;display:flex}.roulette-action-box .percent-input-field{text-align:center;background:var(--bg-surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:#fff;width:100%;padding:8px 12px;font-size:1.4rem;font-weight:700}.roulette-action-box .percent-input-field:focus{background:var(--bg-surface-hover);border-color:#fff}.roulette-action-box .percent-input-field::placeholder{color:var(--text-dim);opacity:.5;font-weight:600}.roulette-done-btn{width:100%;padding:12px 16px;font-size:.92rem;font-weight:700}.roulette-history-list{flex-direction:column;gap:10px;display:flex}.roulette-history-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;min-height:76px;transition:all var(--transition-fast);box-sizing:border-box;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0006}.roulette-history-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.roulette-history-bg{opacity:.38;filter:brightness(.7)contrast(1.15);transition:transform var(--transition-smooth), opacity var(--transition-smooth);background-position:50%;background-size:cover;position:absolute;inset:0}.roulette-history-card:hover .roulette-history-bg{opacity:.48;transform:scale(1.03)}.roulette-history-card.uncompleted .roulette-history-bg{filter:grayscale()brightness(.35)contrast();opacity:.22}.roulette-history-card.uncompleted{opacity:.78;border-color:#ffffff0d}.roulette-history-card.uncompleted:hover{opacity:.95;border-color:var(--border-subtle)}.roulette-history-gradient{background:linear-gradient(90deg,#09090bf0 0%,#09090b9e 45%,#09090be0 100%);position:absolute;inset:0}.roulette-history-left{z-index:2;flex-direction:column;gap:3px;display:flex;position:relative}.roulette-history-name{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 8px #000c;font-size:1.05rem;font-weight:800}.roulette-history-sub{color:var(--text-secondary);font-size:.82rem;font-weight:500}.roulette-history-sub strong{font-family:var(--font-mono);color:#fff;font-weight:700}.roulette-history-right{z-index:2;align-items:center;gap:12px;display:flex;position:relative}.roulette-check-icon{object-fit:contain;filter:drop-shadow(0 2px 8px #22c55e66);width:28px;height:28px}.placeholder-box{border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-dim);font-size:.72rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);justify-content:center;align-items:center;display:flex}.toast-container{z-index:120;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast-pill{background:var(--bg-surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);color:var(--text-primary);align-items:center;gap:10px;padding:12px 18px;font-size:.88rem;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) forwards toastSlide;display:flex;box-shadow:0 10px 30px #0009}@keyframes toastSlide{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.level-detail-page{flex-direction:column;gap:20px;animation:.22s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.level-detail-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.back-nav-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:500;display:inline-flex}.back-nav-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-surface-elevated);transform:translate(-2px)}.level-detail-grid{grid-template-columns:1fr 360px;align-items:start;gap:28px;display:grid}@media (width<=1024px){.level-detail-grid{grid-template-columns:1fr}}.level-main-showcase{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:24px;padding:28px;display:flex}@media (width<=640px){.level-main-showcase{padding:18px}}.level-header-banner{border-bottom:1px solid var(--border-subtle);align-items:center;gap:18px;padding-bottom:20px;display:flex}.level-header-rank-box{border-radius:var(--radius-md);background:var(--bg-canvas);border:1px solid var(--border-default);flex-shrink:0;justify-content:center;align-items:center;min-width:64px;height:64px;display:flex}.level-hero-rank{font-family:var(--font-mono);color:var(--text-primary);font-size:1.8rem;font-weight:800}.level-header-text{flex-direction:column;gap:4px;min-width:0;display:flex}.level-hero-title{color:var(--text-primary);letter-spacing:-.02em;word-break:break-word;font-size:2rem;font-weight:800;line-height:1.15}.level-hero-creator{color:var(--text-muted);font-size:.95rem}.level-video-container{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:#000;width:100%;padding-top:56.25%;position:relative;overflow:hidden;box-shadow:0 10px 40px #0009}.level-video-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.level-stats-cards-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=768px){.level-stats-cards-grid{grid-template-columns:repeat(2,1fr)}}.level-stat-tile{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.level-stat-tile:hover{border-color:var(--border-default)}.level-stat-tile-label{font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;display:flex}.level-stat-tile-val{color:var(--text-primary);font-size:1.1rem;font-weight:700}.level-records-container{flex-direction:column;gap:16px;padding-top:8px;display:flex}.records-header-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.records-main-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.empty-records-notice{text-align:center;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);padding:32px 20px;font-size:.9rem}.records-tiles-list{flex-direction:column;gap:8px;display:flex}.record-tile-row{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.record-tile-row:hover{border-color:var(--border-strong);background:var(--bg-surface-elevated)}.record-tile-left{align-items:center;gap:12px;display:flex}.record-tile-num{color:var(--text-dim);min-width:32px;font-size:.85rem}.record-tile-player{color:var(--text-primary);font-size:.95rem;font-weight:600}.record-tile-right{align-items:center;gap:14px;display:flex}.record-tile-percent{color:var(--text-secondary);background:var(--bg-surface-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:3px 10px;font-size:.88rem;font-weight:700}.record-link-button{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.record-link-button:hover{background:var(--text-primary);color:#09090b;border-color:var(--text-primary)}.verifier-sidebar-column{flex-direction:column;gap:20px;display:flex}.verifier-profile-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:20px;padding:24px;display:flex}.verifier-card-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding-bottom:12px;display:flex}.verifier-card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.verifier-identity-block{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:8px 0;display:flex}.verifier-avatar-container{border:2px solid var(--border-strong);border-radius:50%;width:64px;height:64px;overflow:hidden;box-shadow:0 4px 16px #0006}.verifier-name-group{flex-direction:column;align-items:center;gap:4px;display:flex}.verifier-display-name{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.verifier-badge-tag{font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-canvas);border-radius:var(--radius-full);border:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.04em;padding:3px 10px}.verifier-stats-stack{flex-direction:column;gap:8px;display:flex}.verifier-stat-item{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.verifier-stat-label{color:var(--text-muted);font-size:.8rem}.verifier-stat-value{color:var(--text-primary);font-size:.92rem;font-weight:700}.verifier-other-demons-box{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px}.verifier-other-demon-row{border-radius:var(--radius-sm);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;display:flex}.verifier-other-demon-row:hover{border-color:var(--border-strong);background:var(--bg-surface-elevated);transform:translate(2px)}.app-footer{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);background:var(--bg-canvas);padding:24px 20px;font-size:.8rem}