:root{--bg:#fafafa;--bg-elev:#fff;--bg-card:#fff;--bg-subtle:#f4f4f5;--bg-overlay:hsla(0,0%,100%,.85);--border:#e4e4e7;--border-strong:#d4d4d8;--text:#09090b;--text-secondary:#3f3f46;--text-dim:#71717a;--text-muted:#a1a1aa;--primary:#ea580c;--primary-hover:#c2410c;--primary-text:#fff;--accent:#ea580c;--accent-hover:#c2410c;--accent-soft:rgba(234,88,12,.1);--accent-soft-strong:rgba(234,88,12,.16);--success:#15803d;--success-soft:rgba(21,128,61,.1);--danger:#b91c1c;--danger-soft:rgba(185,28,28,.08);--warning:#b45309;--radius-xs:4px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--h-input:38px;--h-btn:40px;--h-btn-sm:32px;--h-icon:34px;--shadow-xs:0 1px 2px rgba(15,23,42,.04);--shadow-sm:0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);--shadow:0 4px 14px rgba(15,23,42,.06),0 2px 4px rgba(15,23,42,.04);--shadow-lg:0 16px 32px rgba(15,23,42,.08),0 4px 8px rgba(15,23,42,.04);--shadow-focus:0 0 0 3px rgba(234,88,12,.18);--header-bg:hsla(0,0%,100%,.78);--bg-radial:#fafafa}html.theme-transitioning:after{content:"";position:fixed;inset:0;z-index:99999;background:var(--bg);animation:theme-fade .3s ease forwards;pointer-events:none}@keyframes theme-fade{0%{opacity:.6}to{opacity:0}}[data-theme=dark]{--bg:#09090b;--bg-elev:#18181b;--bg-card:#18181b;--bg-subtle:#27272a;--bg-overlay:rgba(24,24,27,.85);--border:#27272a;--border-strong:#3f3f46;--text:#fafafa;--text-secondary:#d4d4d8;--text-dim:#a1a1aa;--text-muted:#71717a;--primary:#d2a55f;--primary-hover:#e0be85;--primary-text:#18181b;--accent:#d2a55f;--accent-hover:#e0be85;--accent-soft:rgba(210,165,95,.12);--accent-soft-strong:rgba(210,165,95,.2);--success:#4ade80;--success-soft:rgba(74,222,128,.12);--danger:#f87171;--danger-soft:hsla(0,91%,71%,.12);--warning:#fbbf24;--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow:0 4px 14px rgba(0,0,0,.5);--shadow-lg:0 16px 40px rgba(0,0,0,.55);--shadow-focus:0 0 0 3px rgba(251,146,60,.25);--header-bg:rgba(9,9,11,.78);--bg-radial:#09090b}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{margin:0;padding:0;background:var(--bg-radial);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";min-height:100vh;font-size:15px;line-height:1.55;width:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .32s cubic-bezier(.32,.72,0,1),color .32s cubic-bezier(.32,.72,0,1)}body:before{background-image:radial-gradient(circle,color-mix(in srgb,var(--text) 8%,transparent) 1px,transparent 1.5px);background-size:28px 28px;opacity:.18;z-index:-1;mask-image:radial-gradient(ellipse at center top,#000 0,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center top,#000 0,transparent 80%)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 25%,transparent) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 22%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 70%,transparent);background-clip:padding-box}a{text-decoration:none}img,svg{max-width:100%;display:block}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{letter-spacing:-.015em;color:var(--text)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88em;padding:.12em .4em;background:var(--bg-subtle);border-radius:4px}.container{max-width:1400px}.container,.container-wide{margin:0 auto;padding:0 1.5rem}.container-wide{max-width:1600px}.muted{color:var(--text-dim)}.small{font-size:.825rem}.site-header{position:sticky;top:0;background:var(--header-bg);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:1.75rem;padding:.7rem 1.5rem}.logo{font-weight:600;font-size:.95rem;letter-spacing:-.01em;color:var(--text)}.logo-img{height:34px;width:auto;-o-object-fit:contain;object-fit:contain;display:block}.logo-img-dark,[data-theme=dark] .logo-img-light{display:none}[data-theme=dark] .logo-img-dark{display:block}.logo-mark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--primary);color:var(--primary-text);font-size:.85rem;font-weight:700;line-height:1}.logo-text{color:var(--text);background:none;-webkit-background-clip:initial;background-clip:initial;font-weight:600}.nav{display:flex;gap:.15rem;margin-left:.5rem}.nav-link{padding:.4rem .8rem;border-radius:var(--radius-sm);color:var(--text-dim);font-weight:500;font-size:.875rem;transition:background .15s,color .15s}.nav-link.active,.nav-link:hover{color:var(--text);background:var(--bg-subtle)}.nav-link-accent{color:var(--accent)}.nav-link-accent:hover{color:var(--accent-hover);background:var(--accent-soft)}.nav-link-accent.active{color:var(--accent);background:var(--accent-soft)}.auth-actions{margin-left:auto;display:flex;align-items:center;gap:.4rem}.auth-actions>.btn,.auth-actions>.btn-sm,.user-chip{height:34px}.user-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .65rem .25rem .25rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);font-weight:500;font-size:.85rem;font-family:inherit;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}.user-chip:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.user-chip img,.user-chip-avatar{width:26px;height:26px;border-radius:50%;background:var(--bg-subtle);flex-shrink:0}.user-chip-name{overflow:hidden;text-overflow:ellipsis;max-width:120px}.user-chip-caret{font-size:.7rem;color:var(--text-dim);margin-left:.1rem}.user-menu{position:relative}.user-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:4px;z-index:60;display:flex;flex-direction:column;animation:fadeIn .12s ease-out}.user-menu-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;font-family:inherit;color:var(--text);background:transparent;border:0;cursor:pointer;text-align:left}.user-menu-item:hover{background:var(--bg-subtle)}.user-menu-item-danger{color:var(--danger)}.user-menu-item-danger:hover{background:var(--danger-soft)}.user-menu-divider{height:1px;background:var(--border);margin:4px 0}.nav-dropdown{position:relative}.nav-dropdown>.nav-link{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem}.nav-dropdown-caret{font-size:.65rem;opacity:.7;transition:transform .15s}.nav-dropdown:hover .nav-dropdown-caret{transform:translateY(1px)}.nav-dropdown-menu{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);min-width:220px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:4px;z-index:200;display:flex;flex-direction:column;animation:fadeIn .12s ease-out}.nav-dropdown-item{padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text);white-space:nowrap;display:block}.nav-dropdown-item:hover{background:var(--bg-subtle);color:var(--text)}.nav-dropdown-section{margin-top:.4rem;padding-top:.4rem;border-top:1px solid var(--border)}.nav-dropdown-item-strong{font-weight:700;color:var(--accent)}.nav-dropdown-item-strong:hover{color:var(--accent);background:var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0 1rem;height:var(--h-btn);border-radius:var(--radius);font-weight:500;font-size:.875rem;font-family:inherit;border:1px solid transparent;cursor:pointer;transition:background .18s cubic-bezier(.32,.72,0,1),border-color .18s cubic-bezier(.32,.72,0,1),transform .18s cubic-bezier(.32,.72,0,1),box-shadow .18s cubic-bezier(.32,.72,0,1),color .18s cubic-bezier(.32,.72,0,1);white-space:nowrap;line-height:1.2;color:var(--text);-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.98);transition-duration:.06s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary);box-shadow:0 1px 2px rgba(234,88,12,.18),0 0 0 1px rgba(234,88,12,.04)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 6px 14px rgba(234,88,12,.25)}.btn-primary:active:not(:disabled){box-shadow:0 1px 2px rgba(234,88,12,.2)}.btn-cta{background:var(--accent);border-color:var(--accent);font-weight:700;padding:.85rem 1.5rem}.btn-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px -6px color-mix(in srgb,var(--accent) 60%,transparent)}.btn-cta:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px -2px color-mix(in srgb,var(--accent) 40%,transparent)}.btn-ghost{background:var(--bg-elev);color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-strong)}.btn-sm{height:var(--h-btn-sm);padding:0 .75rem;font-size:.825rem}.btn-block{width:100%}.site-main{padding:2.5rem 1.5rem 4rem}.site-footer{border-top:1px solid var(--border);padding:2rem 0;margin-top:4rem;background:transparent}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.85rem}.footer-links{display:flex;gap:1.25rem;flex-wrap:wrap}.footer-links a{color:var(--text-dim);font-size:.85rem}.footer-links a:hover{color:var(--accent)}.premium-link{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff!important;font-size:.75rem;font-weight:800;text-decoration:none;border-radius:var(--radius-full);transition:transform .18s,box-shadow .18s;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent)}.premium-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 45%,transparent)}.premium-link svg{flex-shrink:0}@media (max-width:560px){.premium-link span{display:none}.premium-link{padding:.4rem}}.hero{padding:4.5rem 2rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elev);text-align:center;margin-bottom:0}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 1rem;line-height:1.05;letter-spacing:-.03em;font-weight:700}.hero h1 .grad{color:var(--accent);background:none;-webkit-background-clip:initial;background-clip:initial;font-style:italic;font-weight:700}.hero p{color:var(--text-dim);font-size:1rem;max-width:580px;margin:0 auto 2rem;line-height:1.6}.hero-cta{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.hero-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--text-dim);margin:0 0 1.25rem!important;font-weight:500}.hero-slider{position:relative;margin-bottom:3rem}.hero-slide{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:2.5rem;min-height:360px;padding:2.5rem 3rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elev);background-image:radial-gradient(1200px circle at 0 0,color-mix(in srgb,var(--accent) 6%,transparent) 0,transparent 50%);overflow:hidden;animation:heroSlideIn .45s cubic-bezier(.16,1,.3,1)}@keyframes heroSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-slide-content{display:flex;flex-direction:column;gap:1rem;min-width:0}.hero-slide-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.hero-slide-title{margin:0;font-size:clamp(1.8rem,3.5vw,2.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.hero-slide-title .grad{color:var(--accent);font-style:italic;font-weight:700}.hero-slide-description{margin:0;color:var(--text-dim);font-size:1rem;line-height:1.55;max-width:520px}.hero-slide-cta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.hero-slide-visual{display:grid;place-items:center;height:100%;min-width:0}.hero-visual{width:100%;max-width:360px;aspect-ratio:4/3;position:relative}.hero-visual-multi{display:block}.hero-visual-card{position:absolute;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.6rem}.hero-visual-card-1{top:0;left:0;width:75%;z-index:2;transform:rotate(-2deg)}.hero-visual-card-2{bottom:0;right:0;width:60%;z-index:1;transform:rotate(3deg);opacity:.85}.hero-visual-avatars{display:flex;gap:.3rem;margin-bottom:.3rem}.hero-visual-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-subtle);border:2px solid var(--bg-card);margin-left:-8px}.hero-visual-avatar:first-child{margin-left:0}.hero-visual-avatar-more{display:grid;place-items:center;font-size:.65rem;font-weight:600;color:var(--text-dim);background:var(--bg-elev)}.hero-visual-bar{height:6px;background:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden}.hero-visual-bar>span{display:block;height:100%;background:var(--accent);border-radius:inherit}.hero-visual-card-2 .hero-visual-bar>span{background:var(--border-strong)}.hero-visual-line{height:8px;background:var(--bg-subtle);border-radius:var(--radius-full)}.hero-visual-line-w70{width:70%}.hero-visual-line-w50{width:50%}.hero-visual-lb{display:flex;flex-direction:column;gap:.6rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-visual-row{display:grid;grid-template-columns:30px 28px 1fr;align-items:center;gap:.6rem}.hero-visual-rank{font-size:.78rem;font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.hero-visual-row-1 .hero-visual-rank{color:var(--accent)}.hero-visual-create{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-visual-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.85rem}.hero-visual-tile{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border)}.hero-visual-tile-a{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,var(--bg-subtle)),var(--bg-subtle))}.hero-visual-tile-b{background:linear-gradient(135deg,var(--bg-subtle),color-mix(in srgb,var(--border-strong) 50%,var(--bg-subtle)))}.hero-visual-vs-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted)}.hero-visual-categories{display:flex;gap:.4rem;justify-content:center}.hero-visual-chip{width:56px;height:22px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full)}.hero-visual-random{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.hero-visual-dice{position:relative;width:84px;height:84px;border-radius:18px;background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 70%,#f97316) 100%);box-shadow:0 12px 28px rgba(234,88,12,.35);display:grid;place-items:center;animation:heroDiceTumble 3s cubic-bezier(.65,0,.35,1) infinite}.hero-visual-dice-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff}.hero-visual-dice-dot:first-child{top:18px;left:18px}.hero-visual-dice-dot:nth-child(2){top:50%;left:50%;transform:translate(-50%,-50%)}.hero-visual-dice-dot:nth-child(3){bottom:18px;right:18px}@keyframes heroDiceTumble{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(-90deg) scale(.96)}50%{transform:rotate(0deg) scale(1.04)}75%{transform:rotate(90deg) scale(.96)}to{transform:rotate(0deg) scale(1)}}.hero-visual-cards{position:relative;width:200px;height:80px}.hero-visual-mini-card{position:absolute;width:110px;height:70px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.hero-visual-mini-card-1{top:0;left:8px;transform:rotate(-9deg);animation:heroCardFloat1 4s ease-in-out infinite}.hero-visual-mini-card-2{top:6px;left:50%;transform:translateX(-50%) rotate(2deg);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));animation:heroCardFloat2 4s ease-in-out infinite;z-index:2}.hero-visual-mini-card-3{top:0;right:8px;transform:rotate(9deg);animation:heroCardFloat3 4s ease-in-out infinite}@keyframes heroCardFloat1{0%,to{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-12deg) translateY(-3px)}}@keyframes heroCardFloat2{0%,to{transform:translateX(-50%) rotate(2deg) translateY(0)}50%{transform:translateX(-50%) rotate(0deg) translateY(-5px)}}@keyframes heroCardFloat3{0%,to{transform:rotate(9deg) translateY(0)}50%{transform:rotate(12deg) translateY(-3px)}}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-elev);border:1px solid var(--border);color:var(--text);width:36px;height:36px;border-radius:var(--radius-full);font-size:1.2rem;font-family:inherit;cursor:pointer;display:grid;place-items:center;line-height:1;transition:background .15s,border-color .15s,transform .15s;box-shadow:var(--shadow-sm);z-index:5}.hero-arrow:hover{background:var(--bg-subtle);border-color:var(--border-strong);transform:translateY(-50%) scale(1.05)}.hero-arrow-left{left:.85rem}.hero-arrow-right{right:.85rem}.hero-dots{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.35rem;z-index:5}.hero-dots button{width:6px;height:6px;border-radius:50%;border:0;background:var(--border-strong);cursor:pointer;padding:0;transition:background .2s,width .2s}.hero-dots button.on{width:20px;border-radius:999px;background:var(--accent)}@media (max-width:900px){.hero-slide{grid-template-columns:1fr;gap:.75rem;min-height:0;padding:1.5rem 1.25rem 1.25rem;border-radius:var(--radius);background-image:none}.hero-slide-visual{display:none}.hero-slide-eyebrow{font-size:.65rem;letter-spacing:.16em}.hero-slide-title{font-size:1.4rem;line-height:1.18}.hero-slide-description{font-size:.85rem;line-height:1.4;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.hero-slide-cta{margin-top:.4rem;gap:.4rem}.hero-slide-cta .btn{flex:1;padding:.55rem .9rem;font-size:.85rem;min-height:38px}.hero-dots{bottom:.5rem;gap:.3rem}.hero-dots button{width:5px;height:5px;background:var(--border-strong)}.hero-dots button.on{width:16px;background:var(--accent)}.hero-slider{margin-bottom:1.25rem}}@media (max-width:600px){.hero-arrow{display:none}.hero-slide{padding:1.25rem 1rem 1.4rem}.hero-slide-title{font-size:1.25rem}.hero-slide-description{font-size:.82rem}}@media (max-width:360px){.hero-slide-title{font-size:1.1rem}.hero-slide-cta{flex-direction:column}.hero-slide-cta .btn{width:100%}}.section{margin-top:3rem}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.section-header h2{font-size:1.375rem;font-weight:600;margin:0;letter-spacing:-.015em}.section-header .link-btn,.section-header a{color:var(--text-dim);font-weight:500;font-size:.875rem}.section-header .link-btn:hover,.section-header a:hover{color:var(--text)}.link-btn{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;font-size:.875rem;color:var(--text-dim)}.link-btn:hover{color:var(--text)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem}.category-card{--cat-color:var(--accent);position:relative;display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);color:var(--text);text-decoration:none;overflow:hidden;transition:border-color .18s ease,background .18s ease,transform .18s ease}.category-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,color-mix(in srgb,var(--cat-color) 14%,transparent) 0,transparent 60%);opacity:0;transition:opacity .22s ease;pointer-events:none}.category-card:hover{border-color:color-mix(in srgb,var(--cat-color) 35%,var(--border));transform:translateY(-1px)}.category-card:hover:before{opacity:1}.category-card:active{transform:translateY(0)}.category-card-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:color-mix(in srgb,var(--cat-color) 14%,transparent);border:1px solid color-mix(in srgb,var(--cat-color) 22%,transparent);border-radius:9px;color:var(--cat-color);transition:background .18s ease,border-color .18s ease,transform .22s ease}.category-card:hover .category-card-icon{background:color-mix(in srgb,var(--cat-color) 22%,transparent);border-color:color-mix(in srgb,var(--cat-color) 40%,transparent);transform:scale(1.05)}.category-card-body{position:relative;display:flex;flex-direction:column;gap:.05rem;flex:1;min-width:0}.category-card-name{font-size:.92rem;font-weight:600;letter-spacing:-.01em;color:var(--text)}.category-card-count{font-size:.72rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.category-card-arrow{position:relative;color:var(--text-muted);flex-shrink:0;transition:color .18s ease,transform .18s ease}.category-card:hover .category-card-arrow{color:var(--cat-color);transform:translateX(3px)}.row-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.row-carousel{position:relative;margin:0 -.25rem}.row-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:.5rem;scroll-padding-right:.5rem;padding:.25rem .5rem .75rem;scrollbar-width:none}.row-track::-webkit-scrollbar{display:none}.row-track-empty{display:block;padding:1.5rem}.row-card{scroll-snap-align:start;min-width:0}.row-card>.game-card{height:100%}@media (min-width:0px){.row-track{grid-auto-columns:78%}}@media (min-width:520px){.row-track{grid-auto-columns:46%}}@media (min-width:760px){.row-track{grid-auto-columns:31%}}@media (min-width:1024px){.row-track{grid-auto-columns:calc((100% - 3rem) / 4)}}@media (min-width:1320px){.row-track{grid-auto-columns:calc((100% - 4rem) / 5)}}@media (min-width:1680px){.row-track{grid-auto-columns:calc((100% - 5rem) / 6)}}.row-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--text);font-size:1.4rem;line-height:1;cursor:pointer;display:grid;place-items:center;z-index:2;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s,background .15s}.row-arrow[data-visible=true]{opacity:1;pointer-events:auto}.row-arrow:hover{background:var(--bg-card);transform:translateY(-50%) scale(1.07)}.row-arrow-prev{left:-8px}.row-arrow-next{right:-8px}@media (hover:none),(max-width:760px){.row-arrow{display:none}.row-track{padding-left:.25rem;padding-right:.25rem}}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s ease,transform .32s cubic-bezier(.32,.72,0,1),box-shadow .32s cubic-bezier(.32,.72,0,1);position:relative;will-change:transform;transform-style:preserve-3d;perspective:800px}.game-card:hover{border-color:var(--accent);transform:translateY(-6px) rotateX(3deg) rotateY(-1deg);box-shadow:0 20px 40px -15px rgba(0,0,0,.25),0 8px 16px -8px rgba(0,0,0,.15),0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.game-card:active{transform:translateY(-1px) scale(.997) rotateX(0deg);transition-duration:.12s}@media (prefers-reduced-motion:reduce){.game-card,.game-card:hover{transform:none!important}}.game-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg-subtle)}.game-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .45s cubic-bezier(.32,.72,0,1),opacity .3s ease-out}.game-card:hover .game-cover img{transform:scale(1.06)}.game-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,hsla(0,0%,100%,.08),transparent 50%);opacity:0;pointer-events:none;transition:opacity .3s ease}.game-card:hover:after{opacity:1}@keyframes shimmer{to{background-position:-200% 0}}.category-card:hover .category-emoji{transform:scale(1.15);transition:transform .25s ease-out}.game-plays{position:absolute;bottom:.55rem;left:.55rem;padding:.22rem .55rem;background:rgba(0,0,0,.72);color:#fff;border-radius:var(--radius-full);font-size:.72rem;font-weight:500;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.game-cover-video{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.game-cover-video[data-active=true]{opacity:1}.game-cover-video iframe{width:100%;height:100%;border:0;display:block}.game-body{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.game-title{margin:0;font-size:.95rem;font-weight:600;letter-spacing:-.01em;line-height:1.35}.game-title-link{color:inherit;text-decoration:none}.game-title-link:after{content:"";position:absolute;inset:0;z-index:0}.game-desc{color:var(--text-dim);font-size:.82rem;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-dim);margin-top:.25rem;position:relative;z-index:1;gap:.5rem;flex-wrap:nowrap}.game-author-link{color:var(--text-dim);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.game-author-link:hover{color:var(--text)}.game-meta>span:last-child{flex-shrink:0;white-space:nowrap}@media (max-width:720px){.games-grid{grid-template-columns:1fr!important;gap:.6rem!important}.games-grid .game-card{display:grid;grid-template-columns:100px 1fr;align-items:stretch;overflow:hidden}.games-grid .game-cover{aspect-ratio:1/1;width:100px;height:100px}.games-grid .game-body{padding:.65rem .8rem;justify-content:center;gap:.3rem}.games-grid .game-title{font-size:.92rem;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.games-grid .game-desc{font-size:.75rem;-webkit-line-clamp:1;line-clamp:1}.games-grid .game-meta{font-size:.72rem;gap:.4rem}.games-grid .game-tags{display:none}.games-grid .game-card:active{transform:scale(.98)}.games-grid .game-plays{bottom:.3rem;left:.3rem;padding:.15rem .4rem;font-size:.6rem}}.auth-shell{display:grid;place-items:center;min-height:calc(100vh - 250px)}.auth-card{width:100%;max-width:400px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow)}.auth-card h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.auth-card .muted{margin:0 0 1.5rem;font-size:.875rem}.auth-switch{margin-top:1.25rem;text-align:center;color:var(--text-dim);font-size:.875rem}.auth-switch a{color:var(--accent);font-weight:500}.auth-switch a:hover{color:var(--accent-hover)}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.85rem}.field label{font-size:.825rem;color:var(--text-secondary);font-weight:500}.field input,.field textarea{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:0 .85rem;height:var(--h-input);font-size:.9rem;font-family:inherit;transition:border-color .15s cubic-bezier(.32,.72,0,1),box-shadow .15s cubic-bezier(.32,.72,0,1),background .15s ease}.field textarea{height:auto;padding:.6rem .85rem;resize:vertical;min-height:80px}.field input:focus,.field textarea:focus,.select-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.alert-error{background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger);padding:.65rem .85rem;border-radius:var(--radius);font-size:.85rem;margin-bottom:1rem}.input-error{border-color:rgba(239,68,68,.55)!important}.input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 2px rgba(239,68,68,.2)!important}.field-hint{display:block;margin-top:.35rem;font-size:.78rem;color:var(--text-dim)}.field-hint-error{color:#ef4444}.auth-split{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 80px)}@media (max-width:900px){.auth-split{grid-template-columns:1fr}}.auth-hero{display:flex;align-items:center;justify-content:center;padding:3rem;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--accent) 20%,transparent) 0,transparent 50%),radial-gradient(circle at 70% 80%,color-mix(in srgb,var(--accent) 10%,transparent) 0,transparent 50%),var(--bg-elev);border-right:1px solid var(--border)}@media (max-width:900px){.auth-hero{display:none}}.auth-hero-content{max-width:360px}.auth-hero h2{font-size:2rem;font-weight:800;margin:0 0 1.5rem;letter-spacing:-.5px}.auth-benefits{list-style:none;padding:0;margin:0 0 2rem;display:grid;gap:1rem}.auth-benefits li{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-secondary)}.auth-benefits li svg{color:var(--accent);flex-shrink:0}.auth-benefits li strong{color:var(--text);font-weight:600}.auth-hero-footer{padding-top:1.5rem;border-top:1px solid var(--border)}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg)}.auth-card-modern{width:100%;max-width:400px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg)}.auth-card-modern h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:800;letter-spacing:-.5px}.auth-card-modern .muted{margin:0 0 1.5rem;font-size:.9rem}.oauth-buttons{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.btn-oauth{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;height:42px;border-radius:var(--radius);font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,box-shadow .15s,transform .1s;cursor:pointer;border:1px solid var(--border)}.btn-oauth:active{transform:scale(.98)}.btn-oauth-google{background:var(--bg-card);color:var(--text)}.btn-oauth-google:hover{background:var(--bg-subtle);box-shadow:var(--shadow-sm)}.btn-oauth-discord{background:#5865f2;color:#fff;border-color:#5865f2}.btn-oauth-discord:hover{background:#4752c4;box-shadow:0 2px 8px rgba(88,101,242,.3)}.oauth-divider{display:flex;align-items:center;gap:.75rem;margin:.25rem 0}.oauth-divider:after,.oauth-divider:before{content:"";flex:1;height:1px;background:var(--border)}.oauth-divider span{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:40vh;color:var(--text-muted);font-size:.9rem}.settings-loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.settings-page{max-width:1100px;margin:0 auto;padding:2rem 0 5rem}.settings-header{margin-bottom:2rem}.settings-header-top{margin-bottom:1.25rem}.settings-header-top h1{font-size:1.6rem;font-weight:700;margin:0 0 .25rem;letter-spacing:-.02em}.settings-header-top p{margin:0;font-size:.875rem;color:var(--text-dim)}.settings-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);padding-bottom:0}.settings-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.875rem;font-weight:500;font-family:inherit;color:var(--text-dim);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.settings-tab-icon{display:flex;align-items:center}.settings-tab.active .settings-tab-icon{color:var(--accent)}.settings-content{padding-top:1.5rem}.settings-section{display:flex;flex-direction:column;gap:1.25rem;animation:settingsFadeIn .2s ease}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}.settings-alert{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:var(--radius);font-size:.85rem;font-weight:500}.settings-alert-warning{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);color:var(--warning)}.settings-card{padding:1.25rem;transition:border-color .15s ease;height:-moz-fit-content;height:fit-content}.settings-card:hover{border-color:var(--border-strong)}.settings-card h3{margin:0 0 .25rem;font-size:.95rem}.settings-card>.muted{font-size:.82rem;margin-bottom:1rem}.settings-card-header{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:1.25rem}.settings-card-header svg{color:var(--accent);flex-shrink:0;margin-top:2px}.settings-card-header h3{margin:0 0 .1rem}.settings-card-header .muted{margin:0;font-size:.8rem}.settings-fields-stack{display:flex;flex-direction:column;gap:.875rem}.settings-fields-stack .field{display:flex;flex-direction:column;gap:.3rem}.settings-fields-stack .field label{font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.settings-fields-stack .field input{max-width:100%}.field-error{font-size:.76rem;color:var(--danger);font-weight:500}.settings-actions{gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.settings-field{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;transition:border-color .15s ease;height:-moz-fit-content;height:fit-content}.settings-field:hover{border-color:var(--border-strong)}.settings-field-header{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.875rem}.settings-field-icon{color:var(--accent);flex-shrink:0;margin-top:1px}.settings-field-label{display:block;font-weight:600;font-size:.875rem;margin-bottom:.1rem;color:var(--text)}.settings-field-hint{font-size:.78rem;color:var(--text-muted);margin:0;line-height:1.4}.settings-field-row{display:flex;align-items:center;gap:.5rem}.settings-field-input{flex:1;max-width:100%}.settings-sections-grid{display:flex;flex-direction:column;gap:.2rem}.settings-section-toggle{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer;padding:.5rem .6rem;border-radius:var(--radius);transition:background .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-section-toggle:hover{background:var(--bg-subtle)}.settings-section-toggle input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.settings-danger-card{background:var(--bg-elev);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-lg);padding:1.25rem;max-width:540px}.settings-danger-card-header{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:1rem}.settings-danger-card-header svg{color:var(--danger);flex-shrink:0;margin-top:2px}.settings-danger-card-header h3{margin:0 0 .2rem;font-size:.95rem;font-weight:600;color:var(--danger)}.settings-danger-card-header .muted{margin:0;font-size:.82rem;line-height:1.45}.settings-danger-btn{background:transparent;color:var(--danger);border:1px solid rgba(239,68,68,.3);font-weight:500}.settings-danger-btn:hover:not(:disabled){background:var(--danger-soft);border-color:rgba(239,68,68,.5)}.settings-verify-card{display:flex;align-items:flex-start;gap:.875rem;background:rgba(245,158,11,.04);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-lg);padding:1rem 1.25rem}.settings-verify-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);background:rgba(245,158,11,.1);color:var(--warning);flex-shrink:0}.settings-verify-content{flex:1;min-width:0}.settings-verify-content h3{margin:0 0 .2rem;font-size:.9rem;font-weight:600;color:var(--warning)}.settings-verify-content .muted{font-size:.82rem;margin-bottom:.6rem}.settings-verify-success{font-size:.82rem;color:var(--success);margin-bottom:.4rem}@media (max-width:768px){.settings-page{padding:1.25rem 0 3rem}.settings-header-top h1{font-size:1.35rem}.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tab{padding:.55rem .75rem;font-size:.82rem}.settings-grid-2{grid-template-columns:1fr}.settings-card,.settings-field{padding:1.125rem}.settings-field-row{flex-direction:column;align-items:stretch;gap:.5rem}.settings-field-row .btn{align-self:flex-start}.settings-danger-card{max-width:100%}}@media (max-width:480px){.settings-card,.settings-field{padding:1rem;border-radius:var(--radius)}.settings-actions{flex-direction:column}.settings-actions .btn{width:100%}}.settings-display-input-wrap{display:flex;align-items:center;gap:0;background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:var(--radius);padding:0 .75rem;height:44px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.settings-display-input-wrap:hover{border-color:var(--border-strong)}.settings-display-input-wrap.focused{border-color:var(--accent);box-shadow:var(--shadow-focus);background:var(--bg-elev)}.settings-display-input-wrap.error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.settings-display-input-prefix{display:flex;align-items:center;color:var(--text-muted);margin-right:.5rem;flex-shrink:0}.settings-display-input-wrap.focused .settings-display-input-prefix{color:var(--accent)}.settings-display-input{flex:1;border:none;background:transparent;font-size:.925rem;font-weight:500;font-family:inherit;color:var(--text);outline:none;padding:0;min-width:0}.settings-display-input::-moz-placeholder{color:var(--text-muted);font-weight:400}.settings-display-input::placeholder{color:var(--text-muted);font-weight:400}.settings-display-input-counter{font-size:.72rem;font-weight:500;color:var(--text-muted);flex-shrink:0;margin-left:.5rem;font-variant-numeric:tabular-nums}.settings-display-actions{display:flex;align-items:center;gap:.625rem;margin-top:.75rem}.settings-display-error{font-size:.78rem;color:var(--danger);font-weight:500}.pf{max-width:1100px;margin:0 auto 3rem;padding:0 1.5rem}.pf-banner{position:relative;width:100%;height:300px;border-radius:var(--radius-xl);overflow:hidden;background-color:var(--bg-subtle);background-size:cover;background-position:50%;border:1px solid var(--border)}.pf-banner[data-empty=true]{background-image:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,var(--accent) 30%,transparent) 0,transparent 50%),radial-gradient(ellipse at 75% 70%,color-mix(in srgb,var(--accent) 18%,transparent) 0,transparent 45%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 8%,transparent) 0,transparent 70%),linear-gradient(145deg,var(--bg-subtle) 0,var(--bg-elev) 100%)}.pf-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.35));pointer-events:none}.pf-banner-actions{position:absolute;top:.85rem;right:.85rem;display:flex;gap:.45rem;z-index:5}.pf-banner-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.78rem;font-weight:600;color:#fff;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-full);text-decoration:none;transition:background .18s,transform .18s}.pf-banner-btn:hover{background:rgba(0,0,0,.7);transform:translateY(-1px)}.pf-header{display:flex;align-items:flex-start;gap:1.5rem;margin-top:-50px;padding:0 1.5rem;position:relative;z-index:4;margin-bottom:1.75rem}.pf-header-avatar{position:relative;flex-shrink:0}.pf-avatar-ring{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%}.pf-avatar-ring,.pf-avatar-ring.has-frame{padding:0;background:transparent;box-shadow:none}.pf-avatar-ring.has-frame .pf-avatar{width:120px;height:120px}.pf-avatar-ring.has-frame.is-admin{background:transparent;animation:none}.pf-avatar-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:138px;height:138px;pointer-events:none;z-index:2}.pf-avatar-frame svg{width:100%;height:100%;display:block}.pf-avatar-ring.is-admin{padding:5px;background:linear-gradient(135deg,var(--accent),#f59e0b,var(--accent-hover));animation:pf-ring-glow 3s ease-in-out infinite alternate}.pf-avatar-ring.is-admin .pf-avatar{border:3px solid var(--bg)}@keyframes pf-ring-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 40%,transparent),var(--shadow-lg)}to{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 0,transparent),var(--shadow-lg)}}.pf-avatar{-o-object-fit:cover;object-fit:cover;background:var(--bg-subtle)}.pf-avatar,.pf-avatar--cropped{width:140px;height:140px;border-radius:50%}.pf-avatar--cropped{background-size:cover;background-position:50%}.pf-level-chip{position:absolute;bottom:4px;right:4px;display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .5rem;background:var(--accent);color:#fff;font-size:.72rem;font-weight:800;border-radius:var(--radius-full);border:2.5px solid var(--bg);box-shadow:var(--shadow-sm);line-height:1;z-index:3}.has-frame .pf-level-chip,.pf-avatar-ring.has-frame~.pf-level-chip{bottom:-8px;right:50%;transform:translateX(50%)}.pf-header-info{flex:1;min-width:0;padding-top:56px}.pf-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.15rem}.pf-name-row h1{margin:0;font-size:1.85rem;font-weight:800;letter-spacing:-.7px;color:var(--text)}.pf-role-pill{padding:.18rem .55rem;background:var(--accent);color:#fff;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;border-radius:var(--radius-full)}.pf-level-pill,.pf-role-pill{display:inline-flex;align-items:center;gap:.25rem}.pf-level-pill{padding:.18rem .5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.68rem;font-weight:700;color:var(--text-secondary)}.pf-level-pill svg,.pf-streak-pill{color:var(--accent)}.pf-streak-pill{display:inline-flex;align-items:center;gap:.2rem;padding:.18rem .5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.68rem;font-weight:700}.pf-sub-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:.35rem}.pf-handle{margin:0;font-size:.88rem;color:var(--text-dim)}.pf-dot{color:var(--text-muted);font-size:.7rem}.pf-meta-inline{font-size:.75rem;color:var(--text-muted)}.pf-xp-inline{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem;max-width:260px}.pf-xp-track{flex:1;height:4px;background:var(--bg-subtle);overflow:hidden}.pf-xp-fill,.pf-xp-track{border-radius:var(--radius-full)}.pf-xp-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .8s cubic-bezier(.32,.72,0,1)}.pf-xp-label{font-size:.62rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.pf-bio{margin:0 0 .35rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;max-width:55ch}.pf-bio--empty{color:var(--text-muted);font-style:italic;font-size:.85rem}.pf-badges{margin:0;overflow:visible}.pf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:2.5rem}.pf-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;padding:1.1rem .75rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,transform .2s,box-shadow .2s}.pf-stat:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}.pf-stat--accent{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 4%,var(--bg-elev))}.pf-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-soft);color:var(--accent);border-radius:50%;transition:background .2s,color .2s,transform .2s}.pf-stat:hover .pf-stat-icon{background:var(--accent);color:#fff;transform:scale(1.1)}.pf-stat strong{font-size:1.4rem;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:var(--text);line-height:1}.pf-stat span{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.pf-section{margin-bottom:2.5rem}.pf-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.pf-section-header h2{margin:0;font-size:1.2rem;font-weight:700;color:var(--text)}.pf-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}.pf-game-card{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .18s,transform .18s,box-shadow .18s}.pf-game-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.pf-game-cover{position:relative;width:100%;aspect-ratio:16/10;background:var(--bg-subtle);overflow:hidden}.pf-game-body{padding:.7rem .85rem;display:flex;flex-direction:column;gap:.15rem}.pf-game-body strong{font-size:.88rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-game-body span{font-size:.74rem;color:var(--text-dim)}.pf-bt-list{display:grid;gap:.45rem}.pf-bt-row{display:grid;grid-template-columns:48px 1fr;gap:.75rem;align-items:center;padding:.55rem .75rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:border-color .18s,transform .18s}.pf-bt-row:hover{border-color:var(--accent);transform:translateX(3px)}.pf-bt-cover{position:relative;width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.pf-bt-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pf-bt-info strong{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-bt-info span{font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums}@media (max-width:720px){.pf{padding:0 .75rem}.pf-banner{height:200px;border-radius:var(--radius-lg)}.pf-header{text-align:center;gap:0;margin-top:-44px;padding:0 1rem}.pf-header,.pf-header-info{flex-direction:column;align-items:center}.pf-header-info{padding-top:.75rem;display:flex}.pf-name-row,.pf-sub-row{justify-content:center}.pf-xp-inline{max-width:100%;width:100%}.pf-bio{max-width:100%;text-align:center}.pf-avatar,.pf-avatar--cropped{width:110px;height:110px}.pf-games-grid,.pf-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.pf-banner{height:160px}.pf-avatar,.pf-avatar--cropped{width:90px;height:90px}.pf-name-row h1{font-size:1.5rem}.pf-games-grid{grid-template-columns:1fr}.pf-banner-actions{top:.5rem;right:.5rem}.pf-banner-btn{padding:.3rem .6rem;font-size:.7rem}}.pf-avatar-frame,.pf-avatar-frame .avatar-frame-render{contain:layout paint}.pf-avatar-frame svg{overflow:visible}.empty{background:var(--bg-elev);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:2rem}.empty,.loading{text-align:center;color:var(--text-dim);font-size:.9rem}.loading{padding:2.5rem}.game-detail{margin-bottom:2.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elev)}.game-detail,.game-detail-cover{position:relative;overflow:hidden}.game-detail-cover{height:260px;background:var(--bg-subtle)}.game-detail-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.game-detail-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,var(--bg-elev) 100%);pointer-events:none}.game-detail-content{padding:1.75rem 2rem 2rem;position:relative;z-index:1;margin-top:-3rem}.game-detail-title{margin:0 0 .75rem;font-size:2rem;font-weight:700;letter-spacing:-.025em;line-height:1.15}.game-detail-desc{margin-bottom:1rem;color:var(--text-secondary)}.game-detail-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;font-size:.875rem;color:var(--text-dim)}.game-detail-author{display:inline-flex;align-items:center;gap:.45rem;font-weight:500;color:var(--text)}.game-detail-author:hover{color:var(--accent)}.game-detail-author-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-subtle);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.game-detail-stat{display:inline-flex;align-items:center;gap:.3rem}.game-detail-stat:before{content:"·";color:var(--text-muted);margin-right:.1rem}.game-detail-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}@media (max-width:768px){.game-detail-cover{height:180px}.game-detail-content{padding:1.25rem 1.25rem 1.5rem;margin-top:-2rem}.game-detail-title{font-size:1.5rem}}@media (max-width:480px){.game-detail-cover{height:140px}.game-detail-content{padding:1rem;margin-top:-1.5rem}.game-detail-title{font-size:1.25rem}.game-detail-actions{flex-direction:column}.game-detail-actions .btn{width:100%}}.status-badge{display:inline-block;margin-left:.5rem;padding:.12rem .5rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--bg-subtle);color:var(--text-dim);border:1px solid var(--border)}.status-badge[data-status=published]{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,transparent)}.status-badge[data-status=pending]{border-color:color-mix(in srgb,var(--warning) 25%,transparent)}.status-badge[data-status=hidden],.status-badge[data-status=pending]{background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning)}.status-badge[data-status=removed]{background:var(--danger-soft);color:var(--danger)}.filter-bar{display:flex;gap:.6rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.search-input{flex:1;min-width:200px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.6rem .95rem;font-family:inherit;font-size:.875rem}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.sort-tabs{display:inline-flex;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:3px;gap:1px}.sort-tabs button{background:transparent;border:0;padding:.4rem .85rem;border-radius:6px;color:var(--text-dim);font-weight:500;font-family:inherit;cursor:pointer;font-size:.825rem;transition:background .15s,color .15s}.sort-tabs button:hover{color:var(--text)}.sort-tabs button.on{background:var(--bg-subtle);color:var(--text)}.game-detail-stats-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin:.75rem 0;padding:.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.game-stat{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text-secondary);font-weight:600}.game-stat svg{color:var(--accent);opacity:.8}.entries-preview{margin:1rem 0}.entries-preview-grid{display:flex;gap:.5rem;flex-wrap:wrap}.entry-preview-item{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.entry-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.entry-fallback{font-size:.8rem;font-weight:700;color:var(--text-muted)}.entry-preview-more{width:64px;height:64px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--accent)}.entries-preview-text{margin-top:.5rem}.btn-game-cta{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;font-size:1.1rem;font-weight:800;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;box-shadow:0 8px 24px -6px color-mix(in srgb,var(--accent) 50%,transparent)}.btn-game-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px -6px color-mix(in srgb,var(--accent) 60%,transparent)}.game-secondary-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.game-comments{margin-top:2rem}.game-comments-header h2{display:inline-flex;align-items:center;gap:.5rem}.comments-count{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-dim);font-size:.85rem;font-weight:700}.comment-card,.comment-form,.comment-login-card,.comment-placeholder{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.comment-form{padding:1rem;margin-bottom:1rem}.comment-form textarea{width:100%;min-height:96px;resize:vertical;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);padding:.8rem .9rem;font:inherit;line-height:1.5}.comment-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.comment-form-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem}.comment-counter{color:var(--text-muted);font-size:.8rem}.comment-counter.is-low{color:var(--warning);font-weight:700}.comment-login-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem}.comment-login-card p{margin:0;color:var(--text-secondary)}.comments-list{display:grid;gap:.75rem}.comment-placeholder{padding:1.25rem;color:var(--text-dim);text-align:center}.comment-card{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:.8rem;padding:1rem}.comment-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--bg-subtle)}.comment-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.comment-author{color:var(--text);font-weight:800}.comment-author:hover{color:var(--accent)}.comment-date{color:var(--text-muted);font-size:.78rem}.comment-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-secondary);line-height:1.55}.comment-delete{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer}.comment-delete:hover:not(:disabled){color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 20%,transparent)}.comment-delete:disabled{opacity:.5;cursor:wait}.sr-only{border:0}@media (max-width:640px){.comment-form-footer,.comment-login-card{align-items:stretch;flex-direction:column}.comment-form-footer .btn,.comment-login-card .btn{width:100%;justify-content:center}.comment-card{grid-template-columns:36px 1fr auto;padding:.85rem}.comment-avatar{width:36px;height:36px}}.game-detail-lower-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start;gap:1.25rem;margin-top:1.5rem}.game-detail-lower-grid .game-comments,.game-ranking-section{margin-top:0;height:100%}.game-ranking-section{min-width:0}.game-detail-lower-grid .game-comments{position:sticky;top:88px;max-height:calc(100vh - 112px);display:flex;flex-direction:column;overflow:hidden}.game-detail-lower-grid .comments-list{overflow:auto;padding-right:.2rem}.game-detail-lower-grid .comments-list::-webkit-scrollbar{width:6px}.game-detail-lower-grid .comments-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.comment-avatar-link{position:relative;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;flex-shrink:0}.comment-avatar-link.has-frame{width:46px;height:46px;margin:-3px 0 0 -3px}.comment-avatar-link.has-frame .comment-avatar{width:38px;height:38px;position:relative;z-index:1}.comment-avatar-frame{position:absolute;inset:-5px;z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:center}.comment-avatar-frame .avatar-frame-render,.comment-avatar-frame svg{width:54px;height:54px;display:block}.comment-level-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .45rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);color:var(--accent);font-size:.72rem;font-weight:800;line-height:1.2}.comment-level-pill svg{fill:currentColor}@media (max-width:1024px){.game-detail-lower-grid{grid-template-columns:1fr}.game-detail-lower-grid .game-comments{position:static;max-height:none;overflow:visible}.game-detail-lower-grid .comments-list{overflow:visible;padding-right:0}}@media (max-width:640px){.game-detail-lower-grid{gap:1rem;margin-top:1rem}.comment-level-pill{order:3;width:-moz-fit-content;width:fit-content}}.play-progress{position:relative;height:4px;background:var(--bg-subtle);border-radius:var(--radius-full);margin-bottom:1.25rem;overflow:hidden}.play-progress-bar{position:absolute;inset:0;width:0;background:var(--accent);border-radius:var(--radius-full);transition:width .35s ease}.play-progress-label{position:absolute;right:0;top:8px;font-size:.72rem;color:var(--text-dim);font-weight:500;font-variant-numeric:tabular-nums}.play-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1.5rem}.play-header>div{text-align:center}.play-header h1{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;letter-spacing:-.015em}.play-header p{margin:0;font-size:.825rem}.play-header-actions{display:flex;gap:.4rem;align-items:center}@media (max-width:720px){.play-header{grid-template-columns:1fr;text-align:center}}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;max-width:1400px;margin-inline:auto;position:relative}.versus-vs{font-size:.85rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.versus-anim{animation:versusIn .4s cubic-bezier(.22,1,.36,1)}.round-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;background:rgba(15,15,20,.92);color:#fff;padding:1.4rem 2.8rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:.4rem;pointer-events:none;animation:roundBannerIn .42s cubic-bezier(.22,1.18,.36,1),roundBannerOut .32s cubic-bezier(.5,0,.75,0) .95s forwards;box-shadow:0 20px 60px rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.round-banner-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);opacity:.95}.round-banner-title{font-size:2rem;font-weight:700;letter-spacing:-.02em}@keyframes roundBannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes roundBannerOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.92)}}@media (max-width:720px){.round-banner{padding:1rem 2rem}.round-banner-title{font-size:1.5rem}}.choice-card{position:relative;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .28s cubic-bezier(.32,.72,0,1),border-color .18s ease,box-shadow .28s cubic-bezier(.32,.72,0,1);will-change:transform}.choice-card:hover:not(.choice-dim){transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 36px var(--accent-soft)}.choice-card:active:not(.choice-dim){transform:translateY(-1px) scale(.995);transition-duration:.08s}.choice-card .choice-image .hover-player,.choice-card .choice-image>img{transition:transform .45s cubic-bezier(.32,.72,0,1);display:block}.choice-card:hover:not(.choice-dim) .choice-image>img{transform:scale(1.04)}.choice-image{width:100%;background:var(--bg-subtle);overflow:hidden;position:relative}.versus-video .choice-image{aspect-ratio:16/9;min-height:340px}.versus-image .choice-image{aspect-ratio:3/4;max-height:75vh}.choice-image>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:var(--bg-subtle);display:block}.choice-pick-button{display:flex;flex-direction:column;width:100%;background:transparent;border:0;padding:0;color:inherit;cursor:pointer;text-align:center}.choice-pick-button:disabled{cursor:default}.choice-name{padding:.85rem 1rem;font-size:.95rem;font-weight:600;text-align:center;letter-spacing:-.01em}.choice-vote-btn{display:flex;align-items:center;justify-content:space-between;gap:.85rem;width:100%;background:var(--bg-elev);border:0;border-top:1px solid var(--border);padding:.75rem 1rem;font-family:inherit;color:var(--text);cursor:pointer;transition:background .15s,color .15s}.choice-vote-btn:hover:not(:disabled){background:var(--accent);color:#fff}.choice-vote-btn:disabled{cursor:default;opacity:.7}.choice-vote-btn .choice-name{padding:0;flex:1;text-align:left;font-size:.95rem}.choice-vote-cta{font-weight:600;font-size:.78rem;letter-spacing:.04em;padding:.3rem .75rem;border-radius:var(--radius-full);background:var(--accent);color:#fff;flex-shrink:0;transition:background .15s;text-transform:uppercase}.choice-vote-btn:hover:not(:disabled) .choice-vote-cta{background:#fff;color:var(--accent)}.choice-picked{border-color:var(--accent)!important;box-shadow:0 0 0 5px var(--accent-soft-strong),0 0 40px var(--accent-soft),0 0 80px color-mix(in srgb,var(--accent) 20%,transparent);animation:pickedSpring .6s cubic-bezier(.22,1.2,.36,1);z-index:2;position:relative}.choice-picked:after{content:"✓";position:absolute;top:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:1.1rem;font-weight:800;border-radius:50%;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 50%,transparent);animation:checkPop .4s cubic-bezier(.34,1.56,.64,1) .1s both;z-index:10}@keyframes checkPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.choice-picked .choice-image .hover-player,.choice-picked .choice-image>img{animation:pickedZoom .6s cubic-bezier(.22,1,.36,1)}.choice-dim{animation:loserCrack .45s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none;position:relative}.choice-dim:before{content:"✗";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.9);color:#fff;font-size:1.5rem;font-weight:800;border-radius:50%;z-index:10;animation:crossPop .35s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes crossPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.choice-dim .choice-image .hover-player,.choice-dim .choice-image>img{animation:loserDesaturate .35s ease-out forwards}@keyframes loserCrack{0%{transform:scale(1) rotate(0deg);opacity:1}20%{transform:scale(.95) rotate(-1.5deg)}to{transform:scale(.78) rotate(-3deg);opacity:.2}}@keyframes loserDesaturate{to{filter:grayscale(1) brightness(.4)}}@keyframes pickedSpring{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.07) translateY(-8px)}60%{transform:scale(1.09) translateY(-10px)}80%{transform:scale(1.03) translateY(-3px)}to{transform:scale(1.04) translateY(0)}}@keyframes pickedZoom{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1.07)}}.versus>.choice-card.choice-dim:first-child{transform-origin:center right}.versus>.choice-card.choice-dim:last-child{transform-origin:center left}@media (max-width:720px){.versus>.choice-card.choice-dim:first-child{transform-origin:center bottom}.versus>.choice-card.choice-dim:last-child{transform-origin:center top}}.versus:has(.choice-picked) .versus-vs{animation:vsFade .4s ease forwards}@keyframes vsFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.versus-hint{text-align:center;margin-top:1rem;font-size:.825rem;color:var(--text-dim)}@media (max-width:720px){.versus{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr}.versus-image .choice-image{aspect-ratio:4/3;max-height:none}.versus-video .choice-image{min-height:200px}}.hover-player{position:absolute;inset:0;background:#000;overflow:hidden}.hover-player-thumb{position:absolute;inset:0;background-size:cover;background-position:50%;border:none;padding:0;display:block;width:100%;height:100%}.hover-player-thumb-desktop{pointer-events:none}.hover-player-thumb-touch{cursor:pointer}.hover-player-thumb-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.45))}.hover-player-play-circle{display:inline-flex;width:64px;height:64px;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.4);transition:transform .15s ease,background .15s ease}.hover-player-thumb:active .hover-player-play-circle{transform:scale(.95);background:var(--accent)}.hover-player-play-circle svg{margin-left:3px}.hover-player-hint{background:rgba(0,0,0,.65);padding:.35rem .8rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:500;color:#fff;backdrop-filter:blur(4px)}.hover-player-frame{position:absolute;inset:0}.hover-player-frame iframe,.hover-player-frame>div{width:100%;height:100%;border:0;display:block}.hover-player-loading{display:none}.winner-screen{text-align:center;padding:1rem 0 3rem}.winner-eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.85rem;font-weight:600}.winner-name{margin:0;font-size:clamp(2rem,6vw,3.25rem);font-weight:700;letter-spacing:-.03em;color:var(--text);background:none;-webkit-background-clip:initial;background-clip:initial}.winner-subtitle{margin-top:.5rem;margin-bottom:2.5rem;font-size:.95rem;color:var(--text-dim)}.winner-subtitle a{color:var(--text);font-weight:500}.winner-subtitle a:hover{color:var(--accent)}.podium{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;margin-bottom:2rem}.podium-card{display:flex;flex-direction:column;align-items:center;margin:0;padding:1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;animation:popIn .4s ease-out}.podium-card figcaption{margin-top:.7rem;font-weight:500;font-size:.9rem;max-width:180px;text-align:center;line-height:1.25}.podium-medal{position:absolute;top:-.85rem;font-size:1.3rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);padding:.15rem .5rem}.podium-image{width:100%;border-radius:var(--radius);overflow:hidden;background:var(--bg-subtle)}.podium-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.podium-lg{order:2}.podium-lg .podium-image{width:180px;height:180px}.podium-lg{border-color:var(--accent);box-shadow:var(--shadow)}.podium-md{order:1}.podium-md .podium-image{width:130px;height:130px}.podium-sm{order:3}.podium-sm .podium-image{width:105px;height:105px}.winner-actions{display:flex;justify-content:center;gap:.5rem;margin-top:1.25rem;flex-wrap:wrap}.winner-history-toggle{margin-top:2.5rem;text-align:left;max-width:640px;margin-inline:auto}.winner-history-toggle summary{cursor:pointer;color:var(--text-dim);font-weight:500;margin-bottom:.75rem;text-align:center;list-style:none;font-size:.875rem}.winner-history-toggle summary::-webkit-details-marker{display:none}.winner-history-toggle summary:hover{color:var(--text)}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.history-list li{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem}.round-tag{font-size:.68rem;font-weight:700;padding:.1rem .45rem;border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-dim);font-variant-numeric:tabular-nums}@media (max-width:640px){.podium-lg{order:0}.podium-md{order:1}.podium-sm{order:2}}.size-modal-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem;background:color-mix(in srgb,#000 60%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:size-modal-fade .18s ease-out}@keyframes size-modal-fade{0%{opacity:0}to{opacity:1}}.size-modal{position:relative;width:100%;max-width:520px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.5rem 1.65rem;box-shadow:0 20px 60px rgba(0,0,0,.35);animation:size-modal-pop .28s cubic-bezier(.22,1.18,.36,1)}@keyframes size-modal-pop{0%{opacity:0;transform:translateY(14px) scale(.96)}60%{opacity:1;transform:translateY(-2px) scale(1.005)}to{opacity:1;transform:translateY(0) scale(1)}}.size-modal-close{position:absolute;top:.6rem;right:.7rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-dim);font-size:1.5rem;line-height:1;cursor:pointer;border-radius:var(--radius-sm);transition:color .15s,background .15s}.size-modal-close:hover{color:var(--text);background:var(--bg-subtle)}.size-modal-header{text-align:center;margin-bottom:1.25rem}.size-modal-header h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;letter-spacing:-.015em}.size-modal-header p{margin:0;font-size:.85rem}.size-options{flex-wrap:wrap;gap:.6rem}.size-option,.size-options{display:flex;justify-content:center}.size-option{position:relative;flex:0 0 calc(25% - 0.45rem);min-width:0;flex-direction:column;align-items:center;gap:.3rem;height:92px;padding:.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-family:inherit;transition:transform .12s ease,border-color .12s ease,background .12s ease}.size-option:hover{transform:translateY(-1px);border-color:var(--accent)}.size-option.is-full{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--accent-soft)}.size-option.is-full:hover{border-color:var(--accent)}.size-number{font-size:1.55rem;font-weight:700;letter-spacing:-.025em;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.size-meta{font-size:.78rem;color:var(--text-dim);display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.size-tag{font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);padding:.12rem .45rem;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 12%,transparent)}.size-tag-corner{position:absolute;top:6px;right:6px;font-size:.55rem;padding:.08rem .4rem;letter-spacing:.04em}.weighted-slider-wrap{max-width:760px;margin:1.5rem auto 0;padding:1.25rem 1.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.85rem}.weighted-slider-percentages{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.85rem;text-align:center}.weighted-slider-pct{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-dim);transition:color .15s}.weighted-slider-pct[data-side=left]{text-align:left}.weighted-slider-pct[data-side=right]{text-align:right}.weighted-slider-label{font-size:.875rem;font-weight:500;color:var(--text)}.weighted-slider-track-wrap{display:grid;grid-template-columns:minmax(0,.2fr) 1fr minmax(0,.2fr);align-items:center;gap:.85rem}.weighted-slider-name{font-size:.85rem;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weighted-slider-name-left{text-align:right}.weighted-slider-name-right{text-align:left}.weighted-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent) 0,var(--bg-subtle) 50%,var(--accent) 100%);border-radius:999px;outline:none;cursor:pointer;margin:0}.weighted-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--text);border:3px solid var(--bg-elev);box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:grab;-webkit-transition:transform .1s;transition:transform .1s}.weighted-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.weighted-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.2)}.weighted-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--text);border:3px solid var(--bg-elev);box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:grab}.weighted-slider:disabled{opacity:.6;cursor:not-allowed}.weighted-slider-actions{display:flex;justify-content:center;gap:.5rem}@media (max-width:600px){.weighted-slider-pct{font-size:1.1rem}.weighted-slider-track-wrap{grid-template-columns:1fr;gap:.5rem}.weighted-slider-name-left,.weighted-slider-name-right{text-align:center}}.keyboard-hint{text-align:center;font-size:.78rem;color:var(--text-muted);margin-top:1.25rem;animation:fadeIn .5s ease-out 1s both}.keyboard-hint kbd{display:inline-block;padding:.15rem .4rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:.72rem;font-weight:600;color:var(--text-dim);margin:0 .1rem}.confetti{position:absolute;top:0;left:0;right:0;height:100%;overflow:hidden;pointer-events:none;z-index:0}.confetti-piece{width:8px;height:8px;top:-10px;left:calc(var(--i) * 2.5%);background:var(--accent);opacity:0;animation:confettiFall 2.5s ease-out calc(var(--i) * .05s) forwards}.confetti-piece:nth-child(odd){background:var(--border-strong);width:6px;height:10px}.confetti-piece:nth-child(3n){background:var(--text-dim);width:5px;height:5px;border-radius:50%}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(calc(60vh + var(--i) * 5px)) rotate(calc(var(--i) * 25deg)) scale(.5)}}.champion-path{max-width:400px;margin:2rem auto 0}.champion-path-title{margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:var(--text-dim);text-align:center;text-transform:uppercase;letter-spacing:.06em}.champion-path-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:0;border-left:2px solid var(--border);margin:0 0 0 1.5rem}.champion-path-step{position:relative;padding:.5rem 0 .5rem 1.25rem;font-size:.875rem;display:flex;align-items:center;gap:.6rem}.champion-path-step:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.champion-path-step:last-child:before{width:10px;height:10px;left:-6px}.champion-path-round{font-size:.72rem;font-weight:700;color:var(--text-dim);min-width:3.5rem;font-variant-numeric:tabular-nums}.champion-path-vs{color:var(--text-secondary)}.champion-path-vs strong{color:var(--text);font-weight:500}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:1rem;animation:fadeIn .18s ease-out}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;width:100%;max-width:460px;box-shadow:var(--shadow-lg);animation:popIn .22s ease-out}.modal h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:.4rem;margin-top:1rem}.admin-tabs{display:flex;gap:1px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:3px;margin-bottom:1.25rem;width:-moz-fit-content;width:fit-content}.admin-tabs button{background:transparent;border:0;padding:.45rem .95rem;border-radius:6px;color:var(--text-dim);font-weight:500;font-family:inherit;cursor:pointer;font-size:.825rem}.admin-tabs button:hover{color:var(--text)}.admin-tabs button.on{background:var(--bg-subtle);color:var(--text)}.admin-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.admin-table td,.admin-table th{padding:.7rem .95rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;font-size:.875rem}.admin-table thead th{background:var(--bg-subtle);color:var(--text-dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.admin-table tbody tr:last-child td{border-bottom:0}.admin-actions{display:flex;flex-wrap:wrap;gap:.3rem}.admin-actions .btn{padding:.32rem .65rem;font-size:.78rem}.create-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1.5rem;align-items:start;max-width:1280px;margin-inline:auto;padding-bottom:2rem}.create-main{display:grid;gap:1.25rem;min-width:0}.create-sidebar{position:sticky;top:90px;align-self:start}.create-summary{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.create-summary h3{margin:0 0 .85rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.create-summary dl{margin:0 0 1rem;display:grid;gap:.75rem}.create-summary dl>div{display:grid;gap:.15rem}.create-summary dt{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.create-summary dd{margin:0;font-size:.95rem;color:var(--text);word-break:break-word}.create-summary-actions{display:grid;gap:.4rem;padding-top:.85rem;border-top:1px solid var(--border)}.create-bottom-action{display:flex;justify-content:flex-end;padding-top:1rem}@media (max-width:1100px){.create-bottom-action{justify-content:stretch}.create-bottom-action .btn{width:100%}}.autosave-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;margin-bottom:.5rem;color:var(--success)}.autosave-indicator svg{color:var(--success);opacity:.8}.create-collab-btn{margin-top:.4rem;border-style:dashed}.create-form{display:grid;gap:1.25rem;padding-bottom:2rem}.create-section{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.create-section-header{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:1.5rem;flex-wrap:wrap}.create-section-header h2{margin:0 0 .15rem;font-size:1.1rem;font-weight:600;letter-spacing:-.015em}.create-section-header p{margin:0;font-size:.85rem;color:var(--text-dim)}.create-section-header>.btn{margin-left:auto;flex-shrink:0}.create-step{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--bg-subtle);color:var(--text-dim);font-weight:600;font-size:.85rem;flex-shrink:0;font-variant-numeric:tabular-nums}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.create-grid .field{margin-bottom:0}@media (max-width:600px){.create-grid{grid-template-columns:1fr}}.import-tabs{display:grid;gap:.85rem}.import-tabs-bar{display:flex;flex-wrap:wrap;gap:.4rem;padding:.4rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius)}.import-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.import-tab.is-active,.import-tab:hover{background:var(--bg-card);color:var(--text)}.import-tab.is-active{border-color:var(--border);box-shadow:0 1px 2px rgba(0,0,0,.04)}.import-tab-icon{display:inline-grid;place-items:center;width:18px;height:18px;font-size:.95rem;color:var(--accent);opacity:.85}.import-tab-panel{min-height:80px}.import-panel{display:grid;gap:.75rem}.import-panel textarea{width:100%;resize:vertical;font-family:inherit}.tmdb-search{display:grid;gap:.85rem}.tmdb-search-bar{display:flex;align-items:center;gap:.6rem}.tmdb-search-input{flex:1;min-width:0;padding:.65rem .85rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.92rem}.tmdb-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tmdb-collection-title{font-size:1rem;font-weight:600}.tmdb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.6rem .85rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm)}.tmdb-toolbar-actions{display:inline-flex;gap:.4rem;flex-wrap:wrap}.tmdb-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;max-height:520px;overflow-y:auto;padding:.25rem}.tmdb-result{position:relative;display:flex;flex-direction:column;text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;font-family:inherit;color:var(--text);transition:border-color .12s,transform .12s;padding:0}.tmdb-result:hover{border-color:var(--accent);transform:translateY(-1px)}.tmdb-result.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.tmdb-result-poster{position:relative;aspect-ratio:2/3;background:var(--bg-subtle);overflow:hidden}.tmdb-result-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tmdb-result-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:1.5rem;color:var(--text-muted)}.tmdb-result-check{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.85rem;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.25)}.tmdb-result-body{padding:.55rem .65rem .7rem;display:grid;gap:.15rem}.tmdb-result-title{font-size:.85rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tmdb-collection-card{text-align:left}@media (max-width:1100px){.create-layout{grid-template-columns:1fr}.create-sidebar{position:static}}.entries-toolbar{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;flex-wrap:wrap}.entries-filter-input{flex:1;min-width:200px;height:var(--h-input);padding:0 .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.9rem}.entries-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.75rem}.entry-row{display:grid;grid-template-columns:80px minmax(0,1fr);gap:.85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;align-items:start;transition:border-color .15s}.entry-row:hover{border-color:var(--border-strong)}.entry-preview-large{border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-subtle);border:1px solid var(--border);width:80px;height:80px;display:grid;place-items:center;flex-shrink:0}.entry-preview-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.entry-preview-placeholder{font-size:1.2rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.entry-fields{display:flex;flex-direction:column;gap:.4rem;min-width:0;overflow:hidden}.entry-fields input{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.5rem .7rem;font-size:.85rem;font-family:inherit;transition:border-color .15s,box-shadow .15s;width:100%;min-width:0}.entry-fields input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.entry-row-invalid{border-color:rgba(239,68,68,.55);background:linear-gradient(to right,rgba(239,68,68,.06),var(--bg-elev) 12%);box-shadow:inset 3px 0 0 0 #ef4444}.entry-row-invalid:hover{border-color:rgba(239,68,68,.75)}.entry-input-invalid{border-color:rgba(239,68,68,.6)!important;background:rgba(239,68,68,.04)!important}.entry-input-invalid:focus{border-color:#ef4444!important;box-shadow:0 0 0 2px rgba(239,68,68,.25)!important}.entry-invalid-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;color:#ef4444;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);border-radius:999px;padding:.1rem .5rem;letter-spacing:.01em;white-space:nowrap}.entries-status-invalid{color:#ef4444!important}.entries-invalid-count{color:#ef4444;font-weight:600}.create-pow2-warning{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius);margin-bottom:1rem}.create-pow2-warning>svg{color:var(--warning);flex-shrink:0;margin-top:1px}.create-pow2-warning strong{display:block;font-size:.875rem;font-weight:600;color:var(--warning);margin-bottom:.2rem}.create-pow2-warning p{margin:0;font-size:.82rem;color:var(--text-dim);line-height:1.5}.entry-row-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.entry-row-header strong{font-size:.8rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.entry-row-actions{margin-left:auto;display:flex;gap:.2rem}.entry-icon-btn{width:26px;height:26px;border-radius:6px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;display:grid;place-items:center;font-family:inherit;font-size:.85rem}.entry-icon-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.entry-icon-btn.entry-remove:hover:not(:disabled){color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.entry-icon-btn:disabled{opacity:.3;cursor:not-allowed}.entry-type-toggle{display:inline-flex;background:var(--bg-subtle);border-radius:var(--radius-sm);padding:2px}.entry-type-toggle button{background:transparent;border:0;padding:.25rem .55rem;border-radius:4px;font-size:.75rem;font-weight:500;color:var(--text-dim);cursor:pointer;font-family:inherit}.entry-type-toggle button.on{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-xs)}.bulk-paste{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;margin-bottom:1rem}.bulk-paste textarea{width:100%;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.55rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.825rem;resize:vertical;margin-top:.5rem}.bulk-actions{margin-top:.5rem;display:flex;justify-content:flex-end}.playlist-import-row{display:flex;gap:.5rem;margin-top:.5rem;align-items:center}.playlist-import-input{flex:1;min-width:0;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.55rem .85rem;font-size:.875rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.playlist-import-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.entries-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.create-submit{position:sticky;bottom:1rem;z-index:10;background:var(--bg);padding:.75rem 0;border-top:1px solid var(--border);margin-top:.5rem}.entry-preview{margin-top:.7rem;width:80px;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--bg-subtle);border:1px solid var(--border)}.entry-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width:540px){.entry-row{grid-template-columns:70px 1fr}}.select-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-elev);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right .85rem center;background-size:12px;border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.6rem 2.25rem .6rem .85rem;font-size:.92rem;font-family:inherit;font-weight:500;cursor:pointer;height:var(--h-input,40px);transition:border-color .18s,background-color .18s;width:100%}.select-input:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.select-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.select-input option{background:var(--bg-elev);color:var(--text);padding:.4rem}.settings-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem}.settings-card h3{margin:0 0 .4rem;font-size:1.05rem;font-weight:600}.settings-card .muted{font-size:.875rem}.settings-row{display:flex;align-items:center;gap:1rem;margin-top:1rem}.settings-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1rem}.banner-editor{margin:1rem 0;display:flex;flex-direction:column;gap:.65rem}.banner-editor-canvas{position:relative;width:100%;aspect-ratio:6/1;background:#000;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.banner-editor-controls{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.banner-zoom-label{display:flex;align-items:center;gap:.55rem;flex:1;min-width:220px;font-size:.85rem;color:var(--text-dim)}.banner-zoom-label input[type=range]{flex:1;accent-color:var(--accent)}.banner-preview{height:100px;background:var(--bg-subtle);background-size:cover;background-position:50%;border:1px dashed var(--border-strong);border-radius:var(--radius);display:grid;place-items:center;margin:1rem 0}.upload-field{display:flex;flex-direction:column;gap:.4rem}.upload-row{display:flex;gap:.4rem;flex-wrap:wrap}.upload-input{flex:1;min-width:200px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.55rem .85rem;font-size:.9rem;font-family:inherit}.upload-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.entry-image-input-row{display:flex;gap:.35rem;align-items:center}.entry-image-input-row input{flex:1;min-width:0}.entry-upload-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border);cursor:pointer;color:var(--text-dim);flex-shrink:0;transition:border-color .15s,color .15s}.entry-upload-btn:hover{border-color:var(--accent);color:var(--accent)}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-subtle);color:var(--text-dim);font-size:.875rem;text-align:center;margin-bottom:1rem;transition:border-color .15s,background .15s;cursor:default}.drop-zone-active,.drop-zone:hover{border-color:var(--accent);background:var(--accent-soft)}.drop-zone svg{opacity:.5}.drop-zone-browse{color:var(--accent);font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.drop-zone-browse:hover{color:var(--accent-hover)}.image-search{margin-bottom:1rem}.image-search-bar{display:flex;gap:.4rem;margin-bottom:.75rem}.image-search-input{flex:1;min-width:0;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.5rem .75rem;font-size:.875rem;font-family:inherit}.image-search-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.image-search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.image-search-item{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:var(--bg-subtle);transition:border-color .15s,transform .15s}.image-search-item:hover{border-color:var(--accent);transform:scale(1.03)}.image-search-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-crop-editor{margin-top:.75rem}.cover-crop-canvas{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.checkbox-row{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;padding:.5rem 0}.checkbox-row input[type=checkbox]{margin-top:.25rem;width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.share-link-box{display:flex;gap:.5rem;margin-top:.5rem;padding:.5rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius)}.share-link-box input{flex:1;background:transparent;border:none;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85rem;color:var(--text);outline:none}.tags-input-wrap{position:relative;flex:1;min-width:120px}.tags-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);max-height:240px;overflow-y:auto}.tags-suggestion{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:transparent;border:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.tags-suggestion.on,.tags-suggestion:hover{background:var(--bg-subtle)}@media (max-width:720px){.create-form{gap:1rem}.create-section{padding:1rem;border-radius:var(--radius)}.create-section-header{gap:.5rem;margin-bottom:.85rem}.create-section-header h2{font-size:1rem}.create-section-header p{font-size:.78rem}.create-section-header>.btn{margin-left:0;flex-shrink:1;font-size:.78rem;padding:.35rem .65rem}.create-step{width:26px;height:26px;font-size:.8rem}.create-grid{grid-template-columns:1fr!important;gap:.85rem}.entry-row{grid-template-columns:60px minmax(0,1fr);gap:.6rem;padding:.65rem}.entry-preview-large{width:60px;height:60px}.entry-fields{gap:.35rem}.entry-fields input{font-size:16px;padding:.45rem .6rem}.entry-row-header{gap:.35rem;align-items:center}.entry-row-header strong{font-size:.72rem}.entry-type-toggle{order:3;margin-left:0;width:100%}.entry-type-toggle button{flex:1;text-align:center;font-size:.72rem;padding:.3rem .4rem}.entry-row-actions{order:2;margin-left:auto;gap:.15rem}.entry-icon-btn{width:28px;height:28px;font-size:.8rem}.entry-invalid-badge{order:4;width:100%;margin-top:.15rem;font-size:.68rem}.bulk-paste{padding:.7rem;margin-bottom:.75rem}.playlist-import-row{flex-direction:column;gap:.5rem}.playlist-import-row .btn,.playlist-import-row input{width:100%}.entries-actions{flex-wrap:wrap;gap:.4rem}.entries-actions .btn{flex:1;min-width:0;font-size:.85rem;padding:.5rem .8rem}.create-submit{padding-top:.5rem}.create-submit .btn-block{font-size:.95rem;padding:.7rem 1rem}.md-toolbar{flex-wrap:wrap;gap:.2rem}.md-editor-textarea,.yt-search-input{font-size:16px}}@media (max-width:480px){.entry-row{grid-template-columns:50px minmax(0,1fr);padding:.55rem}.entry-preview-large{width:50px;height:50px}.entry-fields input{font-size:16px;padding:.4rem .55rem}}@media (max-width:720px){.image-search-bar{flex-wrap:wrap;gap:.4rem}.image-search-input{flex:1 1 100%;min-width:0;font-size:16px}.image-search-bar .btn{flex:1}.image-search-results{grid-template-columns:repeat(2,1fr)!important;gap:.4rem!important}.image-search-item{aspect-ratio:1/1!important}.cover-crop-canvas{aspect-ratio:4/3!important}.banner-editor-controls{flex-wrap:wrap;gap:.5rem}.banner-zoom-label{width:100%}.banner-zoom-label input[type=range]{flex:1;min-width:0}}.entry-row{cursor:grab}.entry-row:active{cursor:grabbing}.entry-row-drag-over{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-soft)}.entry-row .entry-row-actions,.entry-row .entry-row-header strong,.entry-row .entry-type-toggle,.entry-row input{cursor:auto}.entry-row .entry-icon-btn,.entry-row .entry-row-actions button,.entry-row .entry-type-toggle button{cursor:pointer}.entries-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem}.entries-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.entries-search svg{color:var(--text-dim);flex-shrink:0}.entries-search input{flex:1;border:0;background:transparent;outline:none;font-family:inherit;font-size:.9rem;color:var(--text);min-width:0}.entries-search-clear{width:22px;height:22px;border:0;background:var(--bg-subtle);color:var(--text-dim);border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1}.entries-search-clear:hover{background:var(--border);color:var(--text)}.entries-empty{list-style:none;padding:1.5rem;text-align:center;color:var(--text-dim);font-size:.9rem;background:var(--bg-subtle);border-radius:var(--radius);border:1px dashed var(--border)}.size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem}.size-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:1rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-family:inherit;color:var(--text);transition:border-color .15s,transform .15s,background .15s}.size-card:hover{border-color:var(--accent);transform:translateY(-1px)}.size-card.is-selected{border-color:var(--accent);background:var(--accent-soft)}.size-card-value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.size-card-label{font-size:.78rem;color:var(--text-dim)}.size-card.is-selected .size-card-label{color:var(--accent)}.radio-pills{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.25rem}.radio-pill{display:flex;flex-direction:column;gap:.2rem;padding:.85rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s}.radio-pill input{display:none}.radio-pill strong{font-size:.9rem;letter-spacing:-.01em}.radio-pill span{font-size:.78rem;color:var(--text-dim);line-height:1.4}.radio-pill.on,.radio-pill:hover{border-color:var(--accent)}.radio-pill.on{background:var(--accent-soft)}.radio-pill.on strong{color:var(--accent)}.check-row{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.check-row:hover{border-color:var(--accent)}.check-row input[type=checkbox]{margin-top:.25rem;flex-shrink:0;width:16px;height:16px;accent-color:var(--accent)}.check-row>span{display:flex;flex-direction:column;gap:.2rem;font-size:.92rem;line-height:1.4}.check-row strong{font-weight:600}@media (max-width:600px){.radio-pills{grid-template-columns:1fr}}.admin-layout{display:grid;grid-template-columns:220px 1fr;gap:1.5rem;min-height:60vh}.admin-sidebar{display:flex;flex-direction:column;gap:.5rem}.admin-sidebar-title{margin:0 0 .5rem;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.4rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.admin-nav{display:flex;flex-direction:column;gap:.15rem}.admin-nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;background:none;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:background .15s,color .15s;width:100%;text-align:left}.admin-nav-item:hover{background:var(--bg-subtle);color:var(--text)}.admin-nav-item.active{background:var(--accent-soft);color:var(--accent)}.admin-nav-badge{margin-left:auto;background:var(--danger);color:#fff;font-size:.65rem;font-weight:800;padding:.15rem .4rem;border-radius:var(--radius-full);min-width:18px;text-align:center}.admin-nav-count{font-size:.72rem}.admin-nav-arrow,.admin-nav-count{margin-left:auto;color:var(--text-muted)}.admin-sidebar-sep{height:1px;background:var(--border);margin:.5rem 0}.admin-refresh{color:var(--text-dim)}.admin-main{min-width:0}.admin-section-title{margin:0 0 1rem;font-size:1.1rem;font-weight:750;display:flex;align-items:center;gap:.4rem}.admin-section-title svg{color:var(--accent)}.admin-subtitle{margin:0 0 .5rem;font-size:.85rem;font-weight:700;color:var(--text-dim)}.admin-table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}.admin-empty{display:flex;align-items:center;gap:.5rem;padding:2rem;color:var(--text-dim);font-size:.9rem}.admin-action-btn{width:30px;height:30px;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .15s}.admin-action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.admin-action-btn.admin-action-success:hover{border-color:var(--success);color:var(--success);background:var(--success-soft)}.admin-action-btn.admin-action-danger:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.admin-stat-card{padding:1.25rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.6rem}.admin-stat-card-header{display:flex;align-items:center;gap:.5rem}.admin-stat-card-title{font-weight:650;font-size:.88rem;color:var(--text-secondary)}.admin-stat-card-total{font-size:2rem;font-weight:800;line-height:1}.admin-stat-card-sub{display:flex;gap:1rem;font-size:.78rem;color:var(--text-dim)}.admin-stat-card-sub strong{font-weight:700;color:var(--text)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@media (max-width:768px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{flex-direction:row;flex-wrap:wrap;gap:.25rem}.admin-sidebar-title{width:100%}.admin-nav{flex-direction:row;flex-wrap:wrap}.admin-sidebar-sep{display:none}}.like-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;transition:transform .1s,border-color .15s,background .15s}.like-btn:hover:not(:disabled){transform:translateY(-1px)}.like-btn.liked,.like-btn:hover:not(:disabled){border-color:color-mix(in srgb,#ef4444 50%,var(--border))}.like-btn.liked{background:color-mix(in srgb,#ef4444 6%,var(--bg-elev))}.like-btn:disabled{opacity:.6;cursor:default}.like-icon{font-size:1rem;line-height:1}.like-count{font-variant-numeric:tabular-nums}.notif-badge-btn{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elev);font-size:.95rem;cursor:pointer;transition:border-color .15s,background .15s}.notif-badge-btn:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.notif-badge-count{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;display:grid;place-items:center;line-height:1;border:2px solid var(--bg);font-variant-numeric:tabular-nums}.theme-toggle{width:34px;height:34px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;font-size:.9rem;display:grid;place-items:center;transition:background .15s,border-color .15s;font-family:inherit}.theme-toggle:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.skeleton-list{grid-template-columns:1fr}.skeleton-card{border:1px solid var(--border);border-radius:var(--radius-lg)}.skeleton-card,.skeleton-line{background:var(--bg-subtle);position:relative;overflow:hidden}.skeleton-line{height:.95rem;border-radius:4px;margin-bottom:.4rem}.skeleton-button:after,.skeleton-card:after,.skeleton-line:after,.skeleton-pill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--text) 7%,transparent) 50%,transparent 100%);transform:translateX(-100%);animation:skeletonShimmer 1.6s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.games-grid-stagger>*{animation:cardIn .32s ease-out both}.games-grid-stagger>:first-child{animation-delay:0ms}.games-grid-stagger>:nth-child(2){animation-delay:35ms}.games-grid-stagger>:nth-child(3){animation-delay:70ms}.games-grid-stagger>:nth-child(4){animation-delay:105ms}.games-grid-stagger>:nth-child(5){animation-delay:.14s}.games-grid-stagger>:nth-child(6){animation-delay:175ms}.games-grid-stagger>:nth-child(7){animation-delay:.21s}.games-grid-stagger>:nth-child(8){animation-delay:245ms}.games-grid-stagger>:nth-child(n+9){animation-delay:.28s}.infinite-sentinel{padding:2rem 0;text-align:center}.history-page-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.history-page-item{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:.85rem;padding:.65rem .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.history-page-item:hover{border-color:var(--border-strong)}.history-page-cover{position:relative;width:70px;height:44px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-subtle);flex-shrink:0}.history-page-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.history-page-info{min-width:0}.history-page-title{font-weight:500;font-size:.9rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-page-title:hover{color:var(--accent)}.game-detail-skeleton{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elev)}.skeleton-cover{height:260px;border-radius:0;border:none;border-bottom:1px solid var(--border)}.skeleton-content{padding:1.5rem 2rem 2rem;margin-top:-2rem;background:var(--bg-elev);border-radius:var(--radius-lg);position:relative}.skeleton-title{width:55%;height:1.75rem;margin-bottom:1rem}.skeleton-desc{width:90%;height:.95rem}.skeleton-desc-short{width:60%;height:.95rem;margin-bottom:1.25rem}.skeleton-meta{display:flex;gap:.75rem;margin-bottom:1.25rem}.skeleton-pill{width:110px;height:1.5rem;border-radius:999px;background:var(--bg-subtle);position:relative;overflow:hidden}.skeleton-actions{display:flex;gap:.5rem}.skeleton-button{width:110px;height:38px;border-radius:var(--radius);background:var(--bg-subtle);position:relative;overflow:hidden}.skeleton-button-primary{width:130px}@media (max-width:768px){.skeleton-cover{height:180px}.skeleton-content{padding:1.25rem}}.global-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;margin:1.5rem 0;overflow:hidden}.global-stat{display:flex;align-items:center;gap:.55rem;padding:.75rem 1rem;border-right:1px solid var(--border);transition:background .15s}.global-stat:last-child{border-right:none}.global-stat:hover{background:color-mix(in srgb,var(--accent) 3%,var(--bg-elev))}.global-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:color-mix(in srgb,var(--text-dim) 6%,var(--bg));color:var(--text-dim);border-radius:8px}.global-stat.is-accent .global-stat-icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg))}.global-stat-text{display:flex;flex-direction:column;gap:0;min-width:0}.global-stat-value{font-size:1.05rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--text);line-height:1.2}.global-stat-label{font-size:.65rem;color:var(--text-dim);text-transform:lowercase;letter-spacing:.01em;line-height:1.3}.global-stat.is-accent .global-stat-value{color:var(--accent)}@media (max-width:720px){.global-stats-bar{grid-template-columns:repeat(2,1fr)}.global-stat{padding:.6rem .75rem}.global-stat:nth-child(2){border-right:none}.global-stat:nth-child(n+3){border-top:1px solid var(--border)}.global-stat-icon{width:28px;height:28px}.global-stat-value{font-size:.95rem}.global-stat-label{font-size:.6rem}}.badges-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem 1rem;margin-top:1rem;padding:.6rem .85rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.badges-row-label{font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0}.badges-row-label .small{font-weight:500;text-transform:none;letter-spacing:0}.badges-row-list{display:flex;gap:.2rem;overflow:visible}.badges-inline,.badges-row-list{flex-wrap:wrap;align-items:center}.badges-inline{display:inline-flex;gap:.15rem}.badge-pill,.badges-inline .badge-pill{width:22px;height:22px}.badge-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:0;background:none;color:var(--text-muted);border:none;cursor:help;transition:transform .15s ease;outline:none}.badge-pill:focus-visible,.badge-pill:hover{transform:scale(1.12);z-index:1}.badge-pill.is-unlocked{opacity:1}.badge-pill.is-locked{opacity:.35}.badge-pill.is-locked:hover{opacity:.55}.badge-pill-tooltip{top:calc(100% + 8px);display:flex;align-items:center;gap:.45rem;padding:.4rem .6rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);font-size:.72rem;color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease,transform .15s ease;box-shadow:var(--shadow-lg);z-index:100;width:-moz-max-content;width:max-content}.badge-pill-tooltip,.badge-pill-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.badge-pill-tooltip:after{content:"";bottom:100%;border:5px solid transparent;border-bottom:5px solid var(--border)}.badge-tooltip-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge-tooltip-info{display:flex;flex-direction:column;gap:.1rem}.badge-pill-tooltip strong{font-weight:600;font-size:.72rem;letter-spacing:-.01em;color:var(--text);line-height:1.2}.badge-pill-tooltip em{font-style:normal;color:var(--text-muted);font-size:.64rem;line-height:1.2}.badge-pill:focus-visible .badge-pill-tooltip,.badge-pill:hover .badge-pill-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(2px)}@media (max-width:600px){.badge-pill{width:20px;height:20px}.badges-row-label{font-size:.68rem}}.xp-bar{width:100%;max-width:320px;margin:.75rem auto}.xp-bar--compact{max-width:220px}.xp-bar-header{justify-content:space-between;margin-bottom:.3rem}.xp-bar-header,.xp-bar-level{display:flex;align-items:center}.xp-bar-level{gap:.25rem;font-size:.75rem;font-weight:600;color:var(--accent)}.xp-bar--compact .xp-bar-level{font-size:.68rem}.xp-bar-label{font-size:.62rem;color:var(--text-muted);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:.35rem}.xp-bar-gain{color:var(--accent);font-weight:700;font-size:.65rem;animation:xp-gain-pop .5s cubic-bezier(.32,.72,0,1)}@keyframes xp-gain-pop{0%{opacity:0;transform:translateY(4px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.xp-bar-track{height:5px;background:var(--bg-subtle);overflow:hidden}.xp-bar-fill,.xp-bar-track{border-radius:var(--radius-full)}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width 1.2s cubic-bezier(.32,.72,0,1)}.bookmark-btn{display:inline-flex;align-items:center;gap:.4rem;height:var(--h-btn);padding:0 .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:transform .1s,border-color .15s,background .15s,color .15s}.bookmark-btn:hover:not(:disabled){transform:translateY(-1px)}.bookmark-btn.is-on,.bookmark-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.bookmark-btn.is-on{background:var(--accent-soft);color:var(--accent)}.bookmark-btn:disabled{opacity:.6;cursor:default}.bookmark-btn svg{flex-shrink:0}.leaderboard{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.leaderboard-row{display:grid;grid-template-columns:50px 56px 1fr auto;align-items:center;gap:.85rem;padding:.65rem .95rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.leaderboard-row:hover{border-color:var(--border-strong)}.leaderboard-rank-1{border-color:color-mix(in srgb,#fbbf24 60%,var(--border));background:color-mix(in srgb,#fbbf24 5%,var(--bg-elev))}.leaderboard-rank-2{border-color:var(--border-strong)}.leaderboard-rank-3{border-color:color-mix(in srgb,#f97316 30%,var(--border))}.leaderboard-rank{font-size:1.05rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.leaderboard-thumb{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-subtle)}.leaderboard-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.leaderboard-info{min-width:0}.leaderboard-name{display:block;font-size:.9rem;margin-bottom:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.leaderboard-bar-wrap{width:100%;height:4px;background:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden}.leaderboard-bar{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .4s ease}.leaderboard-stats{text-align:right;display:flex;flex-direction:column;gap:.1rem}.leaderboard-rate{font-weight:700;font-size:1rem;color:var(--text);font-variant-numeric:tabular-nums;background:none;-webkit-background-clip:initial;background-clip:initial;letter-spacing:-.01em}@media (max-width:600px){.leaderboard-row{grid-template-columns:38px 44px 1fr auto;gap:.55rem;padding:.55rem .7rem}.leaderboard-thumb{width:44px;height:44px}}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:1rem;margin:.25rem 0 1.75rem;padding:1rem .5rem 0}.podium-slot{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;min-width:0;position:relative}.podium-medal{font-size:1.6rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.podium-thumb{width:96px;height:96px;border-radius:999px;overflow:hidden;background:var(--bg-subtle);border:3px solid var(--border);box-shadow:var(--shadow-md);flex-shrink:0}.podium-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.podium-slot-1 .podium-thumb{width:124px;height:124px;border-color:#fbbf24;box-shadow:0 0 0 4px color-mix(in srgb,#fbbf24 22%,transparent),var(--shadow-lg)}.podium-slot-2 .podium-thumb{width:104px;height:104px;border-color:color-mix(in srgb,#cbd5e1 80%,var(--border))}.podium-slot-3 .podium-thumb{border-color:color-mix(in srgb,#f97316 65%,var(--border))}.podium-info{display:flex;flex-direction:column;align-items:center;gap:.1rem;width:100%;min-width:0}.podium-name{display:block;width:100%;font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.podium-stats{display:flex;flex-direction:column;align-items:center;gap:.05rem}.podium-rate{font-size:1.4rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}.podium-slot-1 .podium-rate{color:var(--accent);font-size:1.65rem}.podium-base{width:100%;margin-top:.35rem;padding:.55rem .5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);display:grid;place-items:center;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-dim);letter-spacing:.02em}.podium-slot-1 .podium-base{height:96px;border-color:color-mix(in srgb,#fbbf24 55%,var(--border));background:color-mix(in srgb,#fbbf24 7%,var(--bg-elev));color:var(--text)}.podium-slot-2 .podium-base{height:70px;border-color:color-mix(in srgb,#cbd5e1 50%,var(--border))}.podium-slot-3 .podium-base{height:56px;border-color:color-mix(in srgb,#f97316 35%,var(--border))}.podium-base-rank{font-size:1.05rem}.podium-slot-1 .podium-base-rank{font-size:1.4rem}@media (max-width:720px){.podium{gap:.5rem}.podium-slot-1 .podium-thumb{width:96px;height:96px}.podium-slot-2 .podium-thumb{width:80px;height:80px}.podium-slot-3 .podium-thumb{width:76px;height:76px}.podium-name{font-size:.82rem}.podium-rate{font-size:1.1rem}.podium-slot-1 .podium-rate{font-size:1.3rem}.podium-slot-1 .podium-base{height:70px}.podium-slot-2 .podium-base{height:54px}.podium-slot-3 .podium-base{height:44px}}.participants-rank-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.participant-rank-row{display:grid;grid-template-columns:42px 48px minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.55rem .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,transform .15s}.participant-rank-row:hover{border-color:var(--border-strong)}.participant-rank-num{font-size:.9rem;font-weight:700;color:var(--text-dim);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.participant-rank-thumb{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-subtle);border:1px solid var(--border)}.participant-rank-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.participant-rank-main{min-width:0}.participant-rank-name{display:block;font-size:.9rem;font-weight:500;margin-bottom:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-rank-bar-wrap{width:100%;height:4px;background:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden}.participant-rank-bar{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .4s ease}.participant-rank-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.05rem;text-align:right}.participant-rank-rate{font-weight:700;font-size:.95rem;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media (max-width:600px){.participant-rank-row{grid-template-columns:30px 40px minmax(0,1fr) auto;gap:.55rem;padding:.5rem .65rem}.participant-rank-thumb{width:40px;height:40px}}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem}.participant-card{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s,transform .15s}.participant-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.participant-thumb{aspect-ratio:16/10;background:var(--bg-subtle);overflow:hidden}.participant-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.participant-card-body{padding:.6rem .75rem;display:flex;flex-direction:column;gap:.15rem}.participant-card-rank{font-size:.7rem;font-weight:700;color:var(--text-dim);letter-spacing:.04em;font-variant-numeric:tabular-nums}.participant-card-name{display:block;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes versusIn{0%{opacity:0;transform:translateY(28px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonPulse{0%,to{opacity:.6}50%{opacity:.3}}[data-theme=dark] .game-plays{background:rgba(0,0,0,.85)}[data-theme=dark] .modal-backdrop{background:rgba(0,0,0,.65)}[data-theme=dark] .profile-hero-banner-fade{background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.6))}[data-theme=dark] .profile-banner-overlay{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5))}[data-theme=dark] .skeleton-card,[data-theme=dark] .skeleton-line{background:var(--bg-subtle)}.yt-search{position:relative;margin-bottom:1.25rem;z-index:20}.yt-search-input{width:100%;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.65rem .95rem;font-size:.9rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.yt-search-input::-moz-placeholder{color:var(--text-muted)}.yt-search-input::placeholder{color:var(--text-muted)}.yt-search-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.yt-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;max-height:420px;overflow-y:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:4px;display:flex;flex-direction:column;gap:2px}.yt-search-item{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:.8rem;padding:.5rem;border:0;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;text-align:left;color:var(--text);transition:background .12s}.yt-search-item:hover,.yt-search-thumb{background:var(--bg-subtle)}.yt-search-thumb{width:100px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.yt-search-meta{min-width:0;display:flex;flex-direction:column;gap:.15rem}.yt-search-title{font-size:.875rem;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-search-channel{font-size:.78rem;color:var(--text-dim)}.yt-search-add{width:28px;height:28px;border-radius:50%;background:var(--bg-subtle);display:grid;place-items:center;font-size:1.1rem;font-weight:600;color:var(--text-dim);transition:background .15s,color .15s}.yt-search-item:hover .yt-search-add{background:var(--accent);color:#fff}.yt-search-empty{padding:1rem;text-align:center;color:var(--text-dim);font-size:.875rem}.yt-search-error{color:var(--danger)}.tags-input{display:flex;flex-wrap:wrap;gap:.35rem;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.45rem .55rem;cursor:text;font-size:.875rem;min-height:40px;align-items:center;transition:border-color .15s,box-shadow .15s}.tags-input:focus-within{border-color:var(--accent);box-shadow:var(--shadow-focus)}.tag-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;color:var(--text)}.tag-chip-remove{background:transparent;border:0;cursor:pointer;font-size:1rem;line-height:1;color:var(--text-dim);padding:0 .1rem}.tag-chip-remove:hover{color:var(--danger)}.tags-input-field{flex:1;min-width:120px;border:0;background:transparent;color:var(--text);outline:none;font-family:inherit;font-size:.875rem;padding:.15rem .25rem}.game-detail-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.85rem}.tag-chip-readonly{display:inline-flex;padding:.2rem .6rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.78rem;font-weight:500;color:var(--text-secondary)}.md-editor{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s,box-shadow .15s}.md-editor:focus-within{border-color:var(--accent);box-shadow:var(--shadow-focus)}.md-toolbar{display:flex;align-items:center;gap:.15rem;padding:.3rem .4rem;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.md-toolbar button{background:transparent;border:0;width:28px;height:28px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.85rem;color:var(--text);display:grid;place-items:center}.md-toolbar button:hover{background:var(--bg-elev)}.md-toolbar-spacer{flex:1}.md-editor-textarea{background:var(--bg-elev);border:0;color:var(--text);padding:.6rem .85rem;font-family:inherit;font-size:.9rem;resize:vertical;outline:none;min-height:80px;line-height:1.5}.md-rendered p{margin:0 0 .55rem;line-height:1.6}.md-rendered p:last-child{margin-bottom:0}.md-rendered ul{margin:0 0 .55rem 1.2rem;padding:0}.md-rendered li{margin-bottom:.2rem}.md-rendered a{color:var(--accent)}.md-rendered a:hover{text-decoration:underline}.md-rendered strong{font-weight:600}.draft-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem;font-size:.875rem}.draft-banner-actions{display:flex;gap:.4rem}.creators-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.creators-item{display:grid;grid-template-columns:40px 36px 1fr auto;align-items:center;gap:.85rem;padding:.7rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;transition:border-color .15s}.creators-item:hover{border-color:var(--border-strong)}.creators-rank{font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.creators-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-subtle);-o-object-fit:cover;object-fit:cover}.creators-name{font-weight:600;color:var(--text)}.creators-name:hover{color:var(--accent)}.creators-stats{display:flex;gap:.4rem;font-size:.825rem;color:var(--text-secondary)}@media (max-width:768px){.header-inner{gap:.75rem;padding:.6rem 1rem}.nav{gap:0;margin-left:0}.nav-link{padding:.35rem .55rem;font-size:.8rem}.auth-actions{gap:.3rem}.user-chip span{display:none}.user-chip{padding:.2rem}.site-main{padding:1.5rem 1rem 3rem}.container,.container-wide{padding:0 1rem}.hero{padding:3rem 1.25rem}.hero h1{font-size:1.75rem}.hero p{font-size:.9rem}.categories-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.category-card{padding:.7rem .85rem;gap:.65rem}.category-card-icon{width:30px;height:30px}.category-card-name{font-size:.85rem}.category-card-count{font-size:.68rem}.games-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.game-title{font-size:.85rem}.game-desc{font-size:.78rem;-webkit-line-clamp:1}.game-body{padding:.65rem .75rem .75rem}.section-header h2{font-size:1.15rem}.game-detail-hero{padding:1.5rem}.game-detail-hero h1{font-size:1.5rem}.auth-card{padding:1.5rem}.create-form{gap:1rem}.create-section{padding:1.25rem}.create-grid{grid-template-columns:1fr}.admin-table{font-size:.8rem}.admin-table td,.admin-table th{padding:.5rem .6rem}.admin-tabs{flex-wrap:wrap}.leaderboard-row{grid-template-columns:38px 44px 1fr auto;gap:.55rem;padding:.55rem .7rem}.leaderboard-thumb{width:44px;height:44px}.filter-bar{flex-direction:column;align-items:stretch}.search-input{min-width:0}.sort-tabs{align-self:flex-start}.yt-search-item{grid-template-columns:80px 1fr auto;gap:.5rem}.yt-search-thumb{width:80px;height:45px}}@media (max-width:480px){.logo-text{display:none}.logo-img{height:22px}.nav-link{padding:.3rem .45rem;font-size:.75rem}.hero{padding:2.5rem 1rem;border-radius:var(--radius)}.hero h1{font-size:1.5rem}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.categories-grid{grid-template-columns:1fr 1fr;gap:.5rem}.games-grid{grid-template-columns:1fr}.game-cover{aspect-ratio:16/9}.profile-hero-banner{height:140px;border-radius:var(--radius)}.profile-main{margin:-40px .75rem 0}.profile-avatar-large{width:96px;height:96px;border-radius:20px;border-width:3px}.profile-titles h1{font-size:1.35rem}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-tile{padding:.85rem}.stat-tile-value{font-size:1.4rem}.profile-showcase{grid-template-columns:80px 1fr;gap:.75rem}.profile-showcase-cover{width:80px;height:55px}.profile-showcase-arrow{display:none}.play-header{grid-template-columns:1fr;text-align:center;gap:.5rem}.play-header-actions{justify-content:center}.play-progress-label{position:static;text-align:right;margin-top:.3rem}.versus{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;gap:.5rem}.versus-vs{padding:.3rem 0}.versus-video .choice-image{min-height:180px}.versus-image .choice-image{aspect-ratio:4/3;max-height:none}.choice-name{padding:.65rem .75rem;font-size:.85rem}.choice-vote-btn{padding:.6rem .85rem}.choice-vote-btn .choice-name{font-size:.85rem}.size-modal{padding:1.25rem 1.1rem 1.4rem;max-width:100%}.size-modal-header h2{font-size:1.1rem}.size-options{gap:.45rem}.size-option{flex:0 0 calc(33.333% - 0.3rem);height:78px;padding:.4rem}.size-number{font-size:1.3rem}.size-meta{font-size:.7rem}.size-tag-corner{font-size:.5rem;padding:.06rem .3rem;top:4px;right:4px}.podium{gap:.6rem}.podium-lg .podium-image{width:140px;height:140px}.podium-md .podium-image{width:100px;height:100px}.podium-sm .podium-image{width:80px;height:80px}.podium-card figcaption{font-size:.8rem;max-width:120px}.winner-name{font-size:1.75rem}.modal{padding:1.25rem}.entry-row{grid-template-columns:70px 1fr;gap:.6rem;padding:.6rem}.entry-row-header{gap:.35rem}.entry-type-toggle button{font-size:.7rem;padding:.2rem .4rem}.settings-card{padding:1.25rem}.settings-row{flex-direction:column;align-items:flex-start}.banner-editor-canvas{aspect-ratio:4/1}.history-page-item{grid-template-columns:60px 1fr;gap:.6rem}.history-page-item .btn{display:none}.history-page-cover{width:60px;height:38px}.creators-item{grid-template-columns:30px 30px 1fr;gap:.5rem}.creators-stats{display:none}.creators-avatar{width:30px;height:30px}.footer-inner{flex-direction:column;text-align:center}}@media (max-width:360px){.hero h1{font-size:1.3rem}.categories-grid,.profile-stats-grid{grid-template-columns:1fr}}@media (min-width:1440px){.container{max-width:1320px}.container-wide{max-width:1800px}.hero{padding:5.5rem 3rem}.hero h1{font-size:3.75rem}.hero p{font-size:1.1rem;max-width:640px}.categories-grid,.games-grid{grid-template-columns:repeat(4,1fr)}.game-title{font-size:1rem}.game-desc{font-size:.85rem}.section-header h2{font-size:1.5rem}.profile-hero-banner{height:300px}.profile-avatar-large{width:180px;height:180px;border-radius:32px}.profile-titles h1{font-size:2.25rem}.profile-stats-grid{grid-template-columns:repeat(4,1fr)}.stat-tile-value{font-size:2rem}.versus-video .choice-image{min-height:420px}.versus-image .choice-image{max-height:80vh}.leaderboard-row{grid-template-columns:60px 72px 1fr auto}.leaderboard-thumb{width:72px;height:72px}.game-detail-hero{padding:2.5rem}.game-detail-hero h1{font-size:2.25rem}.create-form{max-width:960px}}@media (min-width:1920px){.container{max-width:1480px}.container-wide{max-width:2000px}html{font-size:16px}.hero{padding:6rem 4rem;border-radius:20px}.hero h1{font-size:4rem}.categories-grid{grid-template-columns:repeat(4,1fr);gap:1rem}.games-grid{grid-template-columns:repeat(5,1fr);gap:1.25rem}.game-cover{aspect-ratio:16/9}.profile-hero-banner{height:340px;border-radius:20px}.profile-avatar-large{width:200px;height:200px}.profile-main{margin:-100px 2rem 0}.versus-video .choice-image{min-height:500px}.site-main{padding:3rem 2rem 5rem}}@media (min-width:2560px){.container{max-width:1600px}.container-wide{max-width:2400px}.games-grid{grid-template-columns:repeat(6,1fr)}.versus{max-width:2000px}.versus-video .choice-image{min-height:560px}}.page-transition{transition:opacity .22s cubic-bezier(.32,.72,0,1)}.page-enter{opacity:1}.page-exit{opacity:.3;pointer-events:none}.burger-btn{display:none;background:transparent;border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;align-items:center;justify-content:center;cursor:pointer;color:var(--text)}.burger-btn:hover{background:var(--bg-subtle)}.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:18px;height:14px;position:relative}.burger span{display:block;height:2px;width:100%;background:currentColor;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.burger.open span:first-child{transform:translateY(6px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-drawer{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.mobile-drawer.open{opacity:1;visibility:visible}.mobile-nav{position:absolute;top:0;right:0;bottom:0;width:min(85vw,340px);background:var(--bg-elev);border-left:1px solid var(--border);padding:4.5rem 1.25rem calc(5.5rem + env(safe-area-inset-bottom, 0px));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.25rem;transform:translateX(100%);transition:transform .25s cubic-bezier(.22,1,.36,1);box-shadow:-8px 0 24px rgba(0,0,0,.3)}.mobile-drawer.open .mobile-nav{transform:translateX(0)}.mobile-nav-link{display:block;padding:.85rem 1rem;border-radius:var(--radius);color:var(--text);font-size:1rem;font-weight:500;text-decoration:none;transition:background .15s ease;background:transparent;border:none;text-align:left;cursor:pointer;font-family:inherit;width:100%}.mobile-nav-link:focus-visible,.mobile-nav-link:hover{background:var(--bg-subtle);outline:none}.mobile-nav-link.active{color:var(--accent);background:var(--accent-soft)}.mobile-nav-link-accent{color:var(--accent);font-weight:600}.mobile-nav-divider{height:1px;background:var(--border);margin:.75rem .5rem}.mobile-nav-cta{background:var(--accent);color:#fff;margin-top:.5rem;text-align:center}.mobile-nav-cta:hover{background:var(--accent-strong,var(--accent))}.mobile-nav-logout{color:#ef4444}.mobile-nav-group{display:block;padding:.5rem 1rem .25rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-top:.5rem}@media (max-width:900px){.hide-on-mobile,.hide-on-mobile-block,.nav-desktop{display:none}}@media (min-width:901px){.burger-btn{display:none}}@media (max-width:720px){.playlist-import-input,.search-input,.upload-input{min-width:0!important}.filter-bar{gap:.5rem}.sort-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sort-tabs button{flex-shrink:0}.admin-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;min-width:0}.admin-table tbody,.admin-table thead{display:table;width:100%}.modal-overlay{padding:.5rem}.modal{padding:1rem;max-height:calc(100vh - 1rem);overflow-y:auto}.btn{min-height:38px}.btn-sm{min-height:32px}.user-chip-name{display:none}.game-detail-title{font-size:1.4rem;line-height:1.2}input,select,textarea{max-width:100%}.field input,.field select,.field textarea{width:100%}.game-detail-actions{flex-wrap:wrap;gap:.5rem}.game-detail-actions .btn{flex:1 1 calc(50% - 0.25rem)}.section-header{flex-wrap:wrap;gap:.5rem}input,select,textarea{font-size:16px!important}}.bottom-nav{display:none}@media (max-width:900px){.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:800;background:var(--bg-elev);border-top:1px solid var(--border);padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom, 0px));backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);background:color-mix(in srgb,var(--bg-elev) 92%,transparent)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.4rem .25rem;color:var(--text-dim);text-decoration:none;font-size:.65rem;font-weight:500;transition:color .15s ease,transform .15s ease;position:relative;min-height:52px}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.is-active{color:var(--accent)}.bottom-nav-item.is-active:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:3px;background:var(--accent);border-radius:0 0 3px 3px}.bottom-nav-icon{display:inline-flex;align-items:center;justify-content:center;height:24px}.bottom-nav-label{line-height:1;letter-spacing:-.01em}.bottom-nav-item.is-center .bottom-nav-icon{color:var(--accent)}.bottom-nav-item.is-center.is-active .bottom-nav-icon{color:var(--accent);transform:scale(1.05)}.bottom-nav-badge{position:absolute;top:6px;right:calc(50% - 14px);width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-elev)}.burger-btn{display:flex!important}.site-main{padding-bottom:calc(5rem + env(safe-area-inset-bottom, 0px))!important}.site-footer{padding-bottom:calc(2rem + 4.5rem + env(safe-area-inset-bottom, 0px))}.site-header{padding-top:env(safe-area-inset-top,0)}}.versus-fullscreen~.bottom-nav,body:has(.versus-fullscreen) .bottom-nav{display:none!important}.install-prompt{position:fixed;bottom:calc(5rem + env(safe-area-inset-bottom, 0px));left:1rem;right:1rem;z-index:700;display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 28px rgba(0,0,0,.18);animation:slideInUp .3s cubic-bezier(.22,1,.36,1);max-width:480px;margin:0 auto}@keyframes slideInUp{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}.install-prompt-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:10px;flex-shrink:0}.install-prompt-text{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.install-prompt-text strong{font-size:.92rem;font-weight:600}.install-prompt-text span{font-size:.78rem;color:var(--text-dim);line-height:1.35}.install-prompt-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.install-prompt-close{width:30px;height:30px;border:none;background:transparent;color:var(--text-dim);font-size:1.4rem;line-height:1;cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.install-prompt-close:hover{background:var(--bg-subtle);color:var(--text)}@media (min-width:901px){.install-prompt{display:none!important}}@media (max-width:720px){.section{margin-top:1.75rem}.section-header{margin-bottom:.75rem}.section-header h2{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.section-header .link-btn,.section-header a{font-size:.78rem;color:var(--accent);font-weight:600}.site-main{padding-top:1rem!important}}@keyframes splashTextIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.logo{display:inline-flex;align-items:center;gap:.55rem;transition:transform .2s ease}.logo:hover{transform:scale(1.03)}.section{animation:sectionIn .55s cubic-bezier(.22,1,.36,1) backwards}.reveal .section{animation:none}@keyframes sectionIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section:first-of-type{animation-delay:0ms}.section:nth-of-type(2){animation-delay:80ms}.section:nth-of-type(3){animation-delay:.16s}.section:nth-of-type(4){animation-delay:.24s}.section:nth-of-type(n+5){animation-delay:.32s}.games-grid>*{animation:gameCardIn .5s cubic-bezier(.22,1,.36,1) backwards}.games-grid>:first-child{animation-delay:0ms}.games-grid>:nth-child(2){animation-delay:50ms}.games-grid>:nth-child(3){animation-delay:.1s}.games-grid>:nth-child(4){animation-delay:.15s}.games-grid>:nth-child(5){animation-delay:.2s}.games-grid>:nth-child(6){animation-delay:.25s}.games-grid>:nth-child(7){animation-delay:.3s}.games-grid>:nth-child(8){animation-delay:.35s}.games-grid>:nth-child(n+9){animation-delay:.4s}@keyframes gameCardIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.categories-grid>*{animation:categoryIn .5s cubic-bezier(.22,1,.36,1) backwards}.categories-grid>:first-child{animation-delay:30ms}.categories-grid>:nth-child(2){animation-delay:70ms}.categories-grid>:nth-child(3){animation-delay:.11s}.categories-grid>:nth-child(4){animation-delay:.15s}.categories-grid>:nth-child(5){animation-delay:.19s}.categories-grid>:nth-child(6){animation-delay:.23s}.categories-grid>:nth-child(7){animation-delay:.27s}.categories-grid>:nth-child(8){animation-delay:.31s}.categories-grid>:nth-child(n+9){animation-delay:.35s}@keyframes categoryIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.row-track>.row-card{animation:rowCardIn .55s cubic-bezier(.22,1,.36,1) backwards}.row-track>.row-card:first-child{animation-delay:0ms}.row-track>.row-card:nth-child(2){animation-delay:60ms}.row-track>.row-card:nth-child(3){animation-delay:.12s}.row-track>.row-card:nth-child(4){animation-delay:.18s}.row-track>.row-card:nth-child(5){animation-delay:.24s}.row-track>.row-card:nth-child(6){animation-delay:.3s}.row-track>.row-card:nth-child(n+7){animation-delay:.36s}@keyframes rowCardIn{0%{opacity:0;transform:translateX(20px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1.05,.36,1);will-change:opacity,transform}.reveal.is-revealed{opacity:1;transform:translateY(0)}.global-stats-bar{animation:statsIn .6s cubic-bezier(.22,1,.36,1) .2s backwards}@keyframes statsIn{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.about-page{max-width:760px;padding:0 1rem 4rem}.about-hero{padding:2rem 0 3rem;border-bottom:1px solid var(--border);margin-bottom:2.5rem}.about-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.18em;margin-bottom:.85rem}.about-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.about-title .grad{color:var(--accent);font-style:italic}.about-text{margin:0;font-size:1.05rem;line-height:1.6;color:var(--text-dim);max-width:600px}.about-cta{margin-top:1.5rem}.about-section{display:grid;grid-template-columns:56px 1fr;gap:1.25rem;padding:1.5rem 0;border-bottom:1px solid var(--border);align-items:start}.about-section:last-of-type{border-bottom:0}.about-section h2{margin:0 0 .6rem;font-size:1.35rem;font-weight:600;letter-spacing:-.01em}.about-section p{margin:0 0 .85rem;line-height:1.6;color:var(--text)}.about-section p:last-child{margin-bottom:0}.about-section p.muted{color:var(--text-dim);font-size:.95rem}.about-section a{color:var(--accent)}.about-step{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;margin-top:.15rem}.about-shortcuts{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.about-shortcuts li{font-size:.95rem;line-height:1.5;color:var(--text)}.about-shortcuts kbd{display:inline-block;padding:.05rem .4rem;margin:0 .1rem;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-elev);font-family:inherit;font-size:.78rem;font-weight:500;color:var(--text)}.about-footer{margin-top:2.5rem}.about-footer a{font-weight:500}@media (max-width:600px){.about-section{grid-template-columns:40px 1fr;gap:.85rem}.about-step{width:36px;height:36px;font-size:.95rem}}.card-hover{transition:transform .32s cubic-bezier(.32,.72,0,1),border-color .32s,box-shadow .32s}.card-hover:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 32px -12px color-mix(in srgb,var(--accent) 35%,transparent)}.card-hover .card-hover-cover{transition:transform .54s cubic-bezier(.32,.72,0,1);will-change:transform}.card-hover:hover .card-hover-cover{transform:scale(1.05)}#nprogress{pointer-events:none}#nprogress .bar{position:fixed;z-index:9999;top:0;left:0;width:100%;height:2px;background:var(--accent)}#nprogress .bar,#nprogress .peg{box-shadow:0 0 12px var(--accent),0 0 6px var(--accent)}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;opacity:.9;transform:rotate(3deg) translateY(-4px)}.nav-search-btn{display:inline-flex;align-items:center;gap:.5rem;height:32px;padding:0 .6rem 0 .7rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color .2s cubic-bezier(.32,.72,0,1),background .2s,color .2s}.nav-search-btn:hover{border-color:var(--accent);color:var(--text);background:var(--bg)}.nav-search-btn svg{flex-shrink:0}.nav-search-label{white-space:nowrap}.nav-search-kbd{padding:1px 6px;background:var(--bg);border:1px solid var(--border);border-radius:4px;font-size:.7rem;font-family:ui-monospace,SF Mono,monospace;font-weight:600;color:var(--text-secondary);line-height:1.2}@media (max-width:720px){.nav-search-kbd,.nav-search-label{display:none}.nav-search-btn{width:32px;padding:0;justify-content:center}}.recent-activity-feed{display:flex;flex-direction:column;gap:.4rem}.recent-activity-item{display:grid;grid-template-columns:32px 1fr auto;gap:.7rem;align-items:center;padding:.6rem .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:border-color .18s,transform .18s}.recent-activity-item:hover{border-color:var(--accent);transform:translateX(3px)}.recent-activity-avatar-img{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.recent-activity-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-subtle);color:var(--text-dim);font-weight:700;font-size:.8rem}.recent-activity-text{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:.85rem;color:var(--text-secondary)}.recent-activity-text strong{color:var(--text);font-weight:700}.recent-activity-title{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-activity-time{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.accent-presets{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem}.accent-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.accent-swatch:hover{transform:scale(1.15)}.accent-swatch.is-active{border-color:var(--text);box-shadow:0 0 0 3px var(--bg),0 0 0 5px currentColor;transform:scale(1.1)}.accent-custom{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.75rem;color:var(--text-dim);font-weight:600}.accent-custom input[type=color]{width:28px;height:28px;border:1px solid var(--border);border-radius:50%;padding:0;cursor:pointer;background:none}.accent-custom input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.accent-custom input[type=color]::-webkit-color-swatch{border-radius:50%;border:none}.accent-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);font-size:.82rem;color:var(--text-secondary)}.accent-preview-dot{width:14px;height:14px;border-radius:50%;background:var(--preview-accent);box-shadow:0 0 8px var(--preview-accent)}.tournois-cat-strip{display:flex;gap:.55rem;overflow-x:auto;padding:.25rem 0;scrollbar-width:none}.tournois-cat-strip::-webkit-scrollbar{display:none}.tournois-cat-tile{position:relative;display:flex;align-items:center;gap:.55rem;padding:.7rem .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;text-decoration:none;overflow:hidden;transition:transform .2s cubic-bezier(.32,.72,0,1),border-color .2s;min-height:56px;flex-shrink:0}.tournois-cat-tile:hover{transform:translateY(-2px);border-color:var(--accent)}.tournois-cat-tile-bg{position:absolute;inset:0;opacity:.14;mask-image:radial-gradient(circle at right,#000 0,transparent 75%);-webkit-mask-image:radial-gradient(circle at right,#000 0,transparent 75%);pointer-events:none;transition:opacity .22s}.tournois-cat-tile:hover .tournois-cat-tile-bg{opacity:.3}.tournois-cat-tile-icon{position:relative;z-index:1;font-size:1.2rem;flex-shrink:0}.tournois-cat-tile-text{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}.tournois-cat-tile-text strong{font-size:.85rem;font-weight:700;white-space:nowrap}.tournois-recent-aside{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.85rem 1rem;margin-bottom:1.5rem;max-width:480px}.tournois-recent-title{margin:0 0 .6rem;font-size:.85rem;font-weight:700;color:var(--text)}.tournois-recent-row{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;text-decoration:none;color:inherit;font-size:.78rem;border-bottom:1px solid var(--border);transition:color .15s}.tournois-recent-row:last-child{border-bottom:none}.tournois-recent-row:hover{color:var(--accent)}.tournois-recent-avatar-img{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.tournois-recent-avatar-ph{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bg-subtle);color:var(--text-dim);font-weight:700;font-size:.7rem;flex-shrink:0}.tournois-recent-info{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.tournois-recent-info strong{color:var(--text);font-weight:700}.tournois-recent-info em{font-style:normal;color:var(--text);font-weight:600}.game-cover-video-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);z-index:2}.game-cover-video-spinner{width:24px;height:24px;border:2.5px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:game-cover-spin .7s linear infinite}@keyframes game-cover-spin{to{transform:rotate(1turn)}}.img-loading{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--bg-elev) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:img-shimmer 1.5s ease-in-out infinite;opacity:0}.img-loaded,.img-loading{transition:opacity .3s ease}.img-loaded{opacity:1}@keyframes img-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.trending-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.trending-page-title{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:.5rem}.trending-page-title svg{color:var(--accent)}.trending-filters{display:flex;gap:.25rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);padding:.2rem}.trending-filter{padding:.35rem .85rem;border:none;background:none;border-radius:var(--radius-full);font-size:.78rem;font-weight:650;color:var(--text-dim);cursor:pointer;transition:all .15s}.trending-filter:hover{color:var(--text)}.trending-filter.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent)}.trending-section{margin-bottom:2.5rem}.trending-section-title{margin:0 0 1rem;font-size:1.1rem;font-weight:750;letter-spacing:-.2px;display:flex;align-items:center;gap:.4rem}.trending-section-title svg{color:var(--accent)}.trending-creators{display:flex;flex-direction:column;gap:.4rem}.trending-creator{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s}.trending-creator:hover{border-color:var(--accent);transform:translateX(2px)}.trending-creator-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:var(--text-dim);background:var(--bg-subtle);flex-shrink:0}.trending-creator-rank-1{color:#f59e0b;background:rgba(245,158,11,.1)}.trending-creator-rank-2{color:#94a3b8;background:rgba(148,163,184,.1)}.trending-creator-rank-3{color:#d97706;background:rgba(217,119,6,.1)}.trending-creator-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.trending-creator-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.trending-creator-info strong{font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trending-creator-stats{font-size:.75rem;color:var(--text-dim)}@media (max-width:640px){.trending-top{flex-direction:column;align-items:flex-start;gap:.75rem}.trending-page-title{font-size:1.25rem}}.trending-blindtests{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem}.trending-bt-card{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s}.trending-bt-card:hover{border-color:var(--accent);transform:translateX(2px)}.trending-bt-cover{width:44px;height:44px;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.trending-bt-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.trending-bt-info strong{font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trending-bt-meta{font-size:.72rem;color:var(--text-dim)}.bracket-tree{--bk-cell-h:56px;--bk-gap-y:12px;--bk-col-w:200px;--bk-col-gap:40px;--bk-line-color:var(--border-strong);--bk-line-w:1.5px;margin-top:2.5rem;padding:1.5rem 1rem 2rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.bracket-tree-header{text-align:center;margin-bottom:1.5rem}.bracket-tree-title{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.015em}.bracket-tree-subtitle{margin:.2rem 0 0;font-size:.82rem;color:var(--text-dim)}.bracket-tree-scroll{width:100%;overflow-x:auto;padding:.75rem .5rem 1.25rem;scrollbar-width:thin}.bracket-tree-grid{display:flex;align-items:stretch;gap:var(--bk-col-gap);min-width:-moz-max-content;min-width:max-content}.bk-col{display:flex;flex-direction:column;width:var(--bk-col-w);flex-shrink:0}.bk-col-label{text-align:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.bk-col-body{display:flex;flex-direction:column;justify-content:space-around;flex:1;gap:var(--bk-gap-y)}.bk-match{position:relative;display:flex;align-items:center}.bk-line-in,.bk-line-out{position:absolute;top:50%;height:var(--bk-line-w);background:var(--bk-line-color);pointer-events:none}.bk-line-in{right:100%}.bk-line-in,.bk-line-out{width:calc(var(--bk-col-gap) / 2)}.bk-line-out{left:100%}.bk-match:not([data-has-next=true])>.bk-line-out,.bk-match:not([data-has-prev=true])>.bk-line-in{display:none}.bk-match[data-has-prev=true]:before{top:0;bottom:50%}.bk-match[data-has-prev=true]:after,.bk-match[data-has-prev=true]:before{content:"";position:absolute;right:calc(100% + var(--bk-col-gap) / 2);width:var(--bk-line-w);background:var(--bk-line-color)}.bk-match[data-has-prev=true]:after{top:50%;bottom:0}.bk-col-champion .bk-match:after,.bk-col-champion .bk-match:before{display:none}.bk-card{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:visible;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .2s;position:relative;z-index:1;cursor:default}.bk-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.bk-card-final{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.bk-card-final:before{content:"★";position:absolute;top:-10px;right:-6px;font-size:.85rem;color:var(--accent);z-index:2}.bk-card-divider{height:1px;background:var(--border)}.bk-slot{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;font-size:.8rem;min-height:calc(var(--bk-cell-h) / 2 - 1px)}.bk-slot-thumb{-o-object-fit:cover;object-fit:cover;flex-shrink:0}.bk-slot-thumb,.bk-slot-thumb-placeholder{width:24px;height:24px;border-radius:4px;background:var(--bg-subtle)}.bk-slot-thumb-placeholder{display:grid;place-items:center;color:var(--text-muted);font-size:.75rem}.bk-slot-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-slot-won{background:var(--bg-elev);color:var(--text);font-weight:600}.bk-slot-lost{color:var(--text-dim);opacity:.7}.bk-slot-mark{color:var(--accent);font-size:.8rem;font-weight:700;flex-shrink:0}.bk-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px) scale(.95);width:280px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.75rem;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:50;display:flex;flex-direction:column;gap:.5rem}.bk-card:hover .bk-tooltip{opacity:1;transform:translateX(-50%) translateY(0) scale(1);pointer-events:auto}.bk-tooltip-row{display:flex;align-items:center;gap:.65rem}.bk-tooltip-thumb{width:56px;height:56px;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;background:var(--bg-subtle);flex-shrink:0;border:1px solid var(--border)}.bk-tooltip-info{flex:1;min-width:0}.bk-tooltip-name{display:block;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-tooltip-result{font-size:.75rem;font-weight:600;margin-top:.15rem}.bk-tooltip-won .bk-tooltip-result{color:var(--accent)}.bk-tooltip-lost .bk-tooltip-result{color:var(--text-dim)}.bk-tooltip-vs{text-align:center;font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.bk-champion{width:100%;display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;background:color-mix(in srgb,var(--accent) 6%,var(--bg-card));border:2px solid var(--accent);border-radius:var(--radius);position:relative;z-index:1;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent),var(--shadow)}.bk-champion-trophy{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.bk-champion-thumb{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--accent);flex-shrink:0}.bk-champion-name{flex:1;min-width:0;font-size:.95rem;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:720px){.bracket-tree{--bk-col-w:170px;--bk-col-gap:30px;--bk-cell-h:50px;padding:1rem .5rem 1.25rem}.bk-slot{font-size:.74rem;padding:.3rem .5rem;gap:.4rem}.bk-slot-thumb{width:20px;height:20px}.bk-tooltip{width:240px}.bk-tooltip-thumb{width:44px;height:44px}}@media (max-width:480px){.bracket-tree{--bk-col-w:150px;--bk-col-gap:24px;--bk-cell-h:46px}.bk-tooltip{display:none}}.community-join-form{display:flex;gap:.5rem;max-width:400px;margin-bottom:1.5rem}.community-join-input{flex:1;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.6rem .85rem;font-size:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase;text-align:center}.community-join-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.community-sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.85rem}.community-session-card{display:grid;grid-template-columns:100px 1fr;gap:.85rem;padding:.85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,transform .15s;color:var(--text)}.community-session-card:hover{border-color:var(--accent);transform:translateY(-2px)}.community-session-cover{position:relative;width:100px;height:65px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-subtle);flex-shrink:0}.community-session-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.community-session-body{display:flex;flex-direction:column;gap:.35rem;min-width:0}.community-session-body strong{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-session-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.78rem;color:var(--text-dim)}.community-status{font-weight:600}.community-status-lobby{color:var(--warning)}.community-status-playing{color:var(--accent)}.community-lobby{max-width:600px;margin:0 auto;text-align:center}.community-lobby-header h1{margin:0 0 .25rem;font-size:1.75rem}.community-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1em;letter-spacing:.15em;color:var(--accent);background:var(--accent-soft);padding:.15rem .5rem;border-radius:var(--radius-sm)}.community-lobby-info{display:flex;justify-content:center;gap:2rem;margin:2rem 0}.community-lobby-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.community-lobby-stat-value{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums}.community-lobby-stat-label{font-size:.78rem;color:var(--text-dim)}.community-lobby-players{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:left}.community-lobby-players h3{margin:0 0 .5rem;font-size:.9rem}.community-lobby-players ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.community-lobby-players li{padding:.25rem .65rem;background:var(--bg-subtle);border-radius:var(--radius-full);font-size:.82rem;font-weight:500}.community-playing{max-width:900px;margin:0 auto}.community-playing-header{text-align:center;margin-bottom:2rem}.community-playing-header h2{margin:0 0 .5rem;font-size:1.25rem}.community-playing-meta{display:flex;justify-content:center;gap:1.25rem;font-size:.85rem;color:var(--text-dim)}.community-timer{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.community-timer[data-urgent=true]{color:var(--danger);animation:pulse .5s ease-in-out infinite alternate}.community-timer-block{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;min-width:90px}.community-timer-bar{width:100%;height:4px;background:var(--bg-subtle);border-radius:2px;overflow:hidden}.community-timer-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .2s linear,background .2s}.community-timer-bar-fill[data-urgent=true]{background:var(--danger,#ef4444)}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.community-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.community-vs{font-size:.85rem;font-weight:700;color:var(--text-muted);letter-spacing:.1em}.community-choice{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:var(--bg-elev);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.community-choice:hover:not(.community-choice-voted){border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px var(--accent-soft)}.community-choice-voted{opacity:.7;cursor:default}.community-choice-img{width:100%;aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;background:var(--bg-subtle)}.community-choice-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.community-choice-name{font-size:.95rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.community-vote-bar{width:100%;height:6px;background:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden}.community-vote-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.community-vote-fill-a{background:var(--accent)}.community-vote-fill-b{background:#6366f1}.community-vote-count{font-size:.78rem;font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums}.community-vote-overlay{padding:.5rem 1rem .75rem;display:flex;flex-direction:column;gap:.3rem;align-items:center}.community-copy-btn{display:inline-flex;align-items:center;gap:.3rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem .6rem;cursor:pointer;font-family:inherit;font-size:.8rem;color:var(--text);transition:border-color .15s,background .15s}.community-copy-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.community-copy-btn code{font-size:.75rem;background:none;padding:0}@media (max-width:720px){.community-match{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;gap:.75rem}.community-lobby-info{gap:1rem}.community-lobby-stat-value{font-size:1.4rem}}.community-hero{position:relative;margin-top:.5rem;padding:2.5rem 2.5rem 2.25rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev);background-image:radial-gradient(1000px circle at 100% 0,color-mix(in srgb,var(--accent) 10%,transparent) 0,transparent 55%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:2.5rem;align-items:center;margin-bottom:2rem}.community-hero-content{display:flex;flex-direction:column;gap:1rem;min-width:0}.community-hero-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.community-hero-title{margin:0;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.community-hero-title .grad{color:var(--accent);font-style:italic;font-weight:700}.community-hero-text{margin:0;color:var(--text-dim);font-size:1rem;line-height:1.55;max-width:520px}.community-hero-cta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.community-hero-steps{display:flex;flex-direction:column;gap:.6rem;min-width:0}.community-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:.85rem;padding:.85rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center}.community-step-num{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.95rem}.community-step-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.community-step-text strong{font-size:.95rem;letter-spacing:-.01em}.community-step-text span{font-size:.82rem;color:var(--text-dim);line-height:1.4}@media (max-width:900px){.community-hero{grid-template-columns:1fr;gap:1.5rem;padding:1.75rem 1.5rem}}.cmdk-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:clamp(2rem,8vh,6rem) 1rem 1rem;background:color-mix(in srgb,#000 55%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:size-modal-fade .18s ease-out}.cmdk-modal{width:100%;max-width:600px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column;animation:size-modal-pop .22s cubic-bezier(.22,1.18,.36,1)}.cmdk-input-row{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.cmdk-search-icon{color:var(--text-dim);flex-shrink:0}.cmdk-input{flex:1;background:transparent;border:0;outline:0;font-family:inherit;font-size:1rem;color:var(--text)}.cmdk-input::-moz-placeholder{color:var(--text-muted)}.cmdk-input::placeholder{color:var(--text-muted)}.cmdk-hint{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.7rem;color:var(--text-dim);background:var(--bg-subtle);flex-shrink:0}.cmdk-results{max-height:min(60vh,460px);overflow-y:auto;padding:.4rem}.cmdk-empty{margin:0;padding:1.2rem 1rem;text-align:center}.cmdk-suggest-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.5rem 1rem;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.cmdk-suggest-btn:hover{background:var(--accent);color:#fff}.cmdk-empty kbd{display:inline-block;padding:1px 6px;margin:0 2px;background:var(--bg-elev);border:1px solid var(--border);border-radius:4px;font-size:.72rem;font-family:ui-monospace,SF Mono,monospace;font-weight:600}.cmdk-empty-block{padding:.6rem .5rem 1rem}.cmdk-recent-label{margin:.4rem .6rem .5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary)}.cmdk-recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.cmdk-recent-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .6rem;background:transparent;border:none;color:var(--text);font-size:.88rem;text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}.cmdk-recent-item:hover{background:var(--bg-subtle)}.cmdk-recent-item svg{color:var(--text-secondary);flex-shrink:0}.cmdk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.cmdk-item{display:grid;grid-template-columns:32px 1fr auto;gap:.7rem;align-items:center;padding:.5rem .6rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.92rem;transition:background .12s}.cmdk-item.is-active,.cmdk-item:hover{background:var(--bg-subtle)}.cmdk-thumb{width:32px;height:32px;border-radius:6px;background-size:cover;background-position:50%;background-color:var(--bg-subtle);border:1px solid var(--border);flex-shrink:0;display:grid;place-items:center}.cmdk-thumb,.cmdk-thumb-empty{color:var(--text-dim)}.cmdk-label{font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis}.cmdk-hint-text,.cmdk-label{white-space:nowrap}.cmdk-footer{border-top:1px solid var(--border);padding:.55rem 1rem;background:var(--bg-subtle)}.cmdk-footer kbd{display:inline-block;padding:.05rem .35rem;margin:0 .1rem;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-elev);font-family:inherit;font-size:.7rem;font-weight:500;color:var(--text)}.share-modal{max-width:480px}.share-link-row{display:flex;gap:.5rem;margin-bottom:1.25rem}.share-link-input{flex:1;min-width:0;height:var(--h-input);padding:0 .85rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:.85rem;color:var(--text-dim)}.share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;margin-bottom:.5rem}.share-btn{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.85rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.82rem;font-weight:500;cursor:pointer;font-family:inherit;text-decoration:none;transition:border-color .12s,transform .12s,background .12s}.share-btn:hover{border-color:var(--accent);transform:translateY(-1px);background:var(--bg-elev)}.share-btn svg{color:var(--accent)}.share-qr{margin-top:.85rem;font-size:.85rem;color:var(--text-dim)}.share-qr summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.4rem 0}.share-qr-wrap{margin-top:.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.share-qr-wrap img{border:1px solid var(--border);border-radius:var(--radius);background:#fff}.intensity-hero{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:2.5rem 2rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:2rem}.intensity-hero-content h1{margin:.5rem 0;font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.02em}.intensity-hero-content p{margin:0;color:var(--text-dim);max-width:520px;line-height:1.6}.intensity-hero-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.intensity-hero-illustration{width:240px;height:80px;display:grid;place-items:center;flex-shrink:0}.intensity-hero-slider{position:relative;width:100%;height:8px;background:linear-gradient(to right,var(--accent),var(--bg-subtle),var(--accent));border-radius:999px}.intensity-hero-thumb{position:absolute;top:50%;left:65%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:var(--text);border:4px solid var(--bg-elev);box-shadow:0 4px 12px rgba(0,0,0,.3);animation:intensitySlide 3s ease-in-out infinite alternate}@keyframes intensitySlide{0%{left:30%}to{left:75%}}.intensity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.intensity-card{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s}.intensity-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.intensity-card-cover{position:relative;aspect-ratio:16/9;background:var(--bg-subtle);overflow:hidden}.intensity-card-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.intensity-card-plays{position:absolute;bottom:.5rem;left:.5rem;padding:.2rem .55rem;background:rgba(0,0,0,.72);color:#fff;border-radius:var(--radius-full);font-size:.72rem;font-weight:500;backdrop-filter:blur(4px)}.intensity-card-body{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.intensity-card-title{margin:0;font-size:.95rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.intensity-card-actions{display:flex;gap:.4rem;margin-top:auto;padding-top:.5rem}.play-mode-badge{display:inline-block;margin-left:.5rem;padding:.1rem .5rem;background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-full);font-size:.72rem;font-weight:600;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.choice-card.choice-preview-only{cursor:default}.choice-card.choice-preview-only:hover{transform:none;box-shadow:none}@media (max-width:720px){.intensity-hero{grid-template-columns:1fr;padding:1.75rem 1.25rem}.intensity-hero-illustration{width:100%}}.lb-hero{text-align:center;padding:2rem 1rem 1rem;margin-bottom:.5rem}.lb-hero h1{margin:0 0 .35rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:900;letter-spacing:-.03em}.lb-hero p{margin:0;max-width:480px;margin-inline:auto}.lb-filters{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-end;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.lb-filter-group{display:flex;flex-direction:column;gap:.4rem}.lb-filter-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.lb-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.lb-row{display:grid;grid-template-columns:50px 1fr auto auto;grid-template-rows:auto auto;grid-template-areas:"rank user stats value" "bar bar bar bar";align-items:center;gap:.85rem;padding:.75rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,transform .15s}.lb-row:hover{border-color:var(--border-strong);transform:translateY(-1px)}.lb-rank-1{border-color:color-mix(in srgb,#fbbf24 60%,var(--border));background:color-mix(in srgb,#fbbf24 6%,var(--bg-elev));box-shadow:0 4px 16px -6px color-mix(in srgb,#fbbf24 20%,transparent)}.lb-rank-1 .lb-rank{color:#f59e0b;font-size:1.15rem}.lb-rank-1 .lb-main-value{color:#f59e0b}.lb-rank-2{border-color:color-mix(in srgb,#94a3b8 40%,var(--border));background:color-mix(in srgb,#94a3b8 4%,var(--bg-elev))}.lb-rank-2 .lb-rank{color:#94a3b8}.lb-rank-3{border-color:color-mix(in srgb,#d97706 30%,var(--border));background:color-mix(in srgb,#d97706 4%,var(--bg-elev))}.lb-rank-3 .lb-rank{color:#d97706}.lb-rank{grid-area:rank;font-size:1.05rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.lb-user{grid-area:user;display:flex;align-items:center;gap:.6rem;min-width:0;color:var(--text);font-weight:500}.lb-user:hover{color:var(--accent)}.lb-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-subtle);flex-shrink:0;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border)}.lb-avatar-placeholder{display:grid;place-items:center;font-weight:700;color:var(--text-dim)}.lb-username{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-stats{grid-area:stats;display:flex;gap:.85rem;font-size:.78rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.lb-stat{white-space:nowrap}.lb-bar-wrap{grid-area:bar;width:100%;height:4px;background:var(--bg-subtle);overflow:hidden;margin-top:.4rem}.lb-bar,.lb-bar-wrap{border-radius:var(--radius-full)}.lb-bar{height:100%;background:var(--accent);transition:width .4s ease}.lb-main-value{grid-area:value;font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text)}@media (max-width:600px){.lb-row{grid-template-columns:38px 1fr auto;grid-template-areas:"rank user value" "stats stats stats" "bar bar bar";padding:.6rem .75rem;gap:.5rem}.lb-stats{font-size:.72rem;gap:.5rem}.lb-main-value{font-size:1rem}.lb-username{font-size:.85rem}.lb-avatar{width:30px;height:30px}}.cat-hero{--cat-color:var(--accent);position:relative;padding:2.25rem 2rem;border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--cat-color) 18%,transparent) 0,transparent 55%),var(--bg-elev);border:1px solid var(--border);margin-bottom:2rem;overflow:hidden}.cat-hero:before{content:"";position:absolute;inset:0;background-image:url(/topo.svg);background-size:540px;background-repeat:repeat;opacity:.06;pointer-events:none}.cat-hero-content{position:relative;z-index:1;display:flex;align-items:center;gap:1.25rem}.cat-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:color-mix(in srgb,var(--cat-color) 14%,transparent);color:var(--cat-color);border-radius:16px;border:1px solid color-mix(in srgb,var(--cat-color) 25%,transparent);flex-shrink:0}.cat-hero h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.cat-hero p{margin:.3rem 0 0;color:var(--text-dim);font-size:.95rem;max-width:500px;line-height:1.5}.cat-hero-count{display:inline-block;margin-top:.6rem;padding:.2rem .55rem;font-size:.75rem;background:var(--bg-subtle);color:var(--text-dim);font-weight:500;border-radius:999px;border:1px solid var(--border);font-variant-numeric:tabular-nums}.cat-hero-back{position:absolute;top:1.25rem;right:1.5rem;color:var(--text-dim);font-size:.82rem;font-weight:500;z-index:1;transition:color .15s ease}.cat-hero-back:hover{color:var(--cat-color)}.categories-grid-large{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem}@media (max-width:768px){.cat-hero{padding:1.5rem 1.25rem;border-radius:var(--radius)}.cat-hero-icon{width:52px;height:52px;border-radius:12px}.cat-hero h1{font-size:1.4rem}.cat-hero p{font-size:.88rem}.cat-hero-back{position:static;display:block;margin-top:1rem}.categories-grid-large{grid-template-columns:1fr 1fr;gap:.5rem}}@media (max-width:480px){.cat-hero-content{flex-direction:row;align-items:center;gap:.85rem}.cat-hero-icon{width:44px;height:44px;border-radius:10px}.cat-hero h1{font-size:1.2rem}.cat-hero p{font-size:.82rem}}.cats-hero{position:relative;margin:0 0 1rem;padding:3rem 2rem 2.75rem;border-radius:var(--radius-lg);background:radial-gradient(circle at 20% 0,rgba(234,88,12,.18),transparent 55%),radial-gradient(circle at 90% 100%,rgba(99,102,241,.12),transparent 60%),var(--bg-elev);border:1px solid var(--border);overflow:hidden;animation:catsHeroIn .5s cubic-bezier(.22,1,.36,1)}.cats-hero:before{content:"";position:absolute;inset:0;background-image:url(/topo.svg);background-size:540px;background-repeat:repeat;opacity:.07;pointer-events:none}.cats-hero-inner{position:relative}.cats-hero-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.cats-hero-title{margin:0 0 .6rem;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.cats-hero-text{margin:0 0 1.5rem;color:var(--text-dim);font-size:.95rem;max-width:520px;line-height:1.5}.cats-hero-stats{display:flex;flex-wrap:wrap;gap:2.25rem}.cats-hero-stats>div{display:flex;flex-direction:column;gap:.15rem}.cats-hero-stats strong{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.cats-hero-stats span{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}@keyframes catsHeroIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cats-search{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s ease,box-shadow .15s ease}.cats-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cats-search svg{color:var(--text-dim);flex-shrink:0}.cats-search input{flex:1;border:0;background:transparent;color:var(--text);font-size:.95rem;outline:none;font-family:inherit;min-width:0}.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem}.cat-tile{--cat-color:var(--accent);position:relative;display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto 1fr auto;align-items:start;gap:.4rem 1rem;padding:1.1rem 1.2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);text-decoration:none;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .22s ease;animation:tileIn .4s cubic-bezier(.22,1,.36,1) backwards}.cat-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,color-mix(in srgb,var(--cat-color) 14%,transparent) 0,transparent 60%);opacity:0;transition:opacity .25s ease;pointer-events:none}.cat-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cat-color) 38%,var(--border));box-shadow:0 12px 32px color-mix(in srgb,var(--cat-color) 14%,transparent)}.cat-tile:hover:before{opacity:1}.cat-tile:active{transform:translateY(-1px)}.cat-tile-icon{grid-row:1/3;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:color-mix(in srgb,var(--cat-color) 14%,transparent);border-radius:12px;border:1px solid color-mix(in srgb,var(--cat-color) 22%,transparent);color:var(--cat-color);flex-shrink:0;transition:background .25s ease,border-color .25s ease,transform .25s ease}.cat-tile:hover .cat-tile-icon{background:color-mix(in srgb,var(--cat-color) 22%,transparent);border-color:color-mix(in srgb,var(--cat-color) 40%,transparent);transform:scale(1.05) rotate(-2deg)}.cat-tile-body{grid-column:2;display:flex;flex-direction:column;gap:.2rem;min-width:0}.cat-tile-body h3{margin:0;font-size:1.02rem;font-weight:600;letter-spacing:-.01em}.cat-tile-body p{margin:0;font-size:.82rem;color:var(--text-dim);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.cat-tile-meta{grid-column:2;grid-row:3;display:flex;align-items:center;justify-content:space-between;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border)}.cat-tile-count{font-size:.78rem;color:var(--text-dim);font-weight:500;font-variant-numeric:tabular-nums}.cat-tile-arrow{color:var(--text-dim);transition:transform .2s ease,color .2s ease}.cat-tile:hover .cat-tile-arrow{color:var(--cat-color);transform:translateX(4px)}@keyframes tileIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.cats-hero{padding:2rem 1.25rem 1.75rem;border-radius:var(--radius)}.cats-hero-stats{gap:1.25rem}.cats-hero-stats strong{font-size:1.3rem}.cats-hero-stats span{font-size:.7rem}.cats-grid{grid-template-columns:1fr;gap:.6rem}.cat-tile{padding:.9rem 1rem;gap:.3rem .85rem}.cat-tile-icon{width:40px;height:40px;border-radius:10px}.cat-tile-body h3{font-size:.95rem}.cat-tile-body p{-webkit-line-clamp:1;line-clamp:1}.cat-tile-meta{margin-top:.45rem;padding-top:.45rem}}.onboarding{max-width:720px;margin:1rem auto;padding:2rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:onboardingIn .4s cubic-bezier(.22,1,.36,1)}@keyframes onboardingIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-progress{display:flex;gap:.4rem;justify-content:center;margin-bottom:1.5rem}.onboarding-progress-dot{width:28px;height:4px;background:var(--border);border-radius:999px;transition:background .25s ease,width .25s ease}.onboarding-progress-dot.is-on{background:var(--accent);width:44px}.onboarding-header{text-align:center;margin-bottom:1.75rem}.onboarding-step{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}.onboarding-header h1{margin:0 0 .4rem;font-size:1.6rem;font-weight:700;letter-spacing:-.015em}.onboarding-header p{margin:0 auto;max-width:520px;font-size:.92rem;line-height:1.5}.onboarding-cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;margin-bottom:1.5rem}.onboarding-cat{--cat-color:var(--accent);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.onboarding-cat:hover{border-color:color-mix(in srgb,var(--cat-color) 35%,var(--border-strong));transform:translateY(-1px)}.onboarding-cat:active{transform:translateY(0)}.onboarding-cat.is-active{border-color:var(--cat-color);background:color-mix(in srgb,var(--cat-color) 10%,var(--bg-card))}.onboarding-cat-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:color-mix(in srgb,var(--cat-color) 14%,transparent);border-radius:11px;color:var(--cat-color);border:1px solid color-mix(in srgb,var(--cat-color) 22%,transparent)}.onboarding-cat.is-active .onboarding-cat-icon{background:color-mix(in srgb,var(--cat-color) 24%,transparent)}.onboarding-cat-name{font-size:.88rem;font-weight:600}.onboarding-cat-check{position:absolute;top:.5rem;right:.5rem;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:var(--cat-color);color:#fff;border-radius:50%}.onboarding-creators{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.onboarding-creator{display:flex;align-items:center;gap:.85rem;padding:.7rem .85rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.onboarding-creator-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--bg-subtle);flex-shrink:0}.onboarding-creator-info{flex:1;display:flex;flex-direction:column;gap:.05rem;min-width:0}.onboarding-creator-info strong{font-size:.92rem}.onboarding-creator-info .small{font-size:.72rem}.onboarding-recommended{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.6rem;margin-bottom:1.5rem}.onboarding-game{display:flex;align-items:center;gap:.85rem;padding:.6rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color .15s ease,transform .15s ease}.onboarding-game:hover{border-color:var(--accent);transform:translateY(-1px)}.onboarding-game img{width:60px;height:60px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:var(--bg-subtle);flex-shrink:0}.onboarding-game div{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.onboarding-game strong{font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-actions{display:flex;align-items:center;gap:.6rem;padding-top:1rem;border-top:1px solid var(--border)}.onboarding-actions .btn-primary{margin-left:auto}.onboarding-skip{background:none;border:none;color:var(--text-dim);font-size:.85rem;cursor:pointer;font-family:inherit;padding:.4rem .6rem;border-radius:var(--radius)}.onboarding-skip:hover{color:var(--text);background:var(--bg-subtle)}@media (max-width:600px){.onboarding{padding:1.25rem;margin:.5rem}.onboarding-header h1{font-size:1.3rem}.onboarding-cats-grid{grid-template-columns:1fr 1fr}.onboarding-recommended{grid-template-columns:1fr}.onboarding-actions{flex-wrap:wrap}.onboarding-actions .btn-primary{width:100%;margin-left:0}}.driver-popover{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-xl)!important;color:var(--text)!important;padding:1rem!important}.driver-popover-arrow{border-color:var(--border)!important}.driver-popover-title{color:var(--text)!important;font-family:var(--font)!important;font-size:1.1rem!important;font-weight:700!important;margin:0 0 .5rem!important}.driver-popover-description{color:var(--text-secondary)!important;font-family:var(--font)!important;font-size:.9rem!important;line-height:1.5!important;margin:0!important}.driver-popover-close-btn{color:var(--text-dim)!important;top:.5rem!important;right:.5rem!important}.driver-popover-close-btn:hover{color:var(--text)!important}.driver-popover-progress-text{color:var(--text-secondary)!important;font-family:var(--font)!important;font-size:.8rem!important}.driver-popover-footer{margin-top:1rem!important;border-top:1px solid var(--border)!important;padding-top:.75rem!important}.driver-popover-footer button{background:var(--bg-elev)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;font-family:var(--font)!important;font-size:.85rem!important;font-weight:600!important;padding:.4rem .8rem!important;transition:all .15s ease!important}.driver-popover-footer button:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:var(--accent-soft)!important}.driver-popover-footer .driver-next-btn{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.driver-popover-footer .driver-next-btn:hover{opacity:.9!important;background:var(--accent)!important;color:#fff!important}.driver-highlighted-element{box-shadow:0 0 0 2px var(--accent),0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)!important}.driver-overlay{background:rgba(0,0,0,.5)!important}.driver-popover,.driver-popover-arrow{animation:none!important}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;max-width:calc(100vw - 3rem)}.toast{display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem .75rem 1rem;background:var(--bg-elev);border-left:1px solid var(--border);border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);box-shadow:0 8px 24px -8px rgba(0,0,0,.35);font-size:.88rem;font-weight:500;color:var(--text);pointer-events:auto;min-width:280px;max-width:420px;animation:toastSlideIn .38s cubic-bezier(.34,1.36,.64,1);transition:transform .22s cubic-bezier(.32,.72,0,1),opacity .18s;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.toast.is-exit{pointer-events:none}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-success{border-left-color:#22c55e}.toast-success .toast-icon{background:rgba(34,197,94,.18);color:#22c55e}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{background:rgba(239,68,68,.18);color:#ef4444}.toast-info{border-left-color:var(--accent)}.toast-info .toast-icon{background:var(--accent-soft);color:var(--accent)}.toast-message{flex:1;min-width:0;line-height:1.4}.toast-action{flex-shrink:0;padding:4px 10px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .18s}.toast-action:hover{background:color-mix(in srgb,var(--accent) 85%,#000)}.toast-close{flex-shrink:0;width:24px;height:24px;background:transparent;border:none;color:var(--text-secondary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s}.toast-close:hover{background:var(--bg-subtle);color:var(--text)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.toast-container{left:1rem;right:1rem;bottom:1rem;max-width:none}.toast{min-width:0;max-width:none}}.error-boundary{display:grid;place-items:center;min-height:60vh;text-align:center;padding:2rem}.error-boundary h2{margin:0 0 .5rem;font-size:1.5rem}.error-404{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;gap:.75rem}.error-404-code{font-size:clamp(4rem,12vw,8rem);font-weight:800;letter-spacing:-.04em;color:var(--border-strong);line-height:1}.error-404 h1{margin:0;font-size:1.5rem}.error-404-actions{display:flex;gap:.5rem;margin-top:1rem}.breadcrumbs{display:flex;align-items:center;gap:.15rem;font-size:.8rem;color:var(--text-dim);margin-bottom:1rem;flex-wrap:wrap}.breadcrumb-sep{margin:0 .35rem;color:var(--text-muted)}.breadcrumbs a{color:var(--text-dim)}.breadcrumbs a:hover{color:var(--text)}.breadcrumb-current{color:var(--text);font-weight:500}.profile-badges{margin-top:1.5rem}.profile-badges-title{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.profile-badges-grid{display:flex;flex-wrap:wrap;gap:.5rem}.badge-item{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8rem;cursor:default;transition:border-color .15s,transform .15s}.badge-item:hover{border-color:var(--accent);transform:translateY(-1px)}.badge-icon{font-size:1rem}.badge-label{font-weight:500;color:var(--text)}.leaderboard-row,.leaderboard-thumb{position:relative}.leaderboard-thumb:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--border);pointer-events:none}.leaderboard-row:hover .leaderboard-thumb-tooltip{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.leaderboard-thumb-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px) scale(.95);width:160px;height:160px;border-radius:var(--radius);overflow:hidden;background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:20}.leaderboard-thumb-tooltip img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-editor{margin:1rem 0;display:flex;flex-direction:column;gap:.65rem}.avatar-editor-canvas{position:relative;width:240px;height:240px;background:#000;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:0 auto}.avatar-editor-controls{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.avatar-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem}.avatar-preview-img{width:96px;height:96px;border-radius:50%;background:var(--bg-subtle)}.profile-avatar-cropped{background-color:var(--bg-subtle);background-repeat:no-repeat}.notif-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.notif-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.notif-item:hover{border-color:var(--border-strong)}.notif-unread{border-left:3px solid var(--accent)}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:.45rem}.notif-item:not(.notif-unread) .notif-dot{background:var(--border-strong)}.notif-content{flex:1;min-width:0}.notif-message{margin:0;font-size:.9rem;color:var(--text)}.notif-message a{color:var(--text);font-weight:500}.notif-message a:hover{color:var(--accent)}.notif-time{font-size:.78rem;color:var(--text-dim);margin-top:.2rem;display:block}.notif-toast-container{position:fixed;bottom:1.25rem;right:1.25rem;z-index:210;display:flex;flex-direction:column-reverse;gap:.55rem;pointer-events:none}.notif-toast-container>*{pointer-events:auto}.notif-toast{display:flex;align-items:flex-start;gap:.7rem;width:320px;max-width:calc(100vw - 2rem);padding:.85rem .95rem .85rem .85rem;background:var(--bg-elev);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:0 12px 30px rgba(0,0,0,.18);color:var(--text);text-decoration:none;animation:notifSlideIn .42s cubic-bezier(.22,1.18,.36,1);position:relative;cursor:pointer;transition:transform .22s cubic-bezier(.32,.72,0,1),border-color .18s ease,box-shadow .22s ease}.notif-toast:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 16px 32px rgba(0,0,0,.18)}.notif-toast.notif-toast-level_up{border-left-color:#f59e0b}.notif-toast.notif-toast-badge_unlocked{border-left-color:#8b5cf6}.notif-toast.notif-toast-game_liked{border-left-color:#ec4899}.notif-toast.notif-toast-game_played{border-left-color:var(--accent)}.notif-toast-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.notif-toast.notif-toast-level_up .notif-toast-icon{background:color-mix(in srgb,#f59e0b 20%,transparent);color:#f59e0b}.notif-toast.notif-toast-badge_unlocked .notif-toast-icon{background:color-mix(in srgb,#8b5cf6 20%,transparent);color:#8b5cf6}.notif-toast.notif-toast-game_liked .notif-toast-icon{background:color-mix(in srgb,#ec4899 20%,transparent);color:#ec4899}.notif-toast-body{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.notif-toast-title{font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--text-secondary);text-transform:uppercase}.notif-toast-message{font-size:.9rem;color:var(--text);line-height:1.35;word-break:break-word}.notif-toast-close{position:absolute;top:4px;right:6px;background:transparent;border:0;color:var(--text-dim);font-size:1.2rem;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);line-height:1}.notif-toast-close:hover{background:var(--bg-subtle);color:var(--text)}@keyframes notifSlideIn{0%{opacity:0;transform:translateX(110%)}60%{opacity:1;transform:translateX(-6%)}to{opacity:1;transform:translateX(0)}}@keyframes notifSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(110%)}}@media (max-width:600px){.notif-toast-container{bottom:calc(76px + env(safe-area-inset-bottom));left:.85rem;right:.85rem}.notif-toast{width:auto}}.user-chip-avatar-cropped{width:26px;height:26px;border-radius:50%;background-color:var(--bg-subtle);background-repeat:no-repeat;flex-shrink:0}:fullscreen .site-footer,:fullscreen .site-header{display:none!important}:fullscreen .site-main{padding:0!important;max-width:none!important}:fullscreen .page-transition{display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden}.versus-fullscreen{position:fixed;inset:0;height:100vh;width:100vw;max-width:none!important;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:100vh;gap:0!important;padding:0;border-radius:0;z-index:9999;background:#000}.versus-fullscreen .choice-card{border-radius:0;border:0;height:100vh;overflow:hidden}.versus-fullscreen .choice-image{max-height:none!important;min-height:none!important;height:100%!important;aspect-ratio:unset!important;width:100%}.versus-fullscreen .choice-image>img,.versus-fullscreen .hover-player{height:100%!important;width:100%!important;-o-object-fit:contain;object-fit:contain;background:#000}.versus-fullscreen .choice-pick-button{height:100%;position:relative}.versus-fullscreen .choice-name{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;text-align:center;font-size:1.15rem;z-index:2}.versus-fullscreen .choice-vote-btn{position:absolute;bottom:7rem;left:50%;transform:translateX(-50%);width:auto;right:auto;top:auto;background:hsla(0,0%,100%,.95);border:0;color:#09090b;padding:.75rem 2rem;border-radius:999px;backdrop-filter:blur(8px);z-index:5;box-shadow:0 4px 20px rgba(0,0,0,.4);font-weight:600;font-size:.95rem;transition:transform .15s,background .15s}.versus-fullscreen .choice-vote-btn:hover:not(:disabled){background:#fff;transform:translateX(-50%) scale(1.05)}.versus-fullscreen .choice-vote-btn .choice-name{display:none}.versus-fullscreen .choice-vote-cta{background:transparent;color:#09090b;padding:0;font-size:.95rem;font-weight:600}.versus-fullscreen .versus-vs{position:relative;place-items:center;background:rgba(0,0,0,.7);width:48px;height:48px;border-radius:50%;font-size:.8rem;font-weight:700;align-self:center;z-index:10;margin:0 -24px;border:1px solid hsla(0,0%,100%,.15)}.versus-exit-fs,.versus-fullscreen .versus-vs{display:grid;color:#fff;backdrop-filter:blur(8px)}.versus-exit-fs{position:fixed;top:1.25rem;right:1.25rem;z-index:10000;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.2);font-size:1.3rem;cursor:pointer;place-items:center;transition:background .15s,transform .15s}.versus-exit-fs:hover{background:rgba(0,0,0,.9);transform:scale(1.05)}.versus-fullscreen .choice-card:hover:not(.choice-dim){transform:none;box-shadow:none}.versus-fullscreen .choice-card:hover:not(.choice-dim) .choice-image>img{transform:scale(1.02)}.versus-fullscreen .choice-picked{box-shadow:inset 0 0 0 4px var(--accent);transform:none}.versus-fullscreen .choice-dim{opacity:.3;transform:none}@media (max-width:720px){.versus-fullscreen{grid-template-columns:1fr;grid-template-rows:1fr 36px 1fr;padding:0;overflow:hidden}.versus-fullscreen .choice-card{height:100%;width:100%;overflow:hidden;position:relative;display:block}.versus-fullscreen .choice-image{aspect-ratio:auto!important;height:100%!important;width:100%!important;min-height:0!important;max-height:none!important;position:absolute!important;inset:0!important}.versus-fullscreen .choice-image>img,.versus-fullscreen .hover-player{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}.versus-fullscreen .choice-pick-button{position:absolute;inset:0;height:100%;width:100%;padding:0}.versus-fullscreen .versus-vs{margin:0;align-self:center;height:36px;font-size:.9rem;padding:0;background:hsla(0,0%,100%,.06)}.versus-fullscreen .choice-vote-btn{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);width:auto;min-width:130px;padding:.7rem 1.5rem;border-radius:999px;font-size:.95rem;font-weight:600;background:#fff;color:#09090b;border:none;box-shadow:0 6px 18px rgba(0,0,0,.4);z-index:10}.versus-fullscreen .choice-vote-btn .choice-name{display:none}.versus-fullscreen .choice-vote-cta{background:transparent;color:inherit;padding:0;font-weight:600}.versus-exit-fs{top:.75rem;right:.75rem;width:40px;height:40px;font-size:1.2rem;z-index:20}.versus-fullscreen .choice-name{position:absolute;bottom:auto;top:.6rem;left:.6rem;right:auto;transform:none;padding:.35rem .7rem;background:rgba(0,0,0,.7);border-radius:999px;font-size:.78rem;color:#fff;z-index:5;max-width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (min-aspect-ratio:2/1){.versus-fullscreen{grid-template-columns:1fr 48px 1fr;padding:0 5vw}.versus-fullscreen .versus-vs{margin:0}.versus-fullscreen .choice-card{border-radius:12px;margin:2vh 0;height:calc(100vh - 4vh)}}.rotate-hint{display:none}@media (max-width:720px) and (orientation:portrait){.versus-fullscreen .rotate-hint{display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%);z-index:25;align-items:center;gap:.65rem;padding:.7rem 1rem;background:rgba(0,0,0,.85);color:#fff;border-radius:999px;font-size:.8rem;font-weight:500;text-align:left;max-width:calc(100% - 2rem);box-shadow:0 6px 18px rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:rotateHintPulse 2.5s ease-in-out infinite}}@keyframes rotateHintPulse{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)}}@media (max-height:500px) and (orientation:landscape){.versus-fullscreen{grid-template-columns:1fr 36px 1fr!important;grid-template-rows:100vh!important}.versus-fullscreen,.versus-fullscreen .choice-card{height:100vh!important;max-height:100vh!important;overflow:hidden!important}.versus-fullscreen .choice-image{height:100vh!important;max-height:100vh!important}.versus-fullscreen .versus-vs{margin:0!important;align-self:center!important;height:auto!important;width:36px!important;writing-mode:vertical-rl!important;background:hsla(0,0%,100%,.06)!important;padding:0!important}.versus-fullscreen .choice-vote-btn{bottom:1rem!important;padding:.55rem 1.2rem!important;font-size:.85rem!important;min-width:110px!important}.versus-fullscreen .choice-name{font-size:.72rem!important}.versus-exit-fs{width:36px!important;height:36px!important}}.status-page{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 1.25rem 6rem;max-width:560px;margin-inline:auto}.status-page-code{font-size:clamp(5rem,14vw,8rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--text);background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 50%,var(--text-secondary)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.status-page-title{margin:0 0 .85rem;font-size:1.5rem;font-weight:600;letter-spacing:-.015em}.status-page-text{margin:0 0 1.75rem;color:var(--text-secondary);line-height:1.5;font-size:.95rem}.status-page-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1.25rem;background:var(--bg-elev);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text)}.empty-state-compact{padding:1.75rem 1rem}.empty-state-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent-soft);color:var(--accent);margin-bottom:1rem}.empty-state-compact .empty-state-icon{width:48px;height:48px;margin-bottom:.75rem}.empty-state-title{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.empty-state-text{margin:0 0 1.25rem;max-width:42ch;color:var(--text-dim);font-size:.9rem;line-height:1.5}.empty-state-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.loader{display:inline-flex;align-items:center;gap:.55rem;color:var(--text-dim);font-size:.9rem}.loader-centered{display:flex;justify-content:center;padding:1.5rem 0}.loader-spinner{width:18px;height:18px;animation:loader-spin .9s linear infinite;color:var(--accent)}.loader-sm .loader-spinner{width:14px;height:14px}.loader-lg .loader-spinner{width:24px;height:24px}.loader-sm{font-size:.82rem}.loader-lg{font-size:1rem}.loader-label{font-weight:500}@keyframes loader-spin{to{transform:rotate(1turn)}}.replay{margin-top:1.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.replay-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.replay-header h3{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.01em}.replay-rounds{display:flex;flex-direction:column;gap:1.25rem}.replay-round{display:grid;grid-template-columns:110px 1fr;gap:.85rem;align-items:start}.replay-round-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);padding-top:.3rem}.replay-round-matches{display:grid;gap:.5rem}.replay-match{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:center;padding:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);opacity:.35;transition:opacity .3s ease,border-color .3s ease}.replay-match.is-revealed{opacity:1;border-color:color-mix(in srgb,var(--border-strong) 80%,transparent)}.replay-vs{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.replay-participant{display:flex;align-items:center;gap:.55rem;min-width:0;transition:transform .25s ease,opacity .25s ease}.replay-participant.is-shown{transform:scale(1);opacity:1}.replay-participant.is-winner.is-shown{animation:replay-winner-pop .3s cubic-bezier(.22,1,.36,1)}.replay-participant.is-loser,.replay-participant.is-loser.is-shown{opacity:.55}@keyframes replay-winner-pop{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.replay-participant-thumb{width:32px;height:32px;border-radius:6px;background:var(--bg-subtle);overflow:hidden;flex-shrink:0}.replay-participant.is-winner .replay-participant-thumb{box-shadow:0 0 0 2px var(--accent)}.replay-participant-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.replay-participant-name{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.replay-participant.is-winner .replay-participant-name{color:var(--text);font-weight:600}.replay-participant.is-loser .replay-participant-name{color:var(--text-dim);text-decoration:line-through;text-decoration-color:var(--border)}@media (max-width:600px){.replay-round{grid-template-columns:1fr;gap:.5rem}.replay-round-label{padding-top:0}.replay-participant-name{font-size:.78rem}}.social-align{margin-top:1.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.social-align-title{margin:0 0 .25rem;font-size:1rem;font-weight:600;letter-spacing:-.01em}.social-align-intro{margin:0 0 1rem}.social-align-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.social-align-row{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center;padding:.55rem .7rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.social-align-thumbs{display:flex;align-items:center;gap:.4rem}.social-align-thumb{width:32px;height:32px;border-radius:6px;background:var(--bg-subtle);overflow:hidden;flex-shrink:0}.social-align-thumb.is-pick{box-shadow:0 0 0 2px var(--accent)}.social-align-thumb.is-skipped{opacity:.55}.social-align-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.social-align-vs{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.social-align-info{display:flex;flex-direction:column;min-width:0}.social-align-pct{font-size:1.1rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1.1}.social-align-text{font-size:.82rem;color:var(--text-dim);line-height:1.3}.preview-modal{max-width:480px}.preview-card-wrap{padding:0 .5rem;margin:.5rem 0}.preview-card{pointer-events:none}.preview-cover{position:relative;background:var(--bg-subtle)}.preview-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-cover-placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--text-dim);font-size:.85rem;background:var(--bg-subtle)}.preview-note{text-align:center;margin:.85rem 0 0}.game-card-edit-btn{position:absolute;top:.5rem;width:28px;height:28px;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 75%,transparent);color:var(--text);border:1px solid var(--border);border-radius:50%;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s,transform .1s;z-index:2}.game-card:hover .game-card-edit-btn{opacity:1}.game-card-edit-btn:hover{background:var(--bg);transform:scale(1.05)}.game-card-edit-btn:active{transform:scale(.96)}@media (max-width:720px){.game-card-edit-btn{opacity:.9}}.game-card-bookmark-btn{position:absolute;top:.5rem;right:.5rem;width:30px;height:30px;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 75%,transparent);backdrop-filter:blur(4px);color:var(--text);border:1px solid var(--border);border-radius:50%;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s,transform .15s,color .15s;z-index:2}.game-card:hover .game-card-bookmark-btn{opacity:1}.game-card-bookmark-btn:hover{background:var(--bg);transform:scale(1.1);color:var(--accent)}.game-card-bookmark-btn.is-bookmarked{color:var(--accent);opacity:1}.game-card-bookmark-btn:active{transform:scale(.9)}.game-card-edit-btn{right:.5rem}.game-card-bookmark-btn+.game-card-edit-btn{top:2.75rem}@media (max-width:720px){.game-card-bookmark-btn{opacity:.9}}.quick-edit-form{display:grid;gap:.85rem}.quick-edit-cover-row{display:flex;gap:.5rem}.quick-edit-cover-row input{flex:1;min-width:0}.quick-edit-cover-row .btn{flex-shrink:0}.quick-edit-preview{width:100%;aspect-ratio:16/9;background:var(--bg-subtle);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.quick-edit-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ptr-indicator{color:var(--text-dim);font-size:1.1rem;pointer-events:none}.ptr-arrow{display:inline-block;transition:transform .2s ease}.ptr-spinner{width:18px;height:18px;border:2px solid var(--border-strong);animation:ptr-spin .7s linear infinite}:root{--topo-color:#000}[data-theme=dark]{--topo-color:var(--accent)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:var(--topo-color);-webkit-mask-image:url(/topo.svg),radial-gradient(ellipse 55% 55% at center,transparent 0,rgba(0,0,0,.4) 55%,#000 100%);-webkit-mask-size:600px 600px,100% 100%;-webkit-mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-image:url(/topo.svg),radial-gradient(ellipse 55% 55% at center,transparent 0,rgba(0,0,0,.4) 55%,#000 100%);mask-size:600px 600px,100% 100%;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in,xor;mask-composite:intersect;opacity:.12}[data-theme=dark] body:before{opacity:.03}.site-header{position:relative;z-index:500}.site-footer,.site-main{position:relative;z-index:1}.hero-slide{position:relative;isolation:isolate}.hero-slide:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:var(--topo-color);-webkit-mask-image:url(/topo.svg),linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 30%,rgba(0,0,0,.8) 65%,rgba(0,0,0,.8));-webkit-mask-size:600px 600px,100% 100%;-webkit-mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-image:url(/topo.svg),linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 30%,rgba(0,0,0,.8) 65%,rgba(0,0,0,.8));mask-size:600px 600px,100% 100%;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in,xor;mask-composite:intersect;opacity:.25;border-radius:inherit}.hero-slide>*{position:relative;z-index:1}[data-theme=dark] .hero-slide:before{opacity:.1}.lb-hero{position:relative;isolation:isolate;border-radius:var(--radius-lg);padding:2.5rem 1.5rem!important;margin-bottom:1rem;background:var(--bg-elev);border:1px solid var(--border);overflow:hidden}.lb-hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:var(--topo-color);-webkit-mask-image:url(/topo.svg),radial-gradient(ellipse 50% 50% at center,transparent 0,rgba(0,0,0,.4) 55%,#000 100%);-webkit-mask-size:600px 600px,100% 100%;-webkit-mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-image:url(/topo.svg),radial-gradient(ellipse 50% 50% at center,transparent 0,rgba(0,0,0,.4) 55%,#000 100%);mask-size:600px 600px,100% 100%;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in,xor;mask-composite:intersect;opacity:.2}.lb-hero>*{position:relative;z-index:1}[data-theme=dark] .lb-hero:before{opacity:.15}.auth-shell{position:relative;isolation:isolate}.auth-shell:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:var(--topo-color);-webkit-mask-image:url(/topo.svg),radial-gradient(ellipse 50% 50% at center,transparent 0,rgba(0,0,0,.3) 50%,#000 100%);-webkit-mask-size:600px 600px,100% 100%;-webkit-mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-image:url(/topo.svg),radial-gradient(ellipse 50% 50% at center,transparent 0,rgba(0,0,0,.3) 50%,#000 100%);mask-size:600px 600px,100% 100%;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in,xor;mask-composite:intersect;opacity:.15}.auth-shell>*{position:relative;z-index:1}[data-theme=dark] .auth-shell:before{opacity:.1}.topo-bg{position:relative;overflow:hidden;isolation:isolate}.topo-bg:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:var(--topo-color);-webkit-mask-image:url(/topo.svg);-webkit-mask-size:600px 600px;-webkit-mask-repeat:repeat;mask-image:url(/topo.svg);mask-size:600px 600px;mask-repeat:repeat;opacity:.4}.topo-bg>*{position:relative;z-index:1}.about-page{max-width:960px;margin:0 auto;padding:1rem 0 3rem}.about-hero{text-align:center;padding:3rem 1rem 2.5rem}.about-eyebrow{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:.75rem}.about-title{margin:0 0 1rem;font-size:3.5rem;font-weight:900;letter-spacing:-2px;line-height:1.05}@media (max-width:600px){.about-title{font-size:2.2rem;letter-spacing:-1px}}.about-grad{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-subtitle{margin:0 auto 1.5rem;max-width:520px;font-size:1.1rem;color:var(--text-secondary);line-height:1.55}.about-cta{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.about-section-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:800;letter-spacing:-.6px;text-align:center}.about-modes{margin:2rem 0 3rem}.about-modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:720px){.about-modes-grid{grid-template-columns:1fr}}.about-mode-card{padding:1.75rem 1.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:.75rem}.about-mode-card h3{margin:0;font-size:1.2rem;font-weight:800;letter-spacing:-.4px}.about-mode-card p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.55}.about-mode-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.about-mode-icon-bt{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%)}.about-mode-icon-tourney{background:linear-gradient(135deg,#7c3aed,#3b82f6)}.about-mode-features{margin:.5rem 0;padding-left:1.1rem;font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.about-mode-features li{margin:.25rem 0}.about-mode-features li::marker{color:var(--accent)}.about-steps{margin:2rem 0 3rem}.about-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width:860px){.about-steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.about-steps-grid{grid-template-columns:1fr}}.about-step-card{padding:1.25rem 1.15rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.5rem}.about-step-num{display:flex;align-items:center;gap:.5rem;color:var(--accent)}.about-step-num span{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800}.about-step-card h3{margin:0;font-size:1rem;font-weight:700}.about-step-card p{margin:0;font-size:.88rem;color:var(--text-secondary);line-height:1.5}.about-features{margin:2rem 0 3rem}.about-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}@media (max-width:720px){.about-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.about-features-grid{grid-template-columns:1fr}}.about-feature{padding:1.15rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.4rem}.about-feature-icon{color:var(--accent)}.about-feature h4{margin:0;font-size:.92rem;font-weight:700}.about-feature p{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.45}.about-footer{text-align:center;padding:2rem 0;border-top:1px solid var(--border);margin-top:2rem;color:var(--text-secondary)}.about-footer a{color:var(--accent);text-decoration:none;font-weight:600}.about-footer a:hover{text-decoration:underline}.collab-page-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.collab-page-row{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s cubic-bezier(.32,.72,0,1),border-color .2s}.collab-page-row:hover{transform:translateY(-2px);border-color:var(--accent)}.collab-page-link{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:.75rem;text-decoration:none;color:inherit}.collab-page-cover{position:relative;width:120px;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg)}.collab-page-info{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;justify-content:center}.collab-page-pill{margin-top:.25rem;padding:.15rem .6rem;background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.premium-page{max-width:680px;margin:0 auto;padding:1rem 1rem 4rem}.premium-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 2rem}@media (max-width:560px){.premium-compare{grid-template-columns:1fr}}.compare-col{padding:1.25rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.compare-free{border-color:var(--border)}.compare-premium{border-color:var(--accent);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 12%,transparent) 0,transparent 50%),var(--bg-elev)}.compare-col h3{font-size:1rem;font-weight:800;margin:0 0 .75rem;letter-spacing:-.3px}.compare-premium h3{color:var(--accent)}.compare-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.compare-col li{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.premium-hero{text-align:center;padding:2rem 0 2.5rem}.premium-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--radius-full);color:var(--accent);font-size:.8rem;font-weight:700;margin-bottom:1.25rem}.premium-hero h1{font-size:2.4rem;font-weight:900;letter-spacing:-1px;margin:0 0 .75rem;line-height:1.1}@media (max-width:560px){.premium-hero h1{font-size:1.8rem}}.premium-grad{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-hero p{max-width:480px;margin:0 auto;font-size:1.05rem;line-height:1.6}.premium-card{position:relative;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 18%,transparent) 0,transparent 50%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,var(--bg-elev)) 0,var(--bg-elev) 100%);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:var(--radius-xl);padding:2rem 2rem 1.75rem;overflow:hidden}.premium-card-glow{position:absolute;top:-50%;left:-50%;width:100%;height:200%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 12%,transparent) 0,transparent 70%);animation:premium-glow 8s ease-in-out infinite;pointer-events:none}@keyframes premium-glow{0%,to{transform:translate(0) rotate(0deg);opacity:.6}50%{transform:translate(10%,5%) rotate(5deg);opacity:1}}.premium-card-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.premium-card-subtitle{margin:0 0 .75rem;font-size:.85rem;color:var(--text-secondary)}.premium-badge{padding:.35rem .9rem;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius-full);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent)}.premium-price{display:flex;align-items:baseline;gap:.25rem}.premium-price strong{font-size:2.2rem;font-weight:900;color:var(--accent);letter-spacing:-1px}.premium-price span{font-size:.9rem;color:var(--text-secondary);font-weight:600}.premium-features{position:relative;list-style:none;margin:0 0 1.5rem;padding:1.25rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;gap:1rem}.premium-feature{display:flex;align-items:center;gap:1rem}.premium-feature-icon{width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.premium-feature-text{display:flex;flex-direction:column;gap:2px}.premium-feature-text strong{font-weight:700;font-size:.98rem}.premium-actions{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem}.premium-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 2rem;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;font-size:1rem;font-weight:800;text-decoration:none;border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px -6px color-mix(in srgb,var(--accent) 50%,transparent)}.premium-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px -6px color-mix(in srgb,var(--accent) 60%,transparent)}.premium-actions .tiny{font-size:.75rem;text-align:center}.premium-info{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.premium-info h2{text-align:center;font-size:1.3rem;font-weight:800;margin:0 0 1.5rem;letter-spacing:-.3px}.premium-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width:680px){.premium-info-grid{grid-template-columns:1fr;gap:1rem}}.premium-info-item{padding:1.25rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.premium-info-item h3{font-size:.95rem;font-weight:800;margin:0 0 .5rem}.premium-info-item p{margin:0;font-size:.9rem;line-height:1.55}.premium-active-badge{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;border-radius:var(--radius-full);font-size:.9rem;font-weight:700}.premium-already{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:color-mix(in srgb,var(--accent) 8%,var(--bg));border:1px solid var(--accent);border-radius:var(--radius-lg);color:var(--accent);font-weight:600;font-size:.95rem}.premium-user-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;border-radius:50%;flex-shrink:0;margin-left:.25rem}.premium-user-badge svg{width:10px;height:10px}.bt-breadcrumb{display:inline-block;margin:.5rem 0 1rem;text-decoration:none}.bt-breadcrumb:hover{color:var(--accent)}.bt-all-header{margin:.5rem 0 1.5rem}.bt-all-header h1{margin:0 0 .4rem;font-size:1.8rem;letter-spacing:-.8px;font-weight:800}.bt-all-header p{margin:0}.bt-list-controls{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.bt-search-input{flex:1;min-width:220px;height:38px;padding:0 .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.92rem}.bt-search-input:focus{outline:none;border-color:var(--accent)}.bt-sort{display:inline-flex;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px}.bt-sort-btn{padding:5px 14px;background:none;border:none;border-radius:calc(var(--radius-sm) - 2px);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.bt-sort-btn:hover{color:var(--text)}.bt-sort-btn.is-active{background:var(--bg);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.15)}.bt-cats{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.25rem}.bt-cat-pill{display:inline-flex;align-items:center;gap:.5rem;padding:6px 13px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s cubic-bezier(.32,.72,0,1)}.bt-cat-pill:hover{border-color:var(--accent);color:var(--accent)}.bt-cat-pill.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.bt-cat-pill.is-active .bt-cat-count{background:hsla(0,0%,100%,.2);color:#fff}.bt-cat-count{font-size:.7rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;background:var(--bg);padding:1px 7px;border-radius:999px;transition:all .18s}.bt-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.65rem}@media (max-width:1280px){.bt-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:980px){.bt-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:760px){.bt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:540px){.bt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:380px){.bt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bcat-header{margin:1rem 0 1.5rem}.bcat-header h1{margin:.4rem 0;font-size:1.8rem;letter-spacing:-.8px}.bcat-header p{margin:0}.bcat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media (max-width:920px){.bcat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.bcat-grid{grid-template-columns:1fr}}.bcat-card{position:relative;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:transform .22s cubic-bezier(.32,.72,0,1),border-color .22s}.bcat-card:hover{transform:translateY(-3px);border-color:var(--accent)}.bcat-card-link{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.25rem 1.4rem;color:inherit;text-decoration:none;min-height:110px}.bcat-card-bg{position:absolute;inset:0;opacity:.18;mask-image:radial-gradient(circle at top right,#000 0,transparent 65%);-webkit-mask-image:radial-gradient(circle at top right,#000 0,transparent 65%);pointer-events:none;transition:opacity .22s}.bcat-card:hover .bcat-card-bg{opacity:.32}.bcat-card-icon{position:relative;z-index:1;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--accent);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0}.bcat-card-body{position:relative;z-index:1;min-width:0}.bcat-card-body strong{display:block;font-size:1.1rem;font-weight:800;letter-spacing:-.4px;margin-bottom:4px}.bcat-card-desc{margin:0;color:var(--text-secondary);font-size:.82rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bcat-card-count{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.bcat-card-count strong{font-size:1.6rem;font-weight:800;color:var(--accent);letter-spacing:-.6px;font-variant-numeric:tabular-nums;line-height:1}.bcat-card-count span{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.bcat-card-play{width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem;background:var(--accent);color:#fff;border:none;border-top:1px solid color-mix(in srgb,var(--accent) 60%,transparent);font-size:.88rem;font-weight:700;cursor:pointer;transition:background .18s}.bcat-card-play:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.multi-page{max-width:900px;margin:0 auto;padding:0 1rem 3rem}.multi-header{position:relative;margin:0 -1rem 2rem;padding:1.5rem 1rem 2rem;background:var(--bg-elev);border-bottom:1px solid var(--border);overflow:hidden}.multi-header-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--accent) 12%,transparent) 0,transparent 50%),radial-gradient(circle at 80% 50%,color-mix(in srgb,#7c3aed 10%,transparent) 0,transparent 50%);animation:header-glow 8s ease-in-out infinite}@keyframes header-glow{0%,to{opacity:.6;transform:translateX(0)}50%{opacity:1;transform:translateX(-5%)}}.multi-header-content{position:relative;max-width:900px;margin:0 auto}.multi-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);text-decoration:none;margin-bottom:1rem;transition:color .18s}.multi-back:hover{color:var(--accent)}.multi-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.multi-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:.5rem}.multi-pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:multi-pulse-anim 1.6s ease-in-out infinite}@keyframes multi-pulse-anim{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}}.multi-header h1{font-size:2.2rem;font-weight:900;letter-spacing:-1px;margin:0 0 .25rem}@media (max-width:560px){.multi-header h1{font-size:1.7rem}}.multi-header p{margin:0;font-size:1rem}.multi-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.25rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.multi-stat svg{color:var(--accent);margin-bottom:2px}.multi-stat strong{font-size:1.6rem;font-weight:900;color:var(--accent);line-height:1}.multi-stat span{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:700}.multi-modes{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.multi-mode-card{position:relative;display:block;padding:1.5rem;background:var(--bg-elev);border:2px solid var(--border);border-radius:var(--radius-xl);text-decoration:none;color:var(--text);overflow:hidden;transition:transform .25s cubic-bezier(.32,.72,0,1),border-color .25s,box-shadow .25s}.multi-mode-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 20px 40px -15px color-mix(in srgb,var(--accent) 20%,transparent)}.multi-mode-card.multi-mode-draft:hover{border-color:#a855f7;box-shadow:0 20px 40px -15px rgba(168,85,247,.2)}.multi-mode-glow{background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 20%,transparent) 0,transparent 70%)}.multi-mode-glow,.multi-mode-glow-draft{position:absolute;top:-50%;right:-20%;width:300px;height:200%;animation:mode-glow 6s ease-in-out infinite;pointer-events:none}.multi-mode-glow-draft{background:radial-gradient(ellipse,rgba(168,85,247,.15) 0,transparent 70%)}@keyframes mode-glow{0%,to{transform:translateX(0) rotate(0deg);opacity:.5}50%{transform:translateX(-20px) rotate(5deg);opacity:.8}}.multi-mode-content{position:relative;display:flex;align-items:center;gap:1.25rem}.multi-mode-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px -6px color-mix(in srgb,var(--accent) 50%,transparent)}.multi-mode-icon.draft{background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 8px 24px -6px rgba(168,85,247,.4)}.multi-mode-text{flex:1;min-width:0}.multi-mode-text h2{font-size:1.4rem;font-weight:900;margin:0 0 .35rem;letter-spacing:-.5px}.multi-mode-text p{margin:0 0 .75rem;font-size:.92rem}.multi-mode-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.multi-mode-badge.live{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);color:#22c55e}.multi-mode-badge.draft{background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.3);color:#a855f7}.multi-mode-arrow{width:48px;height:48px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;transition:all .2s}.multi-mode-card:hover .multi-mode-arrow{background:var(--accent);color:#fff;transform:scale(1.1)}.draft-arrow{border-color:#a855f7;color:#a855f7}.multi-mode-draft:hover .draft-arrow{background:#a855f7;color:#fff}.multi-mode-preview{position:relative;display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px dashed var(--border)}.multi-preview-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .7rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8rem}.multi-preview-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.multi-preview-name{font-weight:600}.multi-preview-count{padding:1px 6px;background:rgba(34,197,94,.15);color:#22c55e;font-size:.7rem}.multi-preview-count,.multi-preview-more{border-radius:var(--radius-full);font-weight:700}.multi-preview-more{padding:.4rem .7rem;background:var(--bg-subtle);font-size:.8rem;color:var(--text-secondary)}.multi-mode-features{position:relative;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px dashed var(--border)}.multi-feature{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-full);font-size:.78rem;color:var(--text-secondary)}.multi-feature svg{color:#a855f7}.multi-categories{margin-top:1rem}.multi-categories h3{font-size:1rem;font-weight:800;margin:0 0 1rem;color:var(--text-secondary)}.multi-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}@media (max-width:480px){.multi-cat-grid{grid-template-columns:repeat(2,1fr)}}.multi-cat-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);font-size:.9rem;font-weight:600;transition:all .18s}.multi-cat-item:hover{border-color:var(--accent);background:var(--bg);transform:translateY(-2px)}.multi-cat-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.multi-cat-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-cat-live{padding:2px 6px;background:rgba(34,197,94,.15);border-radius:var(--radius-full);color:#22c55e;font-size:.7rem;font-weight:800}.bt-hero{display:grid;grid-template-columns:240px 1fr 200px;gap:1.75rem;padding:2rem;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--accent) 22%,transparent) 0,transparent 50%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--accent) 14%,transparent) 0,transparent 60%),linear-gradient(135deg,var(--bg-elev) 0,var(--bg) 100%);margin-bottom:1.5rem}@media (max-width:920px) and (min-width:721px){.bt-hero{grid-template-columns:200px 1fr}}.bt-hero-bg-glow{position:absolute;top:-50%;right:-20%;width:50%;height:200%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 18%,transparent) 0,transparent 70%);pointer-events:none;animation:bt-hero-glow 6s ease-in-out infinite alternate}@keyframes bt-hero-glow{0%{opacity:.6;transform:translateX(0)}to{opacity:1;transform:translateX(-10%)}}@media (max-width:720px){.bt-hero{grid-template-columns:1fr;padding:1.25rem;gap:1.25rem}}.bt-hero-cover{position:relative;aspect-ratio:1/1;background:var(--bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 12px 40px -8px rgba(0,0,0,.45),0 0 0 1px var(--border);z-index:1}.bt-cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;color:var(--accent);background:linear-gradient(135deg,var(--bg) 0,var(--bg-elev) 100%)}.bt-hero-info{display:flex;flex-direction:column;gap:1rem;min-width:0;position:relative;z-index:1}.bt-hero-meta{display:flex;flex-wrap:wrap;gap:.4rem}.bt-pill{display:inline-flex;align-items:center;gap:.4rem;padding:4px 12px;font-size:.78rem;font-weight:700;letter-spacing:.3px}.bt-pill-eyebrow{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:1.2px;font-size:.68rem}.bt-pill-cat{background:var(--accent-soft);color:var(--accent);letter-spacing:1px}.bt-pill-cat,.bt-pill-sub{text-transform:uppercase;font-size:.72rem}.bt-pill-sub{background:color-mix(in srgb,#60a5fa 12%,transparent);color:#60a5fa;letter-spacing:.8px}.bt-like-btn{display:inline-flex;align-items:center;gap:.4rem}.bt-like-btn.is-liked{color:#ef4444}.bt-hero-author{margin:.2rem 0 0;font-size:.85rem;color:var(--text-secondary)}.bt-hero-author-link{color:var(--text);font-weight:600;text-decoration:none}.bt-hero-author-link:hover{color:var(--accent);text-decoration:underline}.bt-pill-draft{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);text-transform:uppercase;font-size:.72rem;letter-spacing:1px}.bt-hero-info h1{margin:0;font-size:2.6rem;letter-spacing:-1.4px;line-height:1.05;font-weight:800}@media (max-width:720px){.bt-hero-info h1{font-size:1.8rem}}.bt-hero-desc{line-height:1.55}.bt-hero-actions{margin-top:.5rem}.bt-hero-quick-stats{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.bt-hero-quick-stats .stat{display:flex;flex-direction:column;align-items:center;gap:2px}.bt-hero-quick-stats .stat strong{font-size:1.1rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.bt-hero-quick-stats .stat span{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.btn-lg{height:52px;padding:0 1.75rem;font-size:1.05rem}.bt-hero-stats{flex-wrap:wrap;gap:1.25rem;margin-top:.25rem;padding:.75rem 0}.bt-hero-right{display:flex;align-items:center;justify-content:center;z-index:1}.bt-hero-pyramid{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:color-mix(in srgb,var(--bg) 60%,transparent);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%}.bt-pyramid-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.25rem}.bt-pyramid-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border-radius:var(--radius-sm);opacity:.4;transition:opacity .2s,background .2s}.bt-pyramid-row.is-reached{opacity:1;background:rgba(251,191,36,.08)}.bt-pyramid-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border-radius:50%;flex-shrink:0;border:1.5px solid var(--border-strong);color:var(--text-muted)}.bt-pyramid-row.is-reached .bt-pyramid-check{background:#fbbf24;border-color:#fbbf24;color:#18181b}.bt-pyramid-stars{display:flex;gap:2px}.bt-pyramid-star{font-size:1.1rem;line-height:1;color:var(--border-strong)}.bt-pyramid-row.is-reached .bt-pyramid-star{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.5)}.bt-pyramid-pts{font-size:.78rem;font-weight:600;color:var(--text-muted);margin-left:auto;font-variant-numeric:tabular-nums}.bt-pyramid-row.is-reached .bt-pyramid-pts{color:var(--text)}.bt-pyramid-my-score{margin-top:.4rem;padding-top:.5rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-dim);text-align:center}.bt-pyramid-my-score strong{color:var(--accent);font-weight:700}@media (max-width:920px){.bt-hero-right{grid-column:1/-1}.bt-hero-pyramid{flex-direction:row;flex-wrap:wrap;gap:.5rem;align-items:center}.bt-pyramid-title{width:100%;margin-bottom:0}.bt-pyramid-row{padding:.35rem .5rem}.bt-pyramid-my-score{width:100%;margin-top:.25rem;padding-top:.35rem}}.bt-stat{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text-secondary);font-weight:600}.bt-stat svg{color:var(--accent);opacity:.8}.btn-cta{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;font-size:1.1rem;font-weight:800;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;box-shadow:0 8px 24px -6px color-mix(in srgb,var(--accent) 50%,transparent)}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px -6px color-mix(in srgb,var(--accent) 60%,transparent)}.btn-cta svg{flex-shrink:0}.bt-difficulty-selector{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.bt-difficulty-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.bt-difficulty-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.bt-difficulty-btn{padding:.5rem 1rem;border:2px solid var(--border);border-radius:var(--radius-full);background:var(--bg-elev);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.bt-difficulty-btn:hover{border-color:var(--diff-color,var(--accent));color:var(--text)}.bt-difficulty-btn.active{background:var(--diff-color,var(--accent));border-color:var(--diff-color,var(--accent));color:#fff}.bt-section{margin:2rem 0}.bt-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.bt-section-header h2{margin:0;font-size:1.25rem;letter-spacing:-.5px}.bt-leaderboard-empty{padding:2rem 1.5rem;background:var(--bg-elev);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.bt-leaderboard-empty p{margin:0;color:var(--text-secondary)}.bt-leaderboard{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:.4rem}.bt-leaderboard li{display:grid;grid-template-columns:50px 1fr auto auto;gap:1rem;align-items:center;padding:.65rem .95rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm)}.bt-rank{font-weight:800;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.92rem}.bt-username a{color:inherit;text-decoration:none;font-weight:600}.bt-username a:hover{color:var(--accent)}.bt-username{font-weight:600}.bt-score{display:inline-flex;gap:4px}.bt-score,.bt-time{font-variant-numeric:tabular-nums}.bt-related-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem}.bt-recent-players{display:flex;flex-direction:column;gap:.3rem}.bt-recent-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.bt-recent-row:hover{border-color:var(--accent);background:var(--accent-soft)}.bt-recent-name{font-size:.875rem;font-weight:600;color:var(--text)}.bt-recent-score{font-size:.8rem;font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums}@media (max-width:1100px){.bt-related-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:920px){.bt-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:700px){.bt-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.bt-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bt-related-card{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s cubic-bezier(.32,.72,0,1),border-color .18s}.bt-related-card:hover{transform:translateY(-2px);border-color:var(--accent)}.bt-related-cover{position:relative;aspect-ratio:1/1;background:var(--bg)}.bt-related-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--accent);background:linear-gradient(135deg,var(--bg) 0,var(--bg-elev) 100%)}.bt-related-plays{position:absolute;bottom:6px;left:6px;padding:2px 7px;background:rgba(0,0,0,.78);color:#fff;border-radius:999px;font-size:.66rem;font-weight:600;backdrop-filter:blur(4px)}.bt-related-body{padding:.45rem .6rem .6rem;display:flex;flex-direction:column;gap:.2rem;min-width:0}.bt-related-body strong{font-size:.78rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-related-cat{align-self:flex-start;font-size:.66rem;font-weight:700;color:var(--accent);padding:0 6px;background:var(--accent-soft);border-radius:999px}.bt-section .stat{display:flex;flex-direction:column;gap:2px}.bt-section .stat strong{font-size:1.4rem;letter-spacing:-.5px;font-variant-numeric:tabular-nums;line-height:1.1}.bt-section .stat span{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.bt-card{max-width:560px;margin:2rem auto;padding:2.5rem 2rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl)}.bt-card-center{text-align:center}.bt-prepare-spinner{width:48px;height:48px;margin:1.5rem auto 1rem;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:bt-spin .8s linear infinite}@keyframes bt-spin{to{transform:rotate(1turn)}}.bt-eyebrow{margin:0;font-size:.78rem}.bt-card h1{margin:.25rem 0 1rem;font-size:2rem;letter-spacing:-1px}.bt-rules{list-style:none;padding:0;margin:1.5rem 0;display:flex;flex-direction:column;gap:.4rem;color:var(--text-secondary)}.bt-rules li:before{content:"✓";color:var(--accent);margin-right:.5rem;font-weight:800}.bt-cta{margin-top:1rem;height:56px;font-size:1.05rem;font-weight:700;width:100%}.bt-back{margin-top:.5rem;display:inline-block}.bt-rules-tip{margin:1rem 0;padding:.85rem 1rem;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:var(--radius-sm);position:relative}.bt-rules-tip strong{display:block;margin-bottom:.4rem;color:var(--accent);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.bt-rules-tip ul{margin:0;padding-left:1.1rem;font-size:.85rem;line-height:1.5;color:var(--text)}.bt-rules-tip ul li{margin:.2rem 0}.bt-rules-tip ul li::marker{color:var(--accent)}.bt-replay-btn{margin:-.75rem auto 1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.bt-replay-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.bt-rules-tip-close{margin-top:.65rem;padding:4px 12px;background:var(--accent);color:#fff;border:none;border-radius:999px;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .18s}.bt-rules-tip-close:hover{background:color-mix(in srgb,var(--accent) 85%,#000)}.bt-options{gap:.75rem;margin:1rem 0}.bt-option-group,.bt-options{display:flex;flex-direction:column}.bt-option-group{gap:.35rem}.bt-option-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.bt-option-pills{display:flex;gap:.35rem;flex-wrap:wrap}.bt-pill{padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.bt-pill.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.bt-score{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin:1rem 0}.bt-score .bt-animated-score,.bt-score strong{font-size:5rem;font-weight:800;letter-spacing:-3px;color:var(--accent);line-height:1}.bt-score span{font-size:1.5rem;color:var(--text-secondary);font-weight:600}.bt-verdict{font-size:1.15rem;margin:0 0 1.5rem}.bt-stars{display:flex;justify-content:center;gap:.75rem;margin:1.25rem 0 .75rem}.bt-star{font-size:4.5rem;line-height:1;opacity:0;transform:scale(0) rotate(-30deg);animation:bt-star-pop .7s cubic-bezier(.34,1.56,.64,1) forwards;position:relative}.bt-star.is-earned{color:#fbbf24;text-shadow:0 0 24px rgba(251,191,36,.6),0 0 48px rgba(251,191,36,.3),0 4px 12px rgba(251,191,36,.4);filter:drop-shadow(0 0 8px rgba(251,191,36,.4));animation-name:bt-star-earned}.bt-star.is-empty{color:var(--border-strong);text-shadow:none;filter:none;animation-name:bt-star-pop-empty}@keyframes bt-star-earned{0%{opacity:0;transform:scale(0) rotate(-30deg);filter:drop-shadow(0 0 0 transparent)}50%{opacity:1;transform:scale(1.5) rotate(8deg);filter:drop-shadow(0 0 20px rgba(251,191,36,.8))}70%{transform:scale(.85) rotate(-3deg)}85%{transform:scale(1.1) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0deg);filter:drop-shadow(0 0 8px rgba(251,191,36,.4))}}@keyframes bt-star-pop{0%{opacity:0;transform:scale(0) rotate(-30deg)}60%{opacity:1;transform:scale(1.3) rotate(5deg)}80%{transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes bt-star-pop-empty{0%{opacity:0;transform:scale(0) rotate(-20deg)}to{opacity:.4;transform:scale(.9) rotate(0deg)}}.bt-percentile{font-size:.95rem;color:var(--text-secondary);margin:0 0 1.5rem}.bt-percentile strong{color:var(--accent);font-weight:700}.bt-hero-my-stars{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.6rem 1rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full)}.bt-hero-stars-label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.bt-hero-stars-icons{display:flex;gap:.15rem}.bt-hero-star{font-size:1.25rem;line-height:1}.bt-hero-star.is-earned{color:#fbbf24;text-shadow:0 0 6px rgba(251,191,36,.4)}.bt-hero-star.is-empty{color:var(--border-strong);opacity:.5}.bt-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.bt-game-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:1rem 0 1.5rem;text-align:center}.bt-question-wrap{animation:bt-question-slide-in .48s cubic-bezier(.32,.72,0,1) both}@keyframes bt-question-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bt-game-header h1{margin:0;font-size:1.4rem;letter-spacing:-.5px}.bt-score-live{display:flex;align-items:baseline;gap:.35rem;justify-content:center}.bt-score-number{font-size:2rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-1px}.bt-score-unit{font-size:.9rem;font-weight:600;color:var(--text-muted)}.bt-points-popup{font-size:1.6rem;font-weight:800;color:#86efac;text-align:center;margin:.5rem auto;animation:bt-points-fly 1.8s cubic-bezier(.32,.72,0,1) forwards;pointer-events:none}@keyframes bt-points-fly{0%{opacity:1;transform:translateY(0) scale(1)}30%{opacity:1;transform:translateY(-10px) scale(1.3)}to{opacity:0;transform:translateY(-40px) scale(.8)}}.bt-points-streak{font-size:.9rem;color:var(--accent);font-weight:700}.bt-streak{display:inline-flex;align-items:center;gap:.5rem;padding:5px 14px;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:999px;font-size:.82rem;font-weight:600;align-self:center;transition:background .3s,border-color .3s,box-shadow .3s}.bt-streak-animated{animation:bt-streak-bounce .45s cubic-bezier(.34,1.56,.64,1)}@keyframes bt-streak-bounce{0%{transform:scale(.85);opacity:.4}50%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.bt-streak strong{font-weight:800;font-variant-numeric:tabular-nums}.bt-streak-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);animation:bt-dot-pulse 1.4s ease-in-out infinite}@keyframes bt-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.bt-streak.is-fire{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent) 0,color-mix(in srgb,var(--accent) 10%,transparent) 100%);border-color:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 30%,transparent)}.bt-streak.is-fire .bt-streak-dot{box-shadow:0 0 10px var(--accent),0 0 20px color-mix(in srgb,var(--accent) 50%,transparent)}.bt-streak.is-mega{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,transparent) 0,color-mix(in srgb,var(--accent) 16%,transparent) 100%);border-color:var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 40%,transparent),inset 0 0 12px color-mix(in srgb,var(--accent) 10%,transparent);animation:bt-streak-bounce .45s cubic-bezier(.34,1.56,.64,1),bt-streak-glow 2s ease-in-out infinite}@keyframes bt-streak-glow{0%,to{box-shadow:0 0 20px color-mix(in srgb,var(--accent) 40%,transparent),inset 0 0 12px color-mix(in srgb,var(--accent) 10%,transparent)}50%{box-shadow:0 0 32px color-mix(in srgb,var(--accent) 55%,transparent),inset 0 0 16px color-mix(in srgb,var(--accent) 15%,transparent)}}.bt-player-wrap{position:relative;max-width:380px;margin:0 auto 1.5rem}.bt-player-wrap.has-cover{border-radius:var(--radius-lg);overflow:hidden}.bt-player-cover{position:absolute;inset:0;z-index:0}.bt-player-cover-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.65))}.bt-player-wrap.has-cover .blind-player{position:relative;z-index:1;background:transparent;border-color:hsla(0,0%,100%,.15)}.bt-player-wrap.has-cover .blind-player-mask{background:transparent}.bt-player-wrap.has-cover .blind-player .blind-player-letter{opacity:0}.bt-progress-chips{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.bt-chip{padding:6px 12px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border);font-size:.85rem;font-weight:600;color:var(--text-secondary);transition:all .22s cubic-bezier(.32,.72,0,1)}.bt-chip.is-on{background:rgba(34,197,94,.15);border-color:#22c55e;color:#86efac;animation:bt-chip-pop .48s cubic-bezier(.34,1.56,.64,1)}@keyframes bt-chip-pop{0%{transform:scale(1)}40%{transform:scale(1.18);box-shadow:0 0 0 8px rgba(34,197,94,.25)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(34,197,94,0)}}.bt-chip em{font-style:normal;margin-left:4px;opacity:.85}.bt-timer{position:relative;max-width:560px;margin:0 auto 1rem;height:8px;background:var(--bg-elev);border-radius:999px;overflow:hidden}.bt-timer-bar{position:absolute;inset:0 auto 0 0;background:var(--accent);transition:width .1s linear}.bt-timer-label{position:absolute;top:-22px;right:0;font-size:.78rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.bt-form{max-width:560px;margin:0 auto}.bt-input-wrap.is-shake{animation:bt-shake-wrap .42s cubic-bezier(.36,.07,.19,.97)}@keyframes bt-shake-wrap{0%,to{transform:translateX(0)}15%{transform:translateX(-10px)}30%{transform:translateX(9px)}45%{transform:translateX(-7px)}60%{transform:translateX(5px)}75%{transform:translateX(-3px)}90%{transform:translateX(2px)}}.bt-input{width:100%;height:56px;padding:0 1rem;font-size:1.1rem;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);color:var(--text);transition:border-color .2s,background .2s}.bt-input:focus{outline:none;border-color:var(--accent)}.bt-input.is-shake{animation:bt-input-flash .5s cubic-bezier(.32,.72,0,1)}@keyframes bt-input-flash{0%{border-color:#ef4444;background:rgba(239,68,68,.12)}to{border-color:var(--border);background:var(--bg)}}.bt-form-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.75rem}.bt-reveal-block{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.bt-reveal-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm)}.bt-reveal-label{font-weight:800;font-size:.78rem;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:999px}.bt-reveal-label.is-ok{background:rgba(34,197,94,.18);color:#86efac}.bt-reveal-label.is-ko{background:rgba(239,68,68,.15);color:#fca5a5}.bt-reveal-banner{margin-top:.5rem;padding:.85rem 1rem;border-radius:var(--radius-lg);font-weight:700;text-align:center;font-size:1.05rem;animation:bt-banner-pop .38s cubic-bezier(.32,.72,0,1)}@keyframes bt-banner-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bt-reveal-banner.is-perfect{background:rgba(34,197,94,.18);color:#86efac;border:1px solid rgba(34,197,94,.4)}.bt-reveal-banner.is-half{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}.bt-reveal-banner.is-zero{background:rgba(239,68,68,.15);color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.bt-choices{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;max-width:560px;margin:0 auto;width:100%}.bt-choices-label{grid-column:1/-1;text-align:center;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin:0}.bt-choices-step2{animation:bt-step2-in .35s cubic-bezier(.22,1,.36,1)}@keyframes bt-step2-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bt-choices-reveal{animation:bt-choices-reveal-in .3s ease-out}@keyframes bt-choices-reveal-in{0%{opacity:.6}to{opacity:1}}@media (max-width:480px){.bt-choices{grid-template-columns:1fr}}.bt-choice-btn{padding:1rem 1.25rem;font-size:1rem;font-weight:600;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s,transform .1s,box-shadow .2s;text-align:center;line-height:1.3}.bt-choice-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.bt-choice-btn:active:not(:disabled){transform:scale(.97)}.bt-choice-btn.is-selected{border-color:var(--accent);background:var(--accent-soft)}.bt-choice-btn.is-disabled{cursor:default;opacity:.5;transform:none}.bt-choice-btn.is-correct{border-color:#22c55e!important;background:rgba(34,197,94,.18)!important;color:#86efac!important;opacity:1!important;animation:bt-choice-correct .5s cubic-bezier(.32,.72,0,1);box-shadow:0 0 20px rgba(34,197,94,.3)!important}@keyframes bt-choice-correct{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.bt-choice-btn.is-wrong{border-color:#ef4444!important;background:rgba(239,68,68,.15)!important;color:#fca5a5!important;opacity:1!important;animation:bt-choice-wrong .4s cubic-bezier(.36,.07,.19,.97)}@keyframes bt-choice-wrong{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}.bt-recap{max-width:600px;margin:2rem auto 0}.bt-recap-title{font-size:1.1rem;font-weight:700;margin-bottom:.75rem;color:var(--text)}.bt-recap-list{display:flex;flex-direction:column;gap:.5rem}.bt-recap-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border);transition:border-color .2s;animation:bt-recap-item-in .4s cubic-bezier(.32,.72,0,1) both}.bt-recap-item:first-child{animation-delay:0ms}.bt-recap-item:nth-child(2){animation-delay:60ms}.bt-recap-item:nth-child(3){animation-delay:.12s}.bt-recap-item:nth-child(4){animation-delay:.18s}.bt-recap-item:nth-child(5){animation-delay:.24s}.bt-recap-item:nth-child(6){animation-delay:.3s}.bt-recap-item:nth-child(7){animation-delay:.36s}.bt-recap-item:nth-child(8){animation-delay:.42s}.bt-recap-item:nth-child(9){animation-delay:.48s}.bt-recap-item:nth-child(10){animation-delay:.54s}@keyframes bt-recap-item-in{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.bt-recap-item.is-found{border-left:3px solid #22c55e}.bt-recap-item.is-missed{border-left:3px solid #ef4444;opacity:.75}.bt-recap-index{font-size:.75rem;font-weight:700;color:var(--text-muted);min-width:1.5rem;text-align:center}.bt-recap-art{border-radius:var(--radius-xs);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.bt-recap-info{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-recap-info strong{font-size:.9rem}.bt-recap-badge{font-size:.78rem;font-weight:700;padding:2px 8px;border-radius:999px;flex-shrink:0}.bt-recap-badge.is-ok{background:rgba(34,197,94,.18);color:#86efac}.bt-recap-badge.is-ko{background:rgba(239,68,68,.15);color:#fca5a5}.bt-recap-save{flex-shrink:0;font-size:1.1rem;padding:.25rem .5rem;line-height:1;opacity:.6;transition:opacity .2s,color .2s}.bt-recap-save:hover{opacity:1;color:var(--accent)}.bt-save-track-btn{margin-top:.75rem;font-size:.85rem;opacity:.8;transition:opacity .2s,color .2s}.bt-save-track-btn:hover{opacity:1;color:var(--accent)}.bt-login-hint{margin-top:.75rem;font-size:.9rem;color:var(--text-secondary)}.bt-login-hint a{color:var(--accent);font-weight:600;text-decoration:underline}.bt-admin-bar{margin:.5rem 0 1rem;display:flex;justify-content:flex-end}.bt-page-header{margin:1rem 0 1.5rem}.bt-hero-skeleton{flex:1;min-height:320px;margin:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl);position:relative;overflow:hidden}.bt-hero-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--text) 7%,transparent) 50%,transparent 100%);animation:bt-shimmer 1.4s infinite}.bt-podiums{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 1.75rem}@media (max-width:760px){.bt-podiums{grid-template-columns:1fr}}.bt-eyebrow{margin:0 0 .25rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--accent)}.bt-page-header h1{margin:0 0 .4rem;font-size:2rem;letter-spacing:-1px;font-weight:800}.bt-page-header .muted{margin:0;max-width:580px}.bt-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1rem;margin:1rem 0 2rem;align-items:stretch}@media (max-width:980px){.bt-top{grid-template-columns:1fr}}.bt-top-hero{display:flex;flex-direction:column}.bt-top-hero>*{flex:1}.bt-top-side{display:flex;flex-direction:column;gap:.65rem}.bt-top-side .bt-mode-tile{flex:1}.bt-stats-card{padding:1rem 1.1rem;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent) 14%,transparent) 0,transparent 60%),var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.bt-stats-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem;font-size:.7rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}.bt-pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:bt-pulse-dot 1.6s ease-in-out infinite}@keyframes bt-pulse-dot{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.bt-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.bt-stat{padding:.6rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column}.bt-stat strong{font-size:1.3rem;font-weight:900;color:var(--accent);letter-spacing:-.5px;font-variant-numeric:tabular-nums;line-height:1}.bt-stat span{margin-top:4px;font-size:.66rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.bt-mode-tile{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);text-decoration:none;overflow:hidden;transition:transform .2s cubic-bezier(.32,.72,0,1),border-color .2s}.bt-mode-tile:hover{transform:translateY(-2px);border-color:var(--accent)}.bt-mode-tile-bg{position:absolute;inset:0;opacity:.12;pointer-events:none;transition:opacity .22s}.bt-mode-tile:hover .bt-mode-tile-bg{opacity:.22}.bt-mode-tile-draft .bt-mode-tile-bg{background:radial-gradient(circle at 0 50%,var(--accent) 0,transparent 65%)}.bt-mode-tile-live .bt-mode-tile-bg{background:radial-gradient(circle at 0 50%,#a855f7 0,transparent 65%)}.bt-mode-tile-daily .bt-mode-tile-bg{background:radial-gradient(circle at 0 50%,#ec4899 0,transparent 65%)}.bt-mode-tile-icon{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bt-mode-tile-draft .bt-mode-tile-icon{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%)}.bt-mode-tile-live .bt-mode-tile-icon{background:linear-gradient(135deg,#7c3aed,#ec4899)}.bt-mode-tile-daily .bt-mode-tile-icon{background:linear-gradient(135deg,#ec4899,#f59e0b)}.bt-mode-tile-text{position:relative;z-index:1;display:flex;flex-direction:column;gap:1px;min-width:0}.bt-mode-tile-text strong{font-size:.95rem;font-weight:800}.bt-mode-tile-text span{font-size:.78rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-mode-tile-arrow{position:relative;z-index:1;color:var(--text-secondary);transition:transform .2s,color .2s}.bt-mode-tile:hover .bt-mode-tile-arrow{color:var(--accent);transform:translateX(3px)}.bt-hero-fallback{padding:1.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl);height:100%}.bt-hero-fallback h1{margin:.4rem 0 .5rem;font-size:1.8rem;letter-spacing:-.8px}.bt-cat-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;margin:0 0 1.75rem}@media (max-width:1100px){.bt-cat-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:720px){.bt-cat-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.bt-cat-strip>*{flex:0 0 160px;scroll-snap-align:start}}.bt-cat-tile{position:relative;display:flex;align-items:center;gap:.55rem;padding:.7rem .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;text-decoration:none;overflow:hidden;transition:transform .2s cubic-bezier(.32,.72,0,1),border-color .2s;min-height:56px}.bt-cat-tile:hover{transform:translateY(-2px);border-color:var(--accent)}.bt-cat-tile-bg{position:absolute;inset:0;opacity:.14;mask-image:radial-gradient(circle at right,#000 0,transparent 75%);-webkit-mask-image:radial-gradient(circle at right,#000 0,transparent 75%);pointer-events:none;transition:opacity .22s}.bt-cat-tile:hover .bt-cat-tile-bg{opacity:.3}.bt-cat-tile-icon{position:relative;z-index:1;color:var(--accent);flex-shrink:0}.bt-cat-tile-text{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}.bt-cat-tile-text strong{font-size:.85rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-cat-tile-text span{font-size:.68rem;line-height:1.1;margin-top:1px}.bt-hero{position:relative;margin:0;padding:2rem 2rem 2rem 320px;min-height:280px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--bg-elev)) 0,var(--bg-elev) 100%);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;isolation:isolate}@media (max-width:720px){.bt-hero{padding:220px 1rem 1rem;min-height:auto}}.bt-hero-bg{inset:0;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--accent) 20%,transparent) 0,transparent 50%),radial-gradient(circle at 10% 90%,color-mix(in srgb,var(--accent) 10%,transparent) 0,transparent 60%)}.bt-hero-bg,.bt-hero-glow{position:absolute;pointer-events:none;z-index:0}.bt-hero-glow{top:50%;left:160px;width:280px;height:280px;transform:translateY(-50%);background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,transparent) 0,transparent 70%);animation:bt-hero-pulse 3.6s ease-in-out infinite alternate}@keyframes bt-hero-pulse{0%{opacity:.5;transform:translateY(-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1.08)}}@media (max-width:720px){.bt-hero-glow{top:100px;left:50%;transform:translateX(-50%);width:220px;height:220px}@keyframes bt-hero-pulse{0%{opacity:.5;transform:translateX(-50%) scale(.95)}to{opacity:1;transform:translateX(-50%) scale(1.08)}}}.bt-hero-cover-wrap{position:absolute;top:50%;left:2rem;transform:translateY(-50%);width:240px;height:240px;border-radius:var(--radius-lg);overflow:hidden;z-index:1;box-shadow:0 24px 48px -12px rgba(0,0,0,.45),0 0 0 1px var(--border),0 0 32px color-mix(in srgb,var(--accent) 30%,transparent);background:var(--bg);animation:bt-hero-cover-float 5s ease-in-out infinite alternate}@keyframes bt-hero-cover-float{0%{transform:translateY(-50%) translateY(0)}to{transform:translateY(-50%) translateY(-6px)}}@media (max-width:720px){.bt-hero-cover-wrap{top:1rem;left:50%;transform:translateX(-50%);width:180px;height:180px}@keyframes bt-hero-cover-float{0%{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-4px)}}}.bt-hero-cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;color:var(--accent);background:linear-gradient(135deg,var(--bg-elev) 0,var(--bg) 100%)}.bt-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.85rem;max-width:580px}@media (max-width:720px){.bt-hero-content{text-align:center;align-items:center;max-width:none}}.bt-hero-pills{display:flex;gap:.4rem;flex-wrap:wrap;animation:bt-hero-fade-in .6s cubic-bezier(.32,.72,0,1) both}.bt-hero-eyebrow{background:var(--accent);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:1.5px}.bt-hero-cat,.bt-hero-eyebrow{padding:4px 12px;text-transform:uppercase;border-radius:999px}.bt-hero-cat{background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.8px}.bt-hero-title{margin:0;font-size:3rem;font-weight:900;letter-spacing:-1.6px;line-height:1.02;animation:bt-hero-fade-in .7s cubic-bezier(.32,.72,0,1) .1s both}@media (max-width:720px){.bt-hero-title{font-size:2rem;letter-spacing:-1px}}.bt-hero-desc{margin:0;font-size:1rem;color:var(--text-secondary);line-height:1.5;animation:bt-hero-fade-in .7s cubic-bezier(.32,.72,0,1) .2s both}@media (max-width:720px){.bt-hero-desc{font-size:.92rem}}.bt-hero-stats{display:flex;gap:1.5rem;padding:.5rem 0;animation:bt-hero-fade-in .7s cubic-bezier(.32,.72,0,1) .3s both}.bt-hero-stat{display:flex;flex-direction:column;gap:2px}.bt-hero-stat strong{font-size:1.4rem;font-weight:800;letter-spacing:-.5px;line-height:1;font-variant-numeric:tabular-nums;color:var(--accent)}.bt-hero-stat span{font-size:.72rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.bt-hero-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.25rem;animation:bt-hero-fade-in .7s cubic-bezier(.32,.72,0,1) .4s both}.btn-lg{height:50px;padding:0 1.5rem;font-size:1rem;font-weight:700}@keyframes bt-hero-fade-in{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@media (max-width:720px){@keyframes bt-hero-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.bt-row-section{margin:0 0 1.5rem}.bt-row-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.bt-row-header h2{margin:0;font-size:1.05rem;letter-spacing:-.3px}.bt-row-more{display:inline-flex;align-items:center;gap:2px;font-size:.82rem;font-weight:700;color:var(--text-secondary);text-decoration:none;padding:4px 10px;border-radius:999px;transition:all .18s}.bt-row-more:hover{color:var(--accent);background:var(--accent-soft)}.bt-row-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.65rem}@media (max-width:1280px){.bt-row-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:980px){.bt-row-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:760px){.bt-row-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:540px){.bt-row-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:380px){.bt-row-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bt-carousel-section{margin:0 0 2rem;scroll-margin-top:80px}.bt-carousel-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.bt-carousel-header h2{margin:0;font-size:1.1rem;font-weight:800;letter-spacing:-.4px;display:inline-flex;align-items:center;gap:.55rem}.bt-carousel-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-soft);color:var(--accent);border-radius:50%}.bt-carousel-count{font-weight:600}.bt-carousel-more{display:inline-flex;align-items:center;gap:2px;font-size:.82rem;font-weight:700;color:var(--text-secondary);text-decoration:none;padding:4px 10px;border-radius:999px;transition:all .18s}.bt-carousel-more:hover{color:var(--accent);background:var(--accent-soft)}.bt-carousel-wrap{position:relative;padding-top:8px}.bt-carousel-track{display:flex;align-items:stretch;gap:.65rem;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px .5rem;margin:-8px -.5rem 0;scrollbar-width:none;-ms-overflow-style:none}.bt-carousel-track::-webkit-scrollbar{display:none;width:0;height:0}.bt-carousel-item{flex:0 0 168px;scroll-snap-align:start;display:flex}.bt-carousel-item>*{flex:1}@media (max-width:540px){.bt-carousel-item{flex:0 0 138px}}.bt-carousel-loading{display:flex;gap:.65rem}.bt-carousel-skel{flex:0 0 168px;height:220px;background:var(--bg-elev);border-radius:var(--radius-sm);position:relative;overflow:hidden}.bt-carousel-skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--text) 8%,transparent) 50%,transparent 100%);animation:bt-shimmer 1.4s infinite}@keyframes bt-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.bt-carousel-more-card{flex:0 0 168px;scroll-snap-align:start;display:flex;flex-direction:column;background:var(--bg-elev);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.85rem;font-weight:600;text-align:center;overflow:hidden;transition:all .22s cubic-bezier(.32,.72,0,1)}@media (max-width:540px){.bt-carousel-more-card{flex:0 0 138px}}.bt-carousel-more-card:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);transform:translateY(-3px)}.bt-carousel-more-top{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.bt-carousel-more-bottom{padding:.45rem .55rem .55rem;font-size:.78rem;line-height:1.2}.bt-carousel-more-icon{width:48px;height:48px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--accent);transition:transform .22s}.bt-carousel-more-card:hover .bt-carousel-more-icon{transform:translateX(4px);background:var(--accent);color:#fff}.bt-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border-radius:50%;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);font-size:1.5rem;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 4px;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:all .18s}.bt-carousel-arrow:hover{border-color:var(--accent);color:var(--accent)}.bt-carousel-arrow-prev{left:-10px}.bt-carousel-arrow-next{right:-10px}@media (max-width:720px){.bt-carousel-arrow{display:none}}.bt-mini-leaderboard{width:100%;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border);text-align:left}.bt-mini-lb-title{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:.4rem}.bt-mini-lb-list{display:flex;flex-direction:column;gap:.15rem}.bt-mini-lb-row{display:flex;align-items:center;gap:.65rem;padding:.35rem 0;text-decoration:none;color:inherit;font-size:.82rem;transition:color .15s}.bt-mini-lb-row:hover{color:var(--accent)}.bt-mini-lb-rank{width:22px;font-size:1rem;text-align:center;flex-shrink:0;line-height:1}.bt-mini-lb-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-mini-lb-score{font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.bt-layout{display:grid;grid-template-columns:220px 1fr;gap:2rem;align-items:start}@media (max-width:920px){.bt-layout{grid-template-columns:1fr}.bt-sidebar{display:none}}.bt-sidebar{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;padding:1rem 0;scrollbar-width:none}.bt-sidebar::-webkit-scrollbar{display:none}.bt-sidebar-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin:0 0 .75rem;padding:0 .5rem}.bt-sidebar-nav{display:flex;flex-direction:column;gap:2px}.bt-sidebar-link{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:var(--radius);text-decoration:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:background .15s,color .15s;border:none;background:none;width:100%;text-align:left;cursor:pointer}.bt-sidebar-link:hover{background:var(--bg-subtle);color:var(--text)}.bt-sidebar-link-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.bt-sidebar-link-active .bt-sidebar-icon{opacity:1;color:var(--accent)}.bt-sidebar-icon{flex-shrink:0;opacity:.6}.bt-sidebar-link:hover .bt-sidebar-icon{opacity:1;color:var(--accent)}.bt-sidebar-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-sidebar-count{font-size:.72rem;font-weight:600;color:var(--text-muted);background:var(--bg-subtle);padding:.15rem .45rem;border-radius:var(--radius-full)}.bt-sidebar-all{display:block;margin-top:1rem;padding:.5rem .65rem;font-size:.82rem;font-weight:600;color:var(--accent);text-decoration:none;transition:color .15s}.bt-sidebar-all:hover{color:var(--accent-hover)}.bt-main{min-width:0;overflow:visible}.bt-sidebar-separator{height:1px;background:var(--border);margin:.5rem}.bt-sidebar-create{margin:.4rem .5rem;width:calc(100% - 1rem);justify-content:center}.bt-sidebar-group{display:flex;flex-direction:column}.bt-sidebar-chevron{margin-left:auto;flex-shrink:0;opacity:.5;transition:transform .2s}.bt-sidebar-chevron-open{transform:rotate(180deg)}.bt-sidebar-sub{display:flex;flex-direction:column;padding-left:1.5rem;gap:1px}.bt-sidebar-link-sub{font-size:.78rem;padding:.35rem .6rem}.bt-create-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;aspect-ratio:1;background:var(--bg-elev);border:2px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-dim);text-decoration:none;font-size:.82rem;font-weight:600;transition:border-color .2s,color .2s,background .2s;cursor:pointer}.bt-create-card:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.bths{position:relative;height:240px;margin-bottom:1.75rem;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);background:var(--bg-elev)}.bths-bg{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}.bths-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:blur(30px) brightness(.55) saturate(1.2);transform:scale(1.3)}[data-theme=dark] .bths-bg img{filter:blur(30px) brightness(.45) saturate(1.3)}.bths-bg-active{opacity:1}.bths-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.2) 50%,rgba(0,0,0,.45));pointer-events:none}[data-theme=dark] .bths-overlay{background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.15) 50%,rgba(0,0,0,.4))}.bths-content{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:space-between;padding:2rem 3.5rem;gap:2rem}.bths-left{flex:1;min-width:0}.bths-card{display:flex;align-items:center;gap:1.5rem;text-decoration:none;color:#fff}.bths-cover{flex-shrink:0;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.6);transition:transform .3s}.bths-card:hover .bths-cover{transform:scale(1.04)}.bths-info{display:flex;flex-direction:column;gap:.35rem;min-width:0}.bths-rank{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}.bths-title{font-size:2rem;font-weight:900;letter-spacing:-.8px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bths-meta{font-size:.85rem;color:hsla(0,0%,100%,.65)}.bths-cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:.5rem 1.2rem;background:var(--accent);color:#fff;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;width:-moz-fit-content;width:fit-content;transition:transform .18s,box-shadow .18s}.bths-card:hover .bths-cta{transform:translateX(3px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 50%,transparent)}.bths-desc{margin:.25rem 0 0;font-size:.82rem;color:hsla(0,0%,100%,.6);line-height:1.4;max-width:360px}.bths-right{display:flex;flex-direction:column;align-items:flex-end;gap:1.25rem;flex-shrink:0}.bths-stats{display:flex;gap:1.75rem}.bths-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.bths-stat strong{font-size:1.4rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.bths-stat span{font-size:.65rem;font-weight:600;color:hsla(0,0%,100%,.55);text-transform:uppercase;letter-spacing:.5px}.bths-actions{display:flex;gap:.5rem}.bths-action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem;border:1px solid hsla(0,0%,100%,.25);border-radius:var(--radius-full);color:hsla(0,0%,100%,.85);font-size:.8rem;font-weight:600;text-decoration:none;transition:all .18s}.bths-action-btn:hover{border-color:hsla(0,0%,100%,.6);color:#fff;background:hsla(0,0%,100%,.08)}.bths-dots{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.4rem;z-index:2}.bths-dot{width:8px;height:8px;border-radius:50%;border:none;background:hsla(0,0%,100%,.35);cursor:pointer;transition:all .2s;padding:0}.bths-dot.active{background:var(--accent);width:20px;border-radius:4px}.bths-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.12);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .18s}.bths-arrow:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.4)}.bths-arrow-left{left:.75rem}.bths-arrow-right{right:.75rem}@media (max-width:920px){.bths{height:auto;min-height:200px}.bths-content{flex-direction:column;gap:1.5rem;padding:1.5rem}.bths-content,.bths-right{align-items:flex-start}.bths-title{font-size:1.5rem}}@media (max-width:560px){.bths-cover{width:80px;height:80px}.bths-cover img{width:80px!important;height:80px!important}.bths-title{font-size:1.2rem}.bths-stats{gap:1rem;flex-wrap:wrap}.bths-content{padding:1.25rem}}.bt-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}@media (max-width:600px){.bt-grid-full{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}}.btd-page{max-width:1200px;margin:0 auto;padding:1rem 0 3rem}.btd-breadcrumb{display:inline-block;font-size:.82rem;color:var(--text-muted);text-decoration:none;margin-bottom:1.25rem;transition:color .15s}.btd-breadcrumb:hover{color:var(--accent)}.btd-anim{animation:btd-fade-up .6s cubic-bezier(.32,.72,0,1) both}.btd-anim-1{animation-delay:0ms}.btd-anim-2{animation-delay:80ms}.btd-anim-3{animation-delay:.15s}.btd-anim-4{animation-delay:.22s}.btd-anim-5{animation-delay:.3s}.btd-anim-6{animation-delay:.38s}.btd-anim-7{animation-delay:.45s}@keyframes btd-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btd-hero{position:relative;display:grid;grid-template-columns:260px 1fr 240px;gap:2rem;padding:2.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:2.5rem}.btd-hero-blur{position:absolute;inset:-20px;z-index:0;filter:blur(60px) saturate(1.5);opacity:.35;transform:scale(1.1)}.btd-hero-overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-elev) 75%,transparent) 0,color-mix(in srgb,var(--bg-elev) 85%,transparent) 50%,color-mix(in srgb,var(--bg-elev) 70%,transparent) 100%);pointer-events:none}.btd-cover{position:relative;aspect-ratio:1/1;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px -12px rgba(0,0,0,.5),0 0 0 1px var(--border);z-index:1;background:var(--bg)}.btd-cover-fallback{width:100%;height:100%;align-items:center;font-size:5rem;color:var(--accent);background:linear-gradient(135deg,var(--bg) 0,var(--bg-elev) 100%)}.btd-cover-fallback,.btd-info{display:flex;justify-content:center}.btd-info{flex-direction:column;gap:.75rem;z-index:1;min-width:0}.btd-tags{display:flex;flex-wrap:wrap;gap:.4rem}.btd-tag{display:inline-flex;align-items:center;gap:.3rem;padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.btd-tag-mode{background:var(--accent);color:#fff;letter-spacing:1px;font-size:.68rem}.btd-tag-cat{background:var(--accent-soft);color:var(--accent)}.btd-tag-sub{background:color-mix(in srgb,#60a5fa 12%,transparent);color:#60a5fa}.btd-tag-new{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;animation:btd-new-pulse 2s ease-in-out infinite}@keyframes btd-new-pulse{0%,to{box-shadow:0 0 0 0 rgba(168,85,247,.3)}50%{box-shadow:0 0 8px 2px rgba(168,85,247,.2)}}.btd-title{margin:0;font-size:2.8rem;font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:var(--text)}.btd-author{margin:0;font-size:.85rem;color:var(--text-secondary)}.btd-author-link{color:var(--text);font-weight:600;text-decoration:none;transition:color .15s}.btd-author-link:hover{color:var(--accent)}.btd-desc{margin:0;font-size:.95rem;color:var(--text-secondary);line-height:1.5}.btd-difficulty{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btd-difficulty-label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.btd-difficulty-options{display:flex;gap:.4rem}.btd-diff-wrap{position:relative}.btd-diff-btn{padding:.45rem 1rem;border:2px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btd-diff-btn:hover{color:var(--text)}.btd-diff-btn.active,.btd-diff-btn:hover{border-color:var(--diff-color,var(--accent))}.btd-diff-btn.active{background:var(--diff-color,var(--accent));color:#fff;box-shadow:0 4px 12px -2px color-mix(in srgb,var(--diff-color,var(--accent)) 40%,transparent)}.btd-diff-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:.4rem .7rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;transform:translateX(-50%) translateY(4px);box-shadow:var(--shadow-sm);z-index:10}.btd-diff-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--border)}.btd-diff-wrap:hover .btd-diff-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.btd-actions{display:flex;margin-top:.25rem}.btd-actions,.btd-play-btn{align-items:center;gap:.6rem}.btd-play-btn{display:inline-flex;padding:.85rem 2rem;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;font-size:1.05rem;font-weight:800;border:none;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all .2s ease;box-shadow:0 8px 24px -6px color-mix(in srgb,var(--accent) 50%,transparent)}.btd-play-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px -6px color-mix(in srgb,var(--accent) 60%,transparent)}.btd-play-btn-sm{padding:.6rem 1.4rem;font-size:.9rem}.btd-like-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btd-like-btn:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.08)}.btd-like-btn.is-liked{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.12)}.btd-quick-stats{display:flex;gap:1.25rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.btd-stat{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-secondary)}.btd-stat svg{color:var(--accent);opacity:.7}.btd-stat strong{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.btd-stat span{color:var(--text-muted)}.btd-objectives{display:flex;flex-direction:column;justify-content:center;gap:.75rem;z-index:1}.btd-obj-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.btd-obj-list{display:flex;flex-direction:column;gap:.5rem}.btd-obj-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:var(--radius);opacity:.4;transition:all .2s ease}.btd-obj-row.is-reached{opacity:1;background:color-mix(in srgb,var(--accent) 8%,transparent)}.btd-obj-check{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btd-obj-check-empty{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong)}.btd-obj-stars{display:flex;gap:2px;color:var(--text-muted)}.btd-obj-row.is-reached .btd-obj-check,.btd-obj-row.is-reached .btd-obj-stars{color:var(--accent)}.btd-obj-pts{margin-left:auto;font-size:.8rem;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.btd-obj-row.is-reached .btd-obj-pts{color:var(--text)}.btd-obj-record{padding-top:.5rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-dim);text-align:center}.btd-obj-record strong{color:var(--accent);font-weight:700}.btd-section{margin-bottom:2.5rem}.btd-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.btd-section-header h2{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:-.5px}.btd-section-count{font-size:.82rem;color:var(--text-muted)}.btd-empty{padding:2.5rem;background:var(--bg-elev);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.btd-empty p{margin:0;color:var(--text-secondary)}.btd-leaderboard{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.4rem}.btd-leaderboard li{display:grid;grid-template-columns:50px 1fr auto auto;gap:1rem;align-items:center;padding:.7rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.btd-leaderboard li:hover{border-color:var(--accent)}.btd-rank{font-weight:800;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.9rem}.btd-username{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btd-username a{color:inherit;text-decoration:none}.btd-username a:hover{color:var(--accent)}.btd-score{display:inline-flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}.btd-time{font-size:.82rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.btd-activity{display:grid;gap:.3rem}.btd-activity-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:.75rem;align-items:center;padding:.5rem .75rem;border-radius:var(--radius);text-decoration:none;color:inherit;transition:background .15s}.btd-activity-row:hover{background:var(--bg-elev)}.btd-activity-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0}.btd-activity-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}.btd-activity-name{font-size:.85rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btd-activity-score{font-size:.8rem;font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums}.btd-activity-time{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.btd-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.btd-related-card{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s cubic-bezier(.32,.72,0,1),border-color .18s}.btd-related-card:hover{transform:translateY(-3px);border-color:var(--accent)}.btd-related-cover{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--bg)}.btd-related-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--accent);opacity:.4}.btd-related-plays{position:absolute;bottom:.5rem;left:.5rem;padding:3px 8px;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);border-radius:var(--radius-sm);font-size:.68rem;font-weight:600;color:#fff}.btd-related-body{padding:.6rem .75rem;display:flex;flex-direction:column;gap:.2rem}.btd-related-body strong{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btd-related-cat{font-size:.7rem;color:var(--accent);font-weight:600}@media (max-width:1100px){.btd-hero{grid-template-columns:200px 1fr 200px;gap:1.5rem;padding:2rem}.btd-title{font-size:2.2rem}}@media (max-width:920px){.btd-hero{grid-template-columns:180px 1fr;gap:1.5rem;padding:1.75rem}.btd-objectives{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.btd-obj-title{width:100%}.btd-obj-list{flex-direction:row;flex-wrap:wrap;gap:.4rem}.btd-obj-row{padding:.4rem .6rem}.btd-obj-record{width:100%;border-top:none;padding-top:0;text-align:left}.btd-title{font-size:1.8rem}}@media (max-width:720px){.btd-page{padding:.5rem 0 2rem}.btd-hero{grid-template-columns:1fr;padding:1.25rem;gap:1.25rem;text-align:center}.btd-cover{width:160px;height:160px;margin:0 auto}.btd-hero-blur{filter:blur(40px) saturate(1.3);opacity:.25}.btd-info{align-items:center}.btd-tags{justify-content:center}.btd-title{font-size:1.6rem;letter-spacing:-.8px}.btd-difficulty{flex-direction:column;align-items:center}.btd-actions{width:100%;justify-content:center}.btd-play-btn{flex:1}.btd-play-btn,.btd-quick-stats{justify-content:center}.btd-objectives{align-items:center}.btd-obj-list{justify-content:center}.btd-related-grid{display:flex;gap:.6rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -1rem;padding:0 1rem}.btd-related-grid::-webkit-scrollbar{display:none}.btd-related-card{flex-shrink:0;width:150px;scroll-snap-align:start}}@media (max-width:380px){.btd-cover{width:130px;height:130px}.btd-title{font-size:1.3rem}}.bt-create{max-width:760px;margin:0 auto;padding:1rem 0 4rem}.bt-create-header{margin-bottom:2rem}.bt-create-header h1{display:flex;align-items:center;gap:.5rem;font-size:1.6rem;font-weight:900;margin:0 0 .5rem}.bt-create-header p{margin:0}.bt-create-section{margin-bottom:2rem;padding:1.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.bt-create-section h2{font-size:1.1rem;font-weight:700;margin:0 0 1rem}.bt-create-fields{display:flex;flex-direction:column;gap:1rem}.bt-create-fields .field{display:flex;flex-direction:column;gap:.35rem}.bt-create-fields label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.bt-create-fields input,.bt-create-fields select,.bt-create-fields textarea{padding:.6rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.92rem;transition:border-color .2s}.bt-create-fields input:focus,.bt-create-fields select:focus,.bt-create-fields textarea:focus{outline:none;border-color:var(--accent)}.bt-create-search{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);margin-bottom:1rem}.bt-create-search svg{color:var(--text-muted);flex-shrink:0}.bt-create-search input{flex:1;border:none;background:none;color:var(--text);font-size:.92rem;outline:none}.bt-create-results{display:flex;flex-direction:column;gap:.4rem;max-height:400px;overflow-y:auto}.bt-create-result{display:flex;align-items:center;gap:.75rem;padding:.5rem .65rem;border-radius:var(--radius);transition:background .15s}.bt-create-result:hover{background:var(--bg-subtle)}.bt-create-result.is-added{opacity:.5}.bt-create-preview{position:relative;width:44px;height:44px;border:2px solid var(--accent);background:var(--accent-soft-strong);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:all .2s ease;font-weight:600}.bt-create-preview:hover{background:var(--accent);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.bt-create-preview svg{color:var(--accent);font-weight:700}.bt-create-preview:hover svg{color:#fff}.bt-create-playing{position:absolute;inset:0;background:var(--accent);display:flex;align-items:center;justify-content:center;animation:pulse-play 1.2s cubic-bezier(.4,0,.6,1) infinite}.bt-create-playing:after{content:"▶";color:#fff;font-size:.75rem;font-weight:700}@keyframes pulse-play{0%,to{opacity:1}50%{opacity:.7}}.bt-create-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.bt-create-result-info strong{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-create-result-info span{font-size:.78rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-create-tracklist{display:flex;flex-direction:column;gap:.35rem}.bt-create-track{display:flex;align-items:center;gap:.65rem;padding:.5rem .65rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.bt-create-track-num{width:24px;text-align:center;font-size:.78rem;font-weight:700;color:var(--text-dim)}.bt-create-track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.bt-create-track-info strong{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-create-track-info span{font-size:.75rem;color:var(--text-dim)}.bt-create-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.bt-create-tabs{display:flex;gap:.4rem;margin-bottom:1.25rem}.bt-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s}.bt-tab:hover{border-color:var(--accent);color:var(--text)}.bt-tab.active{background:var(--accent-soft-strong);border-color:var(--accent);color:var(--accent)}.bt-create-cat-import{margin-top:.5rem}.bt-create-cat-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.bt-cat-chip{padding:.35rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .18s}.bt-cat-chip:hover{border-color:var(--accent);color:var(--text)}.bt-cat-chip.active{background:var(--accent-soft-strong);border-color:var(--accent);color:var(--accent);font-weight:600}.bt-create-volume-control{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;background:var(--bg-elev);border:2px solid var(--accent);border-radius:var(--radius-lg);padding:1rem 1.5rem;box-shadow:0 8px 24px rgba(0,0,0,.12);animation:slide-up .3s cubic-bezier(.34,1.56,.64,1);max-width:280px;width:calc(100% - 2rem)}@keyframes slide-up{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.bt-create-volume-control input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--bg-subtle);border-radius:3px;outline:none}.bt-create-volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent);border-radius:50%;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;box-shadow:0 2px 6px rgba(0,0,0,.1)}.bt-create-volume-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(0,0,0,.15)}.bt-create-volume-control input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--accent);border:none;border-radius:50%;cursor:pointer;-moz-transition:all .15s;transition:all .15s;box-shadow:0 2px 6px rgba(0,0,0,.1)}.bt-create-volume-control input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(0,0,0,.15)}.bt-track-info-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:200;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.bt-track-info-modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;max-width:400px;width:calc(100% - 2rem);position:relative;animation:slide-in-modal .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center}@keyframes slide-in-modal{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.bt-track-info-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:var(--bg-subtle);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.bt-track-info-close:hover{background:var(--accent);color:#fff}.bt-track-info-content{width:100%;text-align:center}.invite-card{max-width:640px;margin:2rem auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.invite-cover{position:relative;width:100%;aspect-ratio:16/9;background:var(--bg)}.invite-body{padding:1.5rem 1.75rem 1.75rem}.invite-eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;color:var(--accent);font-weight:700}.invite-title{margin:0 0 .75rem;font-size:1.6rem;letter-spacing:-.5px;line-height:1.15}.invite-explain{margin:0 0 1.5rem}.invite-actions{display:flex;flex-wrap:wrap;gap:.75rem}.lr{max-width:960px;margin:0 auto;padding:.5rem 0 3rem}.lr-hero{position:relative;padding:2.5rem 2rem;margin-bottom:2rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.lr-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 30%,color-mix(in srgb,var(--accent) 12%,transparent) 0,transparent 50%),radial-gradient(ellipse at 85% 70%,color-mix(in srgb,var(--accent) 6%,transparent) 0,transparent 50%);pointer-events:none}.lr-hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:2rem}.lr-hero-text{display:flex;flex-direction:column;gap:.6rem;max-width:480px}.lr-badge{display:inline-flex;align-items:center;gap:.4rem;width:-moz-fit-content;width:fit-content;padding:.25rem .75rem;background:color-mix(in srgb,#22c55e 10%,transparent);border:1px solid color-mix(in srgb,#22c55e 20%,transparent);border-radius:var(--radius-full);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#22c55e}.lr-pulse{width:7px;height:7px}.lr-pulse,.lr-pulse-sm{border-radius:50%;background:#22c55e;animation:lr-pulse 2s ease-in-out infinite}.lr-pulse-sm{width:6px;height:6px}@keyframes lr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.lr-hero-text h1{margin:0;font-size:2rem;font-weight:900;letter-spacing:-1px;line-height:1.1}.lr-hero-text>p{margin:0;color:var(--text-dim);line-height:1.55}.lr-hero-stats{display:flex;gap:.75rem}.lr-stat-card{display:flex;align-items:center;gap:.65rem;padding:.85rem 1.15rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg)}.lr-stat-card svg{color:var(--accent);flex-shrink:0}.lr-stat-card div{display:flex;flex-direction:column}.lr-stat-card strong{font-size:1.4rem;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.lr-stat-card span{font-size:.7rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.lr-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 1rem;color:var(--text-dim)}.lr-loading svg{opacity:.4}.lr-loading p{margin:0}.lr-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 1rem;color:var(--text-dim);text-align:center}.lr-empty svg{opacity:.3}.lr-empty p{margin:0}.lr-section{margin-bottom:2.5rem}.lr-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.lr-section-header h2{margin:0;font-size:1.2rem;font-weight:800;letter-spacing:-.3px;display:inline-flex;align-items:center;gap:.4rem}.lr-section-header h2 svg{color:var(--accent)}.lr-section-desc{margin:-.5rem 0 1rem;font-size:.88rem}.lr-active-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.lr-active-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-elev);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:var(--radius-xl);text-decoration:none;color:var(--text);overflow:hidden;transition:transform .24s cubic-bezier(.32,.72,0,1),box-shadow .24s,border-color .24s}.lr-active-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 32px -10px color-mix(in srgb,var(--accent) 25%,transparent)}.lr-active-card-glow{position:absolute;top:-30%;left:-10%;width:50%;height:80%;background:var(--accent);border-radius:50%;filter:blur(50px);opacity:.06;pointer-events:none;transition:opacity .3s}.lr-active-card:hover .lr-active-card-glow{opacity:.12}.lr-active-card-content{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0;position:relative;z-index:1}.lr-active-top{display:flex;align-items:center;gap:.5rem}.lr-active-live-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;background:color-mix(in srgb,#22c55e 12%,transparent);border:1px solid color-mix(in srgb,#22c55e 25%,transparent);border-radius:var(--radius-full);font-size:.65rem;font-weight:800;letter-spacing:.5px;color:#22c55e}.lr-active-progress{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:700;color:var(--text-dim)}.lr-active-name{font-size:1.15rem;font-weight:800;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-active-bottom{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:var(--text-dim)}.lr-active-players{display:flex;align-items:center;gap:.3rem;font-weight:600;color:var(--text-secondary)}.lr-active-phase{font-weight:600}.lr-active-play{position:relative;z-index:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px -4px color-mix(in srgb,var(--accent) 40%,transparent)}.lr-active-card:hover .lr-active-play{transform:scale(1.1);box-shadow:0 6px 20px -4px color-mix(in srgb,var(--accent) 55%,transparent)}.lr-toolbar{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.5rem}.lr-search-wrap{position:relative;max-width:320px}.lr-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.lr-search{width:100%;height:38px;padding:0 .85rem 0 2.25rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-size:.88rem;transition:border-color .2s,box-shadow .2s}.lr-search:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.lr-search::-moz-placeholder{color:var(--text-muted)}.lr-search::placeholder{color:var(--text-muted)}.lr-filters{display:flex;flex-wrap:wrap;gap:.4rem}.lr-filter{padding:.4rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}.lr-filter:hover{border-color:var(--accent);color:var(--text)}.lr-filter-active{background:var(--accent-soft-strong);border-color:var(--accent);color:var(--accent)}.lr-empty-results{padding:2rem 1rem;text-align:center}.lr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.65rem}.lr-tile{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.15rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);transition:border-color .22s,transform .22s,box-shadow .22s,background .22s}.lr-tile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px -8px color-mix(in srgb,var(--accent) 18%,transparent)}.lr-tile-live{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 3%,var(--bg-elev))}.lr-tile-live:hover{border-color:var(--accent);box-shadow:0 10px 28px -8px color-mix(in srgb,var(--accent) 28%,transparent)}.lr-tile-inner{display:flex;flex-direction:column;gap:.35rem;min-width:0}.lr-tile-name{font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-tile-live-info{display:flex;align-items:center;gap:.5rem}.lr-tile-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:#22c55e}.lr-tile-phase{font-size:.72rem;font-weight:600;color:var(--text-dim)}.lr-tile-join{font-size:.78rem;font-weight:600;color:var(--text-muted);transition:color .2s}.lr-tile:hover .lr-tile-join{color:var(--accent)}.lr-tile-play{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;transition:transform .2s,box-shadow .2s}.lr-tile:hover .lr-tile-play{transform:scale(1.1);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 35%,transparent)}.lr-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem}.lr-cat-card{--cat-gradient:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s,box-shadow .18s}.lr-cat-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));transform:translateY(-1px);box-shadow:0 6px 16px -6px color-mix(in srgb,var(--accent) 12%,transparent)}.lr-cat-card-live{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.03)}.lr-cat-card-live:hover{border-color:#22c55e;box-shadow:0 6px 16px -6px rgba(34,197,94,.15)}.lr-cat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--cat-gradient);color:#fff;flex-shrink:0;box-shadow:0 2px 8px -2px rgba(0,0,0,.2)}.lr-cat-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.lr-cat-info strong{font-size:.9rem;font-weight:650;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-cat-live{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:#22c55e}.lr-cat-join{font-size:.75rem;font-weight:600;color:var(--text-dim);transition:color .18s}.lr-cat-card:hover .lr-cat-join{color:var(--accent)}@media (max-width:760px){.lr-hero{padding:1.75rem 1.25rem}.lr-hero-inner{flex-direction:column;align-items:flex-start;gap:1.25rem}.lr-hero-text h1{font-size:1.6rem}.lr-hero-stats{width:100%}.lr-active-grid{grid-template-columns:1fr}.lr-search-wrap{max-width:100%}.lr-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.lr-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:480px){.lr-hero-text h1{font-size:1.4rem}.lr-hero-stats{flex-direction:column;gap:.5rem}.lr-active-card{padding:1rem}.lr-active-name{font-size:1rem}.lr-grid{grid-template-columns:1fr}}.live-game{max-width:1080px;margin:0 auto;padding:1rem 0 3rem}.live-game-header{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.live-leave{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);text-decoration:none;font-size:.85rem;padding:4px 10px;border-radius:var(--radius-full);transition:background .18s}.live-leave:hover{background:var(--bg);color:var(--accent)}.live-game-title{text-align:center;display:flex;flex-direction:column;gap:1px}.live-game-title strong{font-size:1rem;font-weight:800;letter-spacing:-.3px}.live-game-progress{font-variant-numeric:tabular-nums;font-weight:800;color:var(--accent)}.live-game-progress span{font-size:1.1rem}.live-game-progress em{font-style:normal;font-size:.8rem;color:var(--text-secondary);margin-left:2px}.live-timer{position:relative;height:32px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.live-timer-bar{position:absolute;inset:0;right:auto;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .1s linear}.live-timer.is-low .live-timer-bar{background:linear-gradient(90deg,#dc2626,#ef4444);animation:live-flash .6s ease-in-out infinite alternate}.live-timer-reveal .live-timer-bar{background:linear-gradient(90deg,#a855f7,#ec4899)}.live-timer-between-rounds .live-timer-bar{background:linear-gradient(90deg,#06b6d4,#3b82f6)}@keyframes live-flash{0%{opacity:.85}to{opacity:1}}.live-timer-label{position:relative;z-index:1;color:#fff;font-weight:800;font-size:.9rem;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.live-game-body{display:grid;grid-template-columns:1fr 280px;gap:1rem}@media (max-width:880px){.live-game-body{grid-template-columns:1fr}}.live-game-main{padding:1.25rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:320px}.live-lobby{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.live-lobby svg{color:var(--accent);opacity:.7}.live-lobby h2{margin:.75rem 0 .5rem;font-size:1.2rem}.live-lobby p{margin:0}.live-audio-wrap{position:relative;margin-bottom:1rem}.live-audio-cover{position:absolute;inset:0;border-radius:var(--radius-lg);overflow:hidden;z-index:0;animation:live-cover-in .38s cubic-bezier(.32,.72,0,1)}@keyframes live-cover-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.live-audio-cover-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.45),rgba(0,0,0,.7))}.live-audio-wrap.is-reveal .live-audio-player{position:relative;z-index:1}.live-audio-wrap.is-reveal .live-audio-player .blind-player{background:transparent;border-color:hsla(0,0%,100%,.18)}.live-audio-wrap.is-reveal .live-audio-player .blind-player-mask{background:transparent}.live-audio-wrap.is-reveal .live-audio-player .blind-player-letter{opacity:0}.live-progress-chips{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;margin-bottom:.85rem}.live-chip{display:inline-flex;align-items:center;gap:.35rem;padding:6px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.82rem;font-weight:700}.live-chip.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.live-chip em{font-style:normal;font-weight:700}.live-form{display:grid;grid-template-columns:1fr auto;gap:.5rem}.live-input-wrap{position:relative}.live-input-wrap.is-shake{animation:live-shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes live-shake{0%,to{transform:translateX(0)}15%{transform:translateX(-10px)}30%{transform:translateX(8px)}45%{transform:translateX(-6px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}}.live-input{width:100%;height:44px;padding:0 .85rem;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-size:1rem;transition:border-color .18s}.live-input:focus{outline:none;border-color:var(--accent)}.live-input.is-shake{border-color:#ef4444}.live-pop{position:absolute;top:-22px;right:12px;font-size:1.2rem;font-weight:900;color:var(--accent);text-shadow:0 2px 8px color-mix(in srgb,var(--accent) 50%,transparent);animation:live-pop .8s cubic-bezier(.32,.72,0,1) forwards;pointer-events:none}@keyframes live-pop{0%{opacity:0;transform:translateY(0) scale(.8)}20%{opacity:1;transform:translateY(-4px) scale(1.1)}to{opacity:0;transform:translateY(-30px) scale(1)}}.live-reveal-block{display:grid;gap:.4rem;padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg)}.live-reveal-row{display:flex;align-items:center;gap:.65rem}.live-reveal-mark{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}.live-reveal-mark.is-ok{background:rgba(34,197,94,.18);color:#86efac}.live-reveal-mark.is-ko{background:rgba(239,68,68,.15);color:#fca5a5}.live-end-round{text-align:center}.live-end-round h2{margin:0 0 1rem;font-size:1.3rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--accent)}.live-podium{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.4rem}.live-podium li{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.65rem;padding:.6rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left}.live-podium li.live-podium-rank-1{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--bg)),var(--bg));border-color:var(--accent)}.live-podium-mark{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.live-podium-rank-1 .live-podium-mark{background:var(--accent);color:#fff}.live-podium-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--bg-elev)}.live-podium-avatar-empty{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:var(--text-secondary)}.live-podium-name{color:inherit;text-decoration:none;font-weight:700}.live-podium li strong{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:800}.live-runners{list-style:none;padding:0;margin:0 auto 1rem;display:grid;gap:.25rem;max-width:320px;text-align:left}.live-runners li{display:grid;grid-template-columns:28px 1fr auto;gap:.5rem;padding:.35rem .6rem;font-size:.85rem}.live-scoreboard{padding:1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.live-scoreboard header{display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem;color:var(--accent)}.live-scoreboard h3{margin:0;font-size:.95rem;font-weight:800;color:var(--text)}.live-scoreboard ol{list-style:none;padding:0;margin:0;display:grid;gap:.3rem;max-height:480px;overflow-y:auto}.live-scoreboard li{display:grid;grid-template-columns:28px 24px 1fr auto;gap:.5rem;align-items:center;padding:.4rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem}.live-scoreboard li.is-me{background:var(--accent-soft);border-color:var(--accent)}.live-sb-rank{font-weight:800;font-size:.78rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.live-sb-avatar{width:22px;height:22px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--bg-elev)}.live-sb-avatar-empty{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.65rem;color:var(--text-secondary)}.live-sb-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-scoreboard li strong{font-variant-numeric:tabular-nums;color:var(--accent)}.draft-home{max-width:980px;margin:0 auto;padding:1rem 0 3rem}.draft-back{display:inline-block;text-decoration:none;margin-bottom:1rem}.draft-back:hover{color:var(--accent)}.draft-home-hero{text-align:center;padding:2rem 1rem 2.5rem}.draft-home-hero-icon{width:64px;height:64px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px -4px color-mix(in srgb,var(--accent) 50%,transparent);animation:draft-pulse 2.4s ease-in-out infinite alternate}@keyframes draft-pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.draft-eyebrow{margin:0 0 .4rem;font-size:.7rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}.draft-home-hero h1{margin:0 0 .75rem;font-size:2.5rem;font-weight:900;letter-spacing:-1.2px;line-height:1.05}@media (max-width:600px){.draft-home-hero h1{font-size:1.7rem}}.draft-home-desc{margin:0 auto;max-width:520px;color:var(--text-secondary);line-height:1.55}.draft-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.75rem}@media (max-width:720px){.draft-mode-row{grid-template-columns:1fr}}.draft-mode-featured{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:radial-gradient(circle at 0 50%,color-mix(in srgb,var(--accent) 24%,transparent) 0,transparent 60%),var(--bg-elev);border:1px solid var(--accent);border-radius:var(--radius-xl);text-decoration:none;color:var(--text);transition:transform .2s cubic-bezier(.32,.72,0,1),box-shadow .2s;box-shadow:0 8px 28px -10px color-mix(in srgb,var(--accent) 30%,transparent)}.draft-mode-featured:hover{transform:translateY(-2px)}.draft-mode-featured-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.draft-mode-featured-text{display:flex;flex-direction:column;gap:2px;min-width:0}.draft-mode-featured-text .draft-eyebrow{margin-bottom:2px}.draft-mode-featured-text strong{font-size:1.25rem;font-weight:800;letter-spacing:-.4px}.draft-mode-featured-text span{font-size:.85rem;color:var(--text-secondary);line-height:1.45}.draft-mode-featured-btn{flex-shrink:0}.draft-mode-live{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1.25rem 1.5rem;background:radial-gradient(circle at 100% 50%,color-mix(in srgb,#7c3aed 22%,transparent) 0,transparent 60%),var(--bg-elev);border:1px solid color-mix(in srgb,#a855f7 50%,var(--border));border-radius:var(--radius-xl);text-decoration:none;color:var(--text);overflow:hidden;transition:transform .2s cubic-bezier(.32,.72,0,1),border-color .2s}.draft-mode-live:hover{transform:translateY(-2px);border-color:#a855f7}.draft-mode-live-icon{position:relative;width:56px;height:56px;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.draft-mode-live-icon,.draft-mode-live-pulse{border-radius:50%;background:linear-gradient(135deg,#7c3aed,#ec4899)}.draft-mode-live-pulse{position:absolute;inset:0;animation:draft-live-pulse 1.8s ease-out infinite}@keyframes draft-live-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.6);opacity:0}}.draft-mode-live-icon svg{position:relative;z-index:1}.draft-mode-live-text{display:flex;flex-direction:column;gap:2px;min-width:0}.draft-mode-live-text .draft-eyebrow{margin-bottom:2px;color:#a855f7}.draft-mode-live-text strong{font-size:1.15rem;font-weight:800;letter-spacing:-.4px}.draft-mode-live-text span{font-size:.82rem;color:var(--text-secondary);line-height:1.45}@media (max-width:600px){.draft-mode-featured{grid-template-columns:auto 1fr;padding:1rem}.draft-mode-featured-btn{grid-column:1/-1}}.draft-cats-section{margin-bottom:2rem}.draft-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.draft-section-header h2{margin:0;font-size:1.2rem;font-weight:800;letter-spacing:-.4px;display:inline-flex;align-items:center;gap:.4rem;color:var(--text)}.draft-section-header h2 svg{color:var(--accent)}.draft-cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}@media (max-width:540px){.draft-cats-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.draft-cat-tile{position:relative;aspect-ratio:1/1.05;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:.85rem;border:1px solid var(--border);transition:transform .28s cubic-bezier(.32,.72,0,1),border-color .2s,box-shadow .2s}.draft-cat-tile:hover{transform:translateY(-3px) scale(1.02);border-color:var(--accent);box-shadow:0 14px 28px -10px rgba(0,0,0,.4)}.draft-cat-tile-bg{position:absolute;inset:0;z-index:0;transition:transform .54s cubic-bezier(.32,.72,0,1)}.draft-cat-tile:hover .draft-cat-tile-bg{transform:scale(1.08)}.draft-cat-tile-overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55))}.draft-cat-tile-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-65%);z-index:1;color:#fff;opacity:.92;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));transition:transform .28s cubic-bezier(.32,.72,0,1)}.draft-cat-tile:hover .draft-cat-tile-icon{transform:translate(-50%,-75%) scale(1.1)}.draft-cat-tile-text{position:relative;z-index:1}.draft-cat-tile-text strong{display:block;font-size:.95rem;font-weight:800;letter-spacing:-.3px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.draft-podiums-section{margin-bottom:2rem}.draft-podiums-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}@media (max-width:880px){.draft-podiums-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.draft-podiums-grid{grid-template-columns:1fr}}.dc-page{max-width:760px;margin:0 auto;padding:1rem 0 3rem}.dc-back{display:inline-block;text-decoration:none;margin-bottom:1rem}.dc-back:hover{color:var(--accent)}.dc-hero{gap:1.25rem;padding:1.5rem;margin-bottom:1.5rem;background:radial-gradient(circle at 0 50%,color-mix(in srgb,var(--accent) 22%,transparent) 0,transparent 60%),var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl)}.dc-hero,.dc-hero-icon{display:flex;align-items:center}.dc-hero-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;justify-content:center;flex-shrink:0}.dc-hero-text{min-width:0}.dc-eyebrow{display:block;font-size:.68rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:2px}.dc-hero-text h1{margin:0 0 .4rem;font-size:2rem;font-weight:900;letter-spacing:-1px}.dc-hero-text p{margin:0;line-height:1.5}.dc-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.75rem}@media (max-width:540px){.dc-actions{grid-template-columns:1fr}}.dc-action-card{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl);text-decoration:none;color:var(--text);transition:transform .2s cubic-bezier(.32,.72,0,1),border-color .2s,box-shadow .2s}.dc-action-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 24px -10px color-mix(in srgb,var(--accent) 30%,transparent)}.dc-action-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dc-action-icon-live{background:linear-gradient(135deg,#7c3aed,#ec4899)}.dc-action-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dc-action-text strong{font-size:1.05rem;font-weight:800}.dc-action-text span{font-size:.82rem;color:var(--text-secondary)}.dc-empty,.dc-podium-section{margin-bottom:1.5rem}.dc-empty{padding:2rem 1.5rem;background:var(--bg-elev);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center}.dc-empty p{margin:0}.dc-leaderboard{padding:1.25rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.dc-leaderboard header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.dc-leaderboard h2{margin:0;font-size:1.05rem;font-weight:800}.dc-leaderboard ol{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.dc-leaderboard li{display:grid;grid-template-columns:32px 28px 1fr auto auto;gap:.55rem;align-items:center;padding:.5rem .7rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem}.dc-rank{font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.82rem}.dc-avatar{width:26px;height:26px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--bg-elev)}.dc-avatar-empty{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.7rem;color:var(--text-secondary)}.dc-name{color:inherit;text-decoration:none;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-name:hover{color:var(--accent)}.dc-found{font-size:.75rem}.dc-score{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:800}.draft-play-shell{max-width:640px;margin:0 auto;padding:1rem 0 3rem}.draft-play-card{padding:1.5rem 1.25rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl)}.draft-play-card-loading{text-align:center;padding:3rem 1.25rem}.draft-spinner{width:40px;height:40px;margin:0 auto 1rem;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:draft-spin .8s linear infinite}@keyframes draft-spin{to{transform:rotate(1turn)}}.draft-game{padding:0}.draft-game-header{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;margin-bottom:1rem}.draft-timer{position:relative;height:38px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center}.draft-timer-bar{position:absolute;inset:0;right:auto;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .1s linear}.draft-timer.is-low .draft-timer-bar{background:linear-gradient(90deg,#dc2626,#ef4444);animation:draft-timer-flash .6s ease-in-out infinite alternate}@keyframes draft-timer-flash{0%{opacity:.85}to{opacity:1}}.draft-timer-num{position:relative;z-index:1;font-size:1rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.draft-game-stats{display:flex;gap:.4rem;align-items:center}.draft-game-score{display:inline-flex;align-items:baseline;gap:.25rem;padding:.4rem .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full)}.draft-game-score strong{font-size:1.05rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.draft-game-score em{font-style:normal;font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;font-weight:700}.draft-game-streak{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .75rem;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-full);color:var(--accent);font-size:.85rem;font-weight:700}.draft-game-streak.is-fire{animation:draft-fire .8s ease-in-out infinite alternate}@keyframes draft-fire{0%{transform:scale(1);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 60%,transparent)}to{transform:scale(1.04);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 0,transparent)}}.draft-game-streak strong{font-variant-numeric:tabular-nums}.draft-game-streak em{font-style:normal;font-size:.72rem;opacity:.85}.draft-player-wrap{margin-bottom:1rem}.draft-form{display:flex;flex-direction:column;gap:.5rem}.draft-progress-track{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:.5rem}.draft-progress-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;animation:draft-dot-pop .3s cubic-bezier(.32,.72,0,1)}.draft-progress-dot.is-ok{background:rgba(34,197,94,.2);color:#86efac;border:1px solid rgba(34,197,94,.4)}.draft-progress-dot.is-ko{background:rgba(239,68,68,.15);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}@keyframes draft-dot-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.draft-input-wrap{position:relative}.draft-input-wrap.is-shake{animation:draft-shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes draft-shake{0%,to{transform:translateX(0)}15%{transform:translateX(-10px)}30%{transform:translateX(8px)}45%{transform:translateX(-6px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}}.draft-input{width:100%;height:52px;padding:0 1rem;font-size:1.1rem;background:var(--bg-elev);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text);transition:border-color .18s}.draft-input:focus{outline:none;border-color:var(--accent)}.draft-input.is-shake{border-color:#ef4444;animation:draft-flash .5s cubic-bezier(.32,.72,0,1)}@keyframes draft-flash{0%{background:color-mix(in srgb,#ef4444 18%,var(--bg-elev))}to{background:var(--bg-elev)}}.draft-pop-points{position:absolute;top:-24px;right:12px;font-size:1.4rem;font-weight:900;color:var(--accent);text-shadow:0 2px 8px color-mix(in srgb,var(--accent) 50%,transparent);animation:draft-pop .8s cubic-bezier(.32,.72,0,1) forwards;pointer-events:none}@keyframes draft-pop{0%{opacity:0;transform:translateY(0) scale(.8)}20%{opacity:1;transform:translateY(-4px) scale(1.1)}to{opacity:0;transform:translateY(-30px) scale(1)}}.draft-form-actions{display:flex;gap:.5rem;align-items:center}.draft-form-actions .btn-primary{flex:1;height:44px}.draft-hint{margin:.75rem 0 0}.draft-hint,.draft-play-card-finished{text-align:center}.draft-score-big{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin:.75rem 0}.draft-score-num{font-size:5rem;font-weight:900;letter-spacing:-3px;color:var(--accent);line-height:1}.draft-score-big span{font-size:1.4rem;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:2px}.draft-verdict{font-size:1.15rem;font-weight:600;margin:0 0 1.5rem}.draft-final-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin:0 0 1.5rem}.draft-final-stat{display:flex;flex-direction:column;align-items:center}.draft-final-stat strong{font-size:1.6rem;font-weight:800;color:var(--text);letter-spacing:-.5px;font-variant-numeric:tabular-nums}.draft-final-stat span{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-weight:600}.draft-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.draft-recap{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:left}.draft-recap h3{margin:0 0 .85rem;font-size:1rem;font-weight:700}.draft-recap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.draft-recap-card{display:grid;grid-template-columns:56px 1fr;gap:.65rem;align-items:center;padding:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.draft-recap-card.is-found{border-left:3px solid var(--accent)}.draft-recap-card.is-missed{border-left:3px solid color-mix(in srgb,var(--text) 25%,transparent);opacity:.78}.draft-recap-cover{position:relative;width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-elev);font-size:1.4rem;color:var(--accent)}.draft-recap-cover,.draft-recap-mark{display:flex;align-items:center;justify-content:center}.draft-recap-mark{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.78);color:#fff;font-size:.7rem;font-weight:800}.draft-recap-card.is-found .draft-recap-mark{background:var(--accent)}.draft-recap-info{display:flex;flex-direction:column;min-width:0;gap:1px}.draft-recap-info strong{font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-shell{max-width:1080px;margin:0 auto;padding:1rem 0 3rem}.dl-header{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:.75rem 1rem;margin-bottom:.75rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.dl-leave{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);text-decoration:none;font-size:.85rem;padding:4px 10px;border-radius:var(--radius-full)}.dl-leave:hover{background:var(--bg);color:var(--accent)}.dl-title{text-align:center}.dl-eyebrow{display:inline-flex;align-items:center;gap:4px;font-size:.66rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.dl-title strong{display:block;margin-top:2px;font-size:.92rem;font-weight:800}.dl-progress{display:inline-flex;gap:4px;padding:4px 12px;background:var(--bg);color:var(--accent);font-weight:800;font-variant-numeric:tabular-nums}.dl-progress,.dl-timer{align-items:center;border:1px solid var(--border);border-radius:var(--radius-full)}.dl-timer{position:relative;height:32px;background:var(--bg-elev);overflow:hidden;margin-bottom:.85rem;display:flex;justify-content:center}.dl-timer-bar{position:absolute;inset:0;right:auto;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .1s linear}.dl-timer.is-low .dl-timer-bar{background:linear-gradient(90deg,#dc2626,#ef4444);animation:dl-flash .6s ease-in-out infinite alternate}.dl-timer-between-rounds .dl-timer-bar{background:linear-gradient(90deg,#06b6d4,#3b82f6)}@keyframes dl-flash{0%{opacity:.85}to{opacity:1}}.dl-timer-label{position:relative;z-index:1;color:#fff;font-weight:800;font-size:.92rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dl-body{display:grid;grid-template-columns:1fr 280px;gap:.85rem}@media (max-width:880px){.dl-body{grid-template-columns:1fr}}.dl-main{padding:1.25rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:360px}.dl-lobby{text-align:center;padding:2.5rem 1rem;color:var(--text-secondary)}.dl-lobby svg{color:var(--accent);opacity:.7}.dl-lobby h2{margin:.85rem 0 .5rem;font-size:1.25rem}.dl-player-stats{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.dl-stat-score{display:inline-flex;align-items:baseline;gap:.25rem;padding:.4rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full)}.dl-stat-score strong{font-size:1.05rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.dl-stat-score em{font-style:normal;font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;font-weight:700}.dl-stat-streak{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .75rem;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-full);color:var(--accent);font-size:.85rem;font-weight:700}.dl-stat-streak.is-fire{animation:dl-fire .8s ease-in-out infinite alternate}@keyframes dl-fire{0%{transform:scale(1)}to{transform:scale(1.04)}}.dl-stat-streak strong{font-variant-numeric:tabular-nums}.dl-stat-streak em{font-style:normal;font-size:.72rem;opacity:.85}.dl-stat-cursor{margin-left:auto}.dl-audio{margin-bottom:1rem}.dl-form{display:flex;flex-direction:column;gap:.5rem}.dl-input-wrap{position:relative}.dl-input-wrap.is-shake{animation:dl-shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes dl-shake{0%,to{transform:translateX(0)}15%{transform:translateX(-10px)}30%{transform:translateX(8px)}45%{transform:translateX(-6px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}}.dl-input{width:100%;height:48px;padding:0 1rem;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-size:1.05rem;transition:border-color .18s}.dl-input:focus{outline:none;border-color:var(--accent)}.dl-input.is-shake{border-color:#ef4444}.dl-pop{position:absolute;top:-22px;right:12px;font-size:1.2rem;font-weight:900;color:var(--accent);text-shadow:0 2px 8px color-mix(in srgb,var(--accent) 50%,transparent);animation:dl-pop .8s cubic-bezier(.32,.72,0,1) forwards;pointer-events:none}@keyframes dl-pop{0%{opacity:0;transform:translateY(0) scale(.8)}20%{opacity:1;transform:translateY(-4px) scale(1.1)}to{opacity:0;transform:translateY(-30px) scale(1)}}.dl-form-actions{display:flex;gap:.5rem;align-items:center}.dl-form-actions .btn-primary{flex:1;height:44px}.dl-end{text-align:center}.dl-end h2{margin:0 0 1rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);font-size:1.2rem}.dl-podium{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.4rem}.dl-podium li{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:.65rem;padding:.6rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left}.dl-podium li.rank-1{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--bg)),var(--bg));border-color:var(--accent)}.dl-mark{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.dl-podium li.rank-1 .dl-mark{background:var(--accent);color:#fff}.dl-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--bg-elev)}.dl-avatar-empty{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:var(--text-secondary)}.dl-name{color:inherit;text-decoration:none;font-weight:700}.dl-found{margin:0}.dl-podium li strong{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:800}.dl-runners{list-style:none;padding:0;margin:0 auto;display:grid;gap:.25rem;max-width:360px;text-align:left}.dl-runners li{display:grid;grid-template-columns:28px 1fr auto;gap:.5rem;padding:.35rem .6rem;font-size:.85rem}.dl-scoreboard{padding:1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.dl-scoreboard header{display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem;color:var(--accent)}.dl-scoreboard h3{margin:0;font-size:.95rem;font-weight:800;color:var(--text)}.dl-scoreboard ol{list-style:none;padding:0;margin:0;display:grid;gap:.3rem;max-height:480px;overflow-y:auto}.dl-scoreboard li{display:grid;grid-template-columns:28px 24px 1fr auto;gap:.5rem;align-items:center;padding:.4rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem}.dl-scoreboard li.is-me{background:var(--accent-soft);border-color:var(--accent)}.dl-sb-rank{font-weight:800;font-size:.78rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.dl-sb-avatar{width:22px;height:22px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--bg-elev)}.dl-sb-avatar-empty{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.65rem;color:var(--text-secondary)}.dl-sb-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-scoreboard li strong{font-variant-numeric:tabular-nums;color:var(--accent)}.grad{background:linear-gradient(90deg,var(--accent) 0,color-mix(in srgb,var(--accent) 70%,var(--accent-hover)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.preview-section{margin:2.5rem 0;padding:1.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl)}.preview-header{text-align:center;margin-bottom:1.5rem}.preview-header h2{font-size:1.3rem;font-weight:800;margin:0 0 .25rem;letter-spacing:-.3px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.preview-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);transition:all .2s}.preview-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 12px 24px -10px color-mix(in srgb,var(--accent) 15%,transparent)}.preview-card h3{font-size:1rem;font-weight:800;margin:0 0 .5rem}.preview-card p{margin:0 0 1rem;line-height:1.5}.preview-link{font-size:.85rem;font-weight:700;color:var(--accent);margin-top:auto}.hub-top{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:1rem;align-items:stretch;margin:1rem 0 1.5rem}.hub-top-slider{min-width:0;display:flex}.hub-top-slider .hero-slider{margin-bottom:0;flex:1;display:flex;flex-direction:column}.hub-top-slider .hero-slide{flex:1}.pc{position:relative;height:100%;padding:1.25rem 1.4rem;display:flex;flex-direction:column;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 22%,transparent) 0,transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,var(--bg-elev)) 0,var(--bg-elev) 100%);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:var(--radius-lg);overflow:hidden}.pc-shine{position:absolute;top:-50%;left:-100%;width:80%;height:200%;background:linear-gradient(105deg,transparent 40%,color-mix(in srgb,var(--accent) 16%,transparent) 50%,transparent 60%);animation:pc-shine 6s linear infinite;pointer-events:none}@keyframes pc-shine{0%{transform:translateX(0)}to{transform:translateX(220%)}}.pc-row{position:relative;z-index:1;gap:.75rem;margin-bottom:.85rem}.pc-icon,.pc-row{display:flex;align-items:center}.pc-icon{width:38px;height:38px;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;font-size:1.1rem;font-weight:800;flex-shrink:0;box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 40%,transparent)}.pc-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.pc-badge{align-self:flex-start;padding:1px 8px;background:var(--accent);color:#fff;border-radius:999px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;line-height:1.6}.pc h2{margin:0;font-size:1.05rem;letter-spacing:-.4px;font-weight:800;line-height:1.2}.pc-grad{background:linear-gradient(90deg,var(--accent),#fde68a);-webkit-background-clip:text;background-clip:text;color:transparent}.pc-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.pc-desc,.pc-list{position:relative;z-index:1;margin:0 0 .85rem}.pc-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.45rem}.pc-list li{font-size:.82rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.pc-list li:before{content:"✓";color:var(--accent);font-weight:800;font-size:.85rem}.pc-btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:100%;height:38px;padding:0 .85rem;margin-top:auto;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.pc-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 45%,transparent)}.fs-section{margin:2rem 0}.fs-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.fs-eyebrow{margin:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent)}.fs-desc{margin:0;max-width:600px;font-size:.92rem}.fs-actions{display:flex;gap:.5rem;flex-wrap:wrap}.fs-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1rem}.fs-rightFeature .fs-body{direction:rtl}.fs-rightFeature .fs-body>*{direction:ltr}.fs-feature{position:relative;display:block;aspect-ratio:16/10;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:inherit;transition:transform .32s cubic-bezier(.32,.72,0,1),border-color .32s,box-shadow .32s}.fs-feature:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 40px -16px color-mix(in srgb,var(--accent) 50%,transparent)}.fs-feature-cover{position:absolute;inset:0;background:var(--bg);transition:transform .54s cubic-bezier(.32,.72,0,1)}.fs-feature:hover .fs-feature-cover{transform:scale(1.04)}.fs-feature-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85));pointer-events:none}.fs-feature-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:6rem;color:var(--accent);background:linear-gradient(135deg,var(--bg) 0,var(--bg-elev) 100%)}.fs-feature-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:.3rem;padding:1.5rem 1.75rem;margin-top:auto;height:100%;justify-content:flex-end;color:#fff}.fs-feature-eyebrow{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent)}.fs-feature-info h3{margin:0;font-size:1.7rem;letter-spacing:-.8px;line-height:1.1;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.fs-feature-subtitle{font-size:.88rem;opacity:.85}.fs-feature-cta{margin-top:.4rem;align-self:flex-start;padding:6px 14px;background:var(--accent);color:#fff;border-radius:999px;font-size:.82rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem}.fs-side{display:flex;flex-direction:column;gap:.5rem}.fs-side-card{display:grid;grid-template-columns:64px 1fr;gap:.75rem;align-items:center;padding:.5rem .65rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:border-color .18s,transform .18s}.fs-side-card:hover{border-color:var(--accent);transform:translateX(2px)}.fs-side-cover{position:relative;width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg)}.fs-side-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--accent)}.fs-side-info{display:flex;flex-direction:column;gap:2px;min-width:0}.fs-side-info strong{font-size:.86rem;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1100px){.hub-top{grid-template-columns:1fr;align-items:start}}@media (max-width:920px){.fs-body{grid-template-columns:1fr;direction:ltr!important}}@media (max-width:720px){.preview-grid{grid-template-columns:1fr}.preview-section{padding:1rem;margin:1.5rem 0}.fs-section{margin:1.5rem 0}.fs-feature-info{padding:1rem 1.25rem}.fs-feature-info h3{font-size:1.3rem}.fs-side-card{grid-template-columns:48px 1fr;gap:.6rem}.fs-side-cover{width:48px;height:48px}}@media (max-width:480px){.hub-top{gap:.75rem;margin:.75rem 0 1rem}.pc{padding:1rem 1.1rem}.pc h2{font-size:.95rem}.pc-desc,.pc-list li{font-size:.78rem}.fs-header{flex-direction:column;align-items:flex-start;gap:.5rem}.fs-feature{aspect-ratio:4/3;border-radius:var(--radius-lg)}.fs-feature-info h3{font-size:1.1rem}.fs-feature-subtitle{font-size:.8rem}.fs-side-card{grid-template-columns:40px 1fr;padding:.4rem .5rem}.fs-side-cover{width:40px;height:40px}.fs-side-info strong{font-size:.8rem}}.mp-slider-compact .hero-slider-track{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elev)}.mp-slider-compact .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility 0s .5s;border:none;border-radius:0}.mp-slider-compact .hero-slide.hero-slide-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility 0s 0s}.hero-slide-visual-mobile{display:none}@media (max-width:900px){.hero-slide-visual-mobile{gap:.5rem;margin-top:.25rem}.hero-slide-visual-mobile,.mp-slide-anim-icon-sm{display:flex;align-items:center;justify-content:center}.mp-slide-anim-icon-sm{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 60%,#f97316) 100%);color:#fff;box-shadow:0 4px 16px -2px color-mix(in srgb,var(--accent) 40%,transparent)}.mp-slide-perks-mobile{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center}.mp-slide-perk-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-full);font-size:.7rem;font-weight:700;color:#a855f7}.mp-slide-podium-mobile{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center}.mp-slide-podium-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .55rem;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-full);font-size:.7rem;font-weight:700;color:var(--text)}.mp-slide-podium-chip-1{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35);color:#f59e0b}.mp-slide-podium-chip svg{color:#f59e0b}}@media (prefers-reduced-motion:reduce){.mp-slider-compact .hero-slide,.mp-slider-compact .hero-slide.hero-slide-active{transition:opacity .01s}.mp-slide-anim-icon,.mp-slide-anim-ring,.mp-slide-anim-ring-2,.mp-slide-podium-crown{animation:none}.mp-slide-podium-item:hover{transform:none}@keyframes heroSlideIn{0%{opacity:1;transform:none}to{opacity:1;transform:none}}}.mp-slide-anim{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.mp-slide-anim-ring{position:absolute;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 20%,transparent);inset:0;animation:mp-ring-breathe 3s ease-in-out infinite}.mp-slide-anim-ring-2{inset:-16px;border-color:color-mix(in srgb,var(--accent) 10%,transparent);animation-delay:.8s}@keyframes mp-ring-breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:1}}.mp-slide-anim-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 60%,#f97316) 100%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px -4px color-mix(in srgb,var(--accent) 50%,transparent);animation:mp-icon-float 4s ease-in-out infinite}@keyframes mp-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mp-slide-modes{background-image:radial-gradient(600px circle at 85% 50%,color-mix(in srgb,var(--accent) 6%,transparent) 0,transparent 60%)}.mp-slide-premium{background-image:radial-gradient(600px circle at 85% 50%,rgba(168,85,247,.06) 0,transparent 60%)}.mp-slide-premium-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.mp-slide-perk{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:.82rem;font-weight:600;color:var(--text);transition:border-color .2s,transform .2s}.mp-slide-perk:hover{border-color:rgba(168,85,247,.4);transform:translateY(-1px)}.mp-slide-perk svg{color:#a855f7;flex-shrink:0}.mp-slide-top{background-image:radial-gradient(600px circle at 85% 50%,rgba(245,158,11,.05) 0,transparent 60%)}.mp-slide-podium{display:flex;align-items:flex-end;justify-content:center;gap:.75rem;height:100%;max-height:190px;padding:0}.mp-slide-podium-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;color:var(--text);transition:transform .2s;position:relative}.mp-slide-podium-item:hover{transform:translateY(-5px)}.mp-slide-podium-1{order:2}.mp-slide-podium-2{order:1}.mp-slide-podium-3{order:3}.mp-slide-podium-crown{color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.4));animation:mp-crown-bob 2.5s ease-in-out infinite}@keyframes mp-crown-bob{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(3deg)}}.mp-slide-podium-rank{font-size:.7rem;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mp-slide-podium-1 .mp-slide-podium-rank{background:#f59e0b;color:#fff;width:24px;height:24px;font-size:.75rem}.mp-slide-podium-2 .mp-slide-podium-rank{background:#94a3b8;color:#fff}.mp-slide-podium-3 .mp-slide-podium-rank{background:#d97706;color:#fff}.mp-slide-podium-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--text-dim);border:3px solid var(--border)}.mp-slide-podium-1 .mp-slide-podium-avatar{width:68px;height:68px;border-color:#f59e0b;box-shadow:0 0 24px rgba(245,158,11,.3),0 4px 16px rgba(245,158,11,.15)}.mp-slide-podium-2 .mp-slide-podium-avatar{border-color:#94a3b8;box-shadow:0 0 12px rgba(148,163,184,.15)}.mp-slide-podium-3 .mp-slide-podium-avatar{border-color:#d97706;box-shadow:0 0 12px rgba(217,119,6,.15)}.mp-slide-podium-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mp-slide-podium-name{font-size:.75rem;font-weight:700;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.mp-slide-podium-bar{width:60px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin-top:.25rem;display:flex;align-items:flex-start;justify-content:center;padding-top:.35rem;font-size:.62rem;font-weight:800;color:hsla(0,0%,100%,.85)}.mp-slide-podium-1 .mp-slide-podium-bar{background:linear-gradient(180deg,#f59e0b,#b45309);height:56px;width:72px}.mp-slide-podium-2 .mp-slide-podium-bar{background:linear-gradient(180deg,#94a3b8,#475569);height:40px}.mp-slide-podium-3 .mp-slide-podium-bar{background:linear-gradient(180deg,#d97706,#78350f);height:30px}.mp-slide-features{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.mp-slide-feature{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-secondary)}.mp-slide-feature svg{color:#a855f7;flex-shrink:0}.mp-slider-compact .hero-slide.hero-slide-active{min-height:240px;max-height:240px;padding:1.75rem 2.5rem;overflow:hidden}.mp-slider-compact .hero-slide{animation:none}.mp-modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.mp-card{--card-color:var(--accent);position:relative;display:flex;flex-direction:column;gap:.6rem;padding:1.25rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);overflow:hidden;transition:transform .22s cubic-bezier(.32,.72,0,1),border-color .22s,box-shadow .22s}.mp-card:hover{transform:translateY(-3px);border-color:var(--card-color);box-shadow:0 12px 32px -10px color-mix(in srgb,var(--card-color) 20%,transparent)}.mp-card-gold{--card-color:#f59e0b}.mp-card-purple{--card-color:#a855f7}.mp-card-deco{position:absolute;top:50%;right:-5px;transform:translateY(-50%) rotate(-12deg);color:var(--card-color);opacity:.07;pointer-events:none;height:80%;width:auto}.mp-card-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--card-color) 0,color-mix(in srgb,var(--card-color) 70%,#000) 100%);color:#fff;box-shadow:0 4px 12px -3px color-mix(in srgb,var(--card-color) 40%,transparent)}.mp-card-title{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.3px}.mp-card-desc{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.mp-card-footer{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.4rem}.mp-card-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:var(--radius-full);font-size:.68rem;font-weight:700}.mp-card-badge.live{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#22c55e}.mp-card-badge.muted{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-dim)}.mp-card-badge.premium{background:linear-gradient(135deg,rgba(168,85,247,.12),rgba(236,72,153,.12));border:1px solid rgba(168,85,247,.3);color:#a855f7;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.mp-toolbar{justify-content:space-between;gap:1rem;margin:1.25rem 0 .5rem}.mp-stats,.mp-toolbar{display:flex;align-items:center}.mp-stats{gap:1.25rem}.mp-stat-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-secondary);white-space:nowrap}.mp-stat-item svg{color:var(--accent);flex-shrink:0}.mp-stat-item strong{font-weight:700;color:var(--text)}.mp-stat-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:mp-pulse 2s ease-in-out infinite}@keyframes mp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.mp-search-wrap{position:relative;display:flex;align-items:center;width:260px;flex-shrink:0}.mp-search-icon{position:absolute;left:.75rem;color:var(--text-muted);pointer-events:none}.mp-search-input{width:100%;height:34px;padding:0 2.2rem 0 2.4rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.82rem;color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s}.mp-search-input::-moz-placeholder{color:var(--text-muted)}.mp-search-input::placeholder{color:var(--text-muted)}.mp-search-input:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.mp-search-clear{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--bg-subtle);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.mp-search-clear:hover{background:var(--danger-soft);color:var(--danger)}.mp-sidebar-lb{padding:.5rem}.mp-sidebar-lb-title{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin:0 0 .5rem;text-decoration:none;transition:color .15s}.mp-sidebar-lb-title svg,.mp-sidebar-lb-title:hover{color:var(--accent)}.mp-sidebar-lb-item{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:.35rem;padding:.3rem .25rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text);font-size:.78rem;transition:background .15s}.mp-sidebar-lb-item:hover{background:var(--bg-subtle)}.mp-sidebar-lb-pos{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.mp-sidebar-lb-pos-1{color:#f59e0b}.mp-sidebar-lb-pos-2{color:#94a3b8}.mp-sidebar-lb-pos-3{color:#d97706}.mp-sidebar-lb-num{font-size:.68rem;font-weight:700;color:var(--text-muted)}.mp-sidebar-lb-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-sidebar-lb-pts{font-size:.72rem;font-weight:700;color:var(--accent)}.mp-sidebar-lb-more{display:inline-flex;align-items:center;gap:.2rem;margin-top:.4rem;font-size:.72rem;font-weight:600;color:var(--accent);text-decoration:none}.pulse-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.mp-section{margin-bottom:2rem}.mp-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mp-section-header h2{margin:0;font-size:1.15rem;font-weight:800;letter-spacing:-.3px;display:flex;align-items:center;gap:.5rem}.mp-section-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:mp-pulse 2s ease-in-out infinite}.mp-section-link{display:inline-flex;align-items:center;gap:.2rem;font-size:.78rem;font-weight:600;color:var(--accent);text-decoration:none;transition:gap .15s}.mp-section-link:hover{gap:.4rem}.mp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 2rem;background:var(--bg-elev);border:1px dashed var(--border);border-radius:var(--radius-xl);text-align:center}.mp-empty svg{color:var(--text-muted);opacity:.5}.mp-empty h3{margin:0;font-size:1.1rem;font-weight:750}.mp-empty p{margin:0;font-size:.88rem;color:var(--text-secondary)}.mp-rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.mp-room-card{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);transition:transform .22s cubic-bezier(.32,.72,0,1),border-color .22s,box-shadow .22s}.mp-room-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 32px -10px color-mix(in srgb,var(--accent) 20%,transparent)}.mp-room-card-header{display:flex;align-items:center;justify-content:space-between}.mp-room-type-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:.2rem .5rem;border-radius:var(--radius-full)}.mp-room-type-badge.bt{background:var(--accent-soft);color:var(--accent)}.mp-room-type-badge.tourney{background:rgba(245,158,11,.1);color:#f59e0b}.mp-room-players{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;color:#22c55e}.mp-room-card h3{margin:0;font-size:.95rem;font-weight:750;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-room-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-dim)}.mp-room-phase{padding:1px 6px;background:rgba(34,197,94,.1);border-radius:var(--radius-full);color:#22c55e;font-weight:700;font-size:.7rem}.mp-room-cta{display:inline-flex;align-items:center;gap:.3rem;margin-top:auto;padding-top:.5rem;font-size:.78rem;font-weight:700;color:var(--accent);transition:gap .15s}.mp-room-card:hover .mp-room-cta{gap:.5rem}.mp-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.mp-category-card{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .9rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);font-size:.85rem;font-weight:650;transition:all .18s cubic-bezier(.32,.72,0,1)}.mp-category-card:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.mp-category-card.is-live{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.04)}.mp-category-card.is-live:hover{border-color:#22c55e;background:rgba(34,197,94,.08)}.mp-category-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-category-live{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:800;color:#22c55e;flex-shrink:0}.mp-leaderboard{display:flex;flex-direction:column;gap:.35rem}.mp-lb-row{display:grid;grid-template-columns:32px 36px 1fr auto;align-items:center;gap:.6rem;padding:.6rem .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);transition:background .15s,border-color .15s}.mp-lb-row:hover{background:var(--bg-subtle);border-color:var(--accent)}.mp-lb-rank{display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:var(--text-dim)}.mp-lb-rank-1{color:#f59e0b}.mp-lb-rank-2{color:#94a3b8}.mp-lb-rank-3{color:#d97706}.mp-lb-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);font-size:.82rem;font-weight:700;color:var(--text-dim)}.mp-lb-username{font-size:.88rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-lb-score{font-size:.82rem;font-weight:750;color:var(--accent);font-variant-numeric:tabular-nums}@media (max-width:920px){.mp-modes-grid{grid-template-columns:1fr}.mp-slide-podium{gap:.6rem}.mp-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.mp-stats{gap:.85rem;overflow-x:auto;scrollbar-width:none}.mp-stats::-webkit-scrollbar{display:none}.mp-search-wrap{width:100%}.mp-rooms-grid{grid-template-columns:1fr}.mp-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.mp-card-deco{display:none}.mp-categories-grid{grid-template-columns:1fr 1fr}.mp-lb-row{grid-template-columns:28px 32px 1fr auto;gap:.4rem;padding:.5rem .6rem}.mp-lb-avatar{width:32px;height:32px}}@media (max-width:480px){.mp-card{padding:1rem}.mp-card-icon{width:36px;height:36px}.mp-toolbar{margin:.75rem 0 .25rem}.mp-stat-item{font-size:.75rem}}.readonly-infos{display:grid;gap:.6rem}.readonly-row{display:grid;grid-template-columns:minmax(120px,160px) 1fr;gap:1rem;padding:.55rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.readonly-label{color:var(--text-secondary);font-size:.82rem;font-weight:600;align-self:center}.readonly-value{color:var(--text);font-weight:500;word-break:break-word}.readonly-link{color:var(--accent);text-decoration:none}.readonly-link:hover{text-decoration:underline}.bt-admin-edit-header{margin:1rem 0 1.5rem}.bt-admin-edit-header h1{margin:.5rem 0;font-size:1.6rem;letter-spacing:-.5px}.bt-admin-edit-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bt-admin-section{margin:2rem 0;padding:1.25rem 1.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.bt-admin-section h2{margin:0 0 1rem;font-size:1.1rem}.bt-admin-questions{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.75rem}.bt-admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin:1rem 0 1.5rem}.bt-admin-header h1{margin:0;font-size:1.5rem;letter-spacing:-.5px}.bt-admin-tabs{display:inline-flex;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px;margin-bottom:1rem}.bt-admin-tab{padding:8px 16px;background:none;border:none;border-radius:calc(var(--radius-sm) - 2px);color:var(--text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s}.bt-admin-tab:hover{color:var(--text)}.bt-admin-tab.is-active{background:var(--accent);color:#fff}.bt-admin-panel{padding:1.25rem 1.25rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.75rem}.bt-admin-panel-hint{margin:0 0 .85rem}.bt-admin-form-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.bt-admin-form-row+.bt-admin-form-row{margin-top:.75rem}.bt-admin-form-options{gap:1rem}.bt-admin-input{flex:1;min-width:240px;height:var(--h-input);padding:0 .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.95rem}.bt-admin-input:focus{outline:none;border-color:var(--accent)}.bt-admin-textarea{width:100%;padding:.75rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-mono,monospace);font-size:.9rem;line-height:1.5;resize:vertical;margin-bottom:.75rem}.bt-admin-textarea:focus{outline:none;border-color:var(--accent)}.bt-admin-num{display:inline-flex;align-items:center;gap:.4rem}.bt-admin-num input{width:64px;height:32px;padding:0 .4rem;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius-sm);font-size:.85rem;font-variant-numeric:tabular-nums}.bt-admin-checkbox{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.9rem}.bt-admin-checkbox input{accent-color:var(--accent)}.bt-admin-bulk-results{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.bt-admin-progress{margin-top:.5rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}.bt-admin-progress-bar{flex:1;height:8px;background:var(--bg);border:1px solid var(--border);border-radius:999px;overflow:hidden}.bt-admin-progress-fill{height:100%;background:var(--accent);transition:width .32s cubic-bezier(.32,.72,0,1)}.bt-admin-bulk-results header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.bt-admin-bulk-results ul{list-style:none;padding:0;margin:0;display:grid;gap:.3rem;max-height:320px;overflow-y:auto}.bt-admin-bulk-results li{display:flex;align-items:center;gap:.75rem;padding:.45rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem}.bt-admin-bulk-results li.is-ok{border-left:3px solid var(--accent)}.bt-admin-bulk-results li.is-fail{border-left:3px solid color-mix(in srgb,var(--text) 30%,transparent);opacity:.75}.bt-admin-bulk-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-admin-bulk-error a,.bt-admin-bulk-ok a{color:var(--accent);text-decoration:none}.bt-admin-bulk-error a:hover,.bt-admin-bulk-ok a:hover{text-decoration:underline}.bt-admin-bulk-error{color:var(--text-secondary);font-size:.82rem}.bt-admin-section-title{margin:0 0 .85rem;font-size:1.1rem;letter-spacing:-.4px}.bt-admin-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.bt-admin-list li{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm)}.bt-admin-link{flex:1;display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;flex-wrap:wrap}.bt-admin-link strong{font-size:1rem}.bt-admin-status{padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.bt-admin-status-published{background:var(--accent-soft);color:var(--accent)}.bt-admin-status-draft{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.bt-admin-delete{color:#fca5a5!important}.bt-admin-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;background:#ef4444;color:#fff;border-radius:999px;font-size:.68rem;font-weight:800;line-height:1}.bt-admin-suggestions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.bt-admin-suggestion-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.bt-admin-suggestion-info{display:flex;flex-direction:column;gap:2px}.bt-admin-suggestion-info strong{font-size:.95rem}.bt-admin-suggestion-actions{display:flex;gap:.4rem;flex-shrink:0}.bt-admin-search{display:flex;gap:.5rem;margin-bottom:1rem;max-width:420px}.bt-admin-search .bt-admin-input{flex:1}.music-search{display:flex;flex-direction:column;gap:.5rem}.music-search-input{width:100%;height:var(--h-input);padding:0 .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.95rem}.ms-tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.ms-tab{padding:.5rem 1rem;font-size:.82rem;font-weight:600;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s}.ms-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.music-results{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;max-height:360px;overflow-y:auto}.music-result{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.music-result-cover{width:44px;height:44px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.music-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.music-result-info strong{font-size:.9rem;line-height:1.2}.music-result-info span,.music-result-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-result-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.music-result-preview{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}.music-result-preview.is-playing{background:var(--accent);border-color:var(--accent);color:#fff}.ob-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9500;animation:ob-fade .22s cubic-bezier(.32,.72,0,1)}@keyframes ob-fade{0%{opacity:0}to{opacity:1}}.ob-modal{width:100%;max-width:480px;padding:2rem 1.75rem 1.5rem;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--accent) 18%,transparent) 0,transparent 60%),var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 30px 80px -24px rgba(0,0,0,.55);position:relative;text-align:center;animation:ob-pop .38s cubic-bezier(.34,1.56,.64,1)}@keyframes ob-pop{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.ob-skip{position:absolute;top:.85rem;right:.85rem;padding:4px 10px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;transition:color .18s,border-color .18s}.ob-skip:hover{color:var(--text);border-color:var(--text-secondary)}.ob-icon{width:72px;height:72px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,transparent);animation:ob-icon-bounce .7s cubic-bezier(.34,1.56,.64,1)}@keyframes ob-icon-bounce{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.ob-step-counter{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:.4rem}.ob-title{margin:0 0 .6rem;font-size:1.6rem;letter-spacing:-.8px;font-weight:800}.ob-desc{margin:0 auto 1.5rem;max-width:360px;color:var(--text-secondary);font-size:.95rem;line-height:1.55}.ob-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.25rem}.ob-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .22s}.ob-dot.is-active{width:24px;border-radius:999px;background:var(--accent)}.ob-dot.is-done{background:color-mix(in srgb,var(--accent) 50%,transparent)}.ob-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.profile-charts{display:grid;gap:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px color-mix(in srgb,var(--accent) 20%,transparent)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.tournaments{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.blindtests{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.victories{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.score{background:linear-gradient(135deg,#10b981,#059669)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:800;color:var(--text);line-height:1}.stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.activity-chart{padding:1.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.chart-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;color:var(--text-secondary)}.chart-header h3{font-size:.95rem;font-weight:600;margin:0}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;height:120px;padding-bottom:1.5rem}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-bar{width:100%;min-width:24px;max-width:48px;background:linear-gradient(180deg,var(--accent) 0,color-mix(in srgb,var(--accent) 70%,var(--accent-hover)) 100%);border-radius:6px 6px 2px 2px;position:relative;transition:height .5s ease-out;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem}.bar-value{font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.bar-label{font-size:.75rem;color:var(--text-secondary);font-weight:600}.wp-card{padding:1.5rem 1.25rem .5rem;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 12%,transparent) 0,transparent 55%),var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl);position:relative}.wp-sparkle{position:absolute;color:color-mix(in srgb,var(--accent) 60%,transparent);font-size:.85rem;opacity:.55;pointer-events:none;z-index:0;animation:wp-twinkle 3.2s ease-in-out infinite}.wp-sparkle-1{top:18%;left:8%;font-size:.7rem;animation-delay:0s}.wp-sparkle-2{top:12%;right:12%;animation-delay:.8s}.wp-sparkle-3{bottom:32%;right:6%;font-size:.6rem;animation-delay:1.6s}@keyframes wp-twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.85;transform:scale(1.1)}}.wp-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.6rem;position:relative;z-index:2}.wp-title{margin:0;font-size:1rem;font-weight:800;letter-spacing:-.3px}.wp-hint{display:block;margin-top:2px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent)}.wp-stage{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:end;gap:.45rem;padding:1.5rem 0 0;position:relative}.wp-stage:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:55%;height:100%;background:radial-gradient(ellipse at center top,color-mix(in srgb,var(--accent) 28%,transparent) 0,transparent 60%);pointer-events:none;animation:wp-spotlight 2.8s ease-in-out infinite alternate;z-index:0}@keyframes wp-spotlight{0%{opacity:.45}to{opacity:1}}.wp-col{gap:0;position:relative;z-index:1}.wp-col,.wp-head{display:flex;flex-direction:column;align-items:center}.wp-head{gap:.3rem;padding-bottom:.7rem;width:100%;animation:wp-head-in .7s cubic-bezier(.34,1.56,.64,1) both}.wp-col-2 .wp-head{animation-delay:.1s}.wp-col-1 .wp-head{animation-delay:.38s}.wp-col-3 .wp-head{animation-delay:.66s}@keyframes wp-head-in{0%{opacity:0;transform:translateY(-22px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.wp-crown{color:var(--accent);margin-bottom:-2px;animation:wp-crown-bob 1.8s ease-in-out infinite alternate;filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--accent) 60%,transparent))}@keyframes wp-crown-bob{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-4px) rotate(3deg)}}.wp-avatar-wrap{position:relative}.wp-avatar-wrap.has-frame .wp-avatar,.wp-col-1 .wp-avatar-wrap.has-frame .wp-avatar{border:none;box-shadow:none}.wp-avatar-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;pointer-events:none;z-index:2}.wp-col-1 .wp-avatar-frame{width:84px;height:84px}.wp-avatar-frame svg{width:100%;height:100%;display:block}.wp-avatar{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border);background:var(--bg);display:block;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.wp-avatar:hover{transform:scale(1.08)}.wp-avatar-placeholder{font-size:1.2rem}.wp-avatar-empty,.wp-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-secondary)}.wp-avatar-empty{font-size:1.3rem;opacity:.45;border-style:dashed!important}.wp-col-1 .wp-avatar{width:70px;height:70px;border:3px solid #f59e0b;box-shadow:0 0 0 5px color-mix(in srgb,#f59e0b 18%,transparent),0 8px 24px color-mix(in srgb,#f59e0b 35%,transparent)}.wp-medal{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--bg-elev)}.wp-medal-silver{background:linear-gradient(135deg,#d4d4d8,#a1a1aa)}.wp-medal-bronze{background:linear-gradient(135deg,#b45309,#78350f)}.wp-name{font-weight:700;font-size:.88rem;color:var(--text);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .25rem}.wp-name:hover{color:var(--accent)}.wp-col-1 .wp-name{font-size:1.02rem;font-weight:800}.wp-name-empty{color:var(--text-secondary)!important;font-style:italic;font-weight:600!important;opacity:.7}.wp-metric{font-size:.76rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:600}.wp-col-1 .wp-metric{color:var(--accent);font-weight:800;font-size:.92rem}.wp-step{width:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem;background:linear-gradient(180deg,color-mix(in srgb,var(--text) 14%,var(--bg)) 0,color-mix(in srgb,var(--text) 5%,var(--bg)) 100%);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:1.6rem;transform-origin:bottom center;animation:wp-step-grow .8s cubic-bezier(.32,.72,0,1) both;position:relative;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 10%,transparent)}.wp-col-2 .wp-step{animation-delay:.1s;height:60px}.wp-col-1 .wp-step{animation-delay:.38s;height:96px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 38%,var(--bg)) 0,color-mix(in srgb,var(--accent) 14%,var(--bg)) 100%);border-color:var(--accent);color:#fff;font-size:1.85rem;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent) 70%,transparent),0 -6px 28px color-mix(in srgb,var(--accent) 30%,transparent)}.wp-col-3 .wp-step{animation-delay:.66s;height:42px;font-size:1.15rem}@keyframes wp-step-grow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.wp-step-rank{line-height:1;letter-spacing:-1px}.wp-col-empty .wp-step{opacity:.4;border-style:dashed}.wp-col-empty.wp-col-1 .wp-step{background:linear-gradient(180deg,color-mix(in srgb,var(--text) 10%,var(--bg)) 0,var(--bg) 100%);border-color:var(--border);color:var(--text-secondary);box-shadow:none}@media (max-width:480px){.wp-stage{gap:.3rem}.wp-avatar{width:44px;height:44px}.wp-col-1 .wp-avatar{width:64px;height:64px}.wp-col-1 .wp-step{height:90px;font-size:1.6rem}.wp-col-2 .wp-step{height:58px;font-size:1.4rem}.wp-col-3 .wp-step{height:40px;font-size:1rem}.wp-name{font-size:.78rem}.wp-col-1 .wp-name{font-size:.9rem}}.skeleton-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}.skeleton-card-mock{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.skeleton-card-cover{aspect-ratio:1/1;background:var(--bg-subtle);position:relative;overflow:hidden}.skeleton-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--text) 7%,transparent) 50%,transparent 100%);transform:translateX(-100%);animation:skeletonShimmer 1.6s cubic-bezier(.4,0,.2,1) infinite}.skeleton-card-body{padding:.55rem .65rem .7rem;display:flex;flex-direction:column;gap:.35rem}.profile-skeleton{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.profile-skeleton-banner{height:180px;background:var(--bg-subtle);border-radius:var(--radius-lg);position:relative;overflow:hidden}.profile-skeleton-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--text) 7%,transparent) 50%,transparent 100%);transform:translateX(-100%);animation:skeletonShimmer 1.6s cubic-bezier(.4,0,.2,1) infinite}.profile-skeleton-row{display:flex;gap:1rem;align-items:center;padding:0 1.25rem}.profile-skeleton-avatar{width:96px;height:96px;border-radius:50%;background:var(--bg-subtle);margin-top:-48px;border:4px solid var(--bg-elev);position:relative;overflow:hidden}.profile-skeleton-avatar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--text) 7%,transparent) 50%,transparent 100%);transform:translateX(-100%);animation:skeletonShimmer 1.6s cubic-bezier(.4,0,.2,1) infinite}.profile-skeleton-info{flex:1;display:flex;flex-direction:column;gap:.4rem}.confetti-root{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9999}.confetti-piece{position:absolute;top:-20px;border-radius:2px;opacity:.95;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.4,0,.6,1);animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translate3d(0,-20px,0) rotate(0deg);opacity:1}80%{opacity:.9}to{transform:translate3d(var(--drift,0),110vh,0) rotate(2turn);opacity:0}}.blind-player{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elev);border:2px solid var(--border);transition:border-color .22s cubic-bezier(.32,.72,0,1)}.blind-player.is-active{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.blind-player-mask{position:absolute;inset:0;background:linear-gradient(135deg,var(--bg) 0,var(--bg-elev) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text);padding:1.5rem}.blind-player-letter{font-size:clamp(96px,22vw,200px);font-weight:800;line-height:1;letter-spacing:-4px;color:var(--accent);text-shadow:0 0 40px var(--accent-soft)}.blind-player-eq{display:flex;align-items:flex-end;gap:6px;height:40px}.blind-player-eq span{width:6px;background:var(--accent);border-radius:3px;opacity:.3;height:6px;transition:opacity .2s}.blind-player-eq.is-on span{opacity:.95;animation:eq-bounce .9s ease-in-out infinite}.blind-player-eq.is-on span:first-child{animation-delay:0s}.blind-player-eq.is-on span:nth-child(2){animation-delay:.12s}.blind-player-eq.is-on span:nth-child(3){animation-delay:.24s}.blind-player-eq.is-on span:nth-child(4){animation-delay:.36s}.blind-player-eq.is-on span:nth-child(5){animation-delay:.48s}@keyframes eq-bounce{0%,to{height:8px}50%{height:32px}}.blind-player-status{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px}.blind-player-volume{position:absolute;bottom:12px;right:12px;z-index:6}.blind-player-volume label{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg);padding:.4rem .6rem;border-radius:var(--radius-full);border:1px solid var(--border);font-size:.85rem}.blind-player-volume input{width:80px;accent-color:var(--accent)}.vp{padding:1.25rem 1.25rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.vp:before{content:"";position:absolute;top:-40%;right:-20%;width:70%;height:80%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent) 0,transparent 65%);pointer-events:none}.vp-header{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.vp-title{margin:0;font-size:1rem;font-weight:800;letter-spacing:-.3px}.vp-hint{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}.vp-list{position:relative;z-index:1;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.vp-item{display:grid;grid-template-columns:38px 44px 1fr;gap:.75rem;align-items:center;padding:.55rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);animation:vp-in .6s cubic-bezier(.32,.72,0,1) both}.vp-rank-2{animation-delay:.1s}.vp-rank-1{animation-delay:.2s}.vp-rank-3{animation-delay:.3s}@keyframes vp-in{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.vp-item.vp-rank-1{padding:.85rem .95rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--bg)) 0,color-mix(in srgb,var(--accent) 8%,var(--bg)) 100%);border-color:var(--accent);box-shadow:0 8px 28px -12px color-mix(in srgb,var(--accent) 50%,transparent)}.vp-item.is-empty{opacity:.55;border-style:dashed}.vp-rank-mark{position:relative;width:38px;height:38px;background:var(--bg-elev);color:var(--text-secondary);flex-shrink:0}.vp-rank-mark,.vp-rank-mark .vp-rank-num{border-radius:50%;display:flex;align-items:center;justify-content:center}.vp-rank-mark .vp-rank-num{position:absolute;bottom:-3px;right:-3px;width:18px;height:18px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-weight:800;font-size:.65rem}.vp-rank-1 .vp-rank-mark{width:44px;height:44px;background:var(--accent);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 50%,transparent)}.vp-rank-1 .vp-rank-num{background:#fff;color:var(--accent);border-color:var(--accent)}.vp-rank-2 .vp-rank-mark{color:color-mix(in srgb,var(--text) 75%,transparent)}.vp-rank-3 .vp-rank-mark{color:color-mix(in srgb,var(--accent) 65%,var(--text))}.vp-avatar-wrap{position:relative}.vp-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border);background:var(--bg-elev);display:block}.vp-rank-1 .vp-avatar{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.vp-avatar-placeholder{font-size:1rem}.vp-avatar-empty,.vp-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-secondary)}.vp-avatar-empty{font-size:1.1rem;opacity:.5;border-style:dashed!important}.vp-info{display:flex;flex-direction:column;gap:1px;min-width:0}.vp-name{font-weight:700;font-size:.92rem;color:var(--text);text-decoration:none;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp-name:hover{color:var(--accent)}.vp-rank-1 .vp-name{font-size:1rem;font-weight:800}.vp-name-empty{color:var(--text-secondary)!important;font-style:italic;font-weight:600!important}.vp-metric{font-size:.78rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.vp-rank-1 .vp-metric{color:var(--accent);font-weight:700}.reactions-layer{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}.reaction-float{position:absolute;bottom:80px;font-size:32px;line-height:1;animation:reaction-float-up 1.4s cubic-bezier(.32,.72,0,1) forwards;will-change:transform,opacity;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.35)}@keyframes reaction-float-up{0%{transform:translateY(0) scale(.6);opacity:0}15%{transform:translateY(-12px) scale(1.15);opacity:1}80%{transform:translateY(-180px) scale(1);opacity:1}to{transform:translateY(-260px) scale(.85);opacity:0}}.reactions-panel{position:fixed;right:16px;bottom:96px;z-index:61;display:flex;flex-direction:column;align-items:flex-end;gap:12px}@media (min-width:768px){.reactions-panel{bottom:24px}}.reactions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;border-radius:16px;background:var(--bg-elev);border:1px solid var(--border);box-shadow:0 12px 28px rgba(0,0,0,.18);animation:reactions-pop .22s cubic-bezier(.32,.72,0,1)}@keyframes reactions-pop{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.reactions-btn{width:44px;height:44px;border-radius:12px;background:transparent;border:1px solid transparent;cursor:pointer;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .16s cubic-bezier(.32,.72,0,1),background .16s}.reactions-btn:hover:not(:disabled){background:var(--bg-hover);transform:scale(1.15)}.reactions-btn:active:not(:disabled){transform:scale(.92)}.reactions-btn:disabled{opacity:.5;cursor:not-allowed}.reactions-toggle{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;border:0;cursor:pointer;font-size:22px;line-height:1;box-shadow:0 6px 16px rgba(234,88,12,.35);display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.32,.72,0,1)}.reactions-toggle:hover:not(:disabled){transform:scale(1.06)}.reactions-toggle:active:not(:disabled){transform:scale(.94)}.reactions-toggle:disabled{opacity:.6;cursor:not-allowed}.uhc-wrap{position:relative;display:inline}.uhc-card{position:absolute;z-index:9999;width:280px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:uhc-appear .2s cubic-bezier(.32,.72,0,1);pointer-events:auto}@keyframes uhc-appear{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.uhc-banner{height:72px;background-color:var(--bg-subtle);background-size:cover;background-position:50%}.uhc-banner[data-empty=true]{background-image:radial-gradient(ellipse at 30% 40%,color-mix(in srgb,var(--accent) 25%,transparent) 0,transparent 55%),linear-gradient(145deg,var(--bg-subtle) 0,var(--bg-elev) 100%)}.uhc-avatar-wrap{position:relative;margin-top:-24px;margin-left:14px;width:48px}.uhc-avatar-wrap.has-frame{width:64px;margin-top:-32px}.uhc-avatar{width:48px;height:48px;border-radius:50%;border:3px solid var(--bg-elev);-o-object-fit:cover;object-fit:cover;background:var(--bg-subtle)}.uhc-avatar-wrap.has-frame .uhc-avatar{border:none;width:48px;height:48px;position:relative;z-index:1;margin:8px}.uhc-avatar-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;pointer-events:none;z-index:2}.uhc-avatar-frame svg{width:100%;height:100%;display:block}.uhc-level-chip{position:absolute;bottom:-2px;right:-4px;display:inline-flex;align-items:center;gap:1px;padding:1px 4px;background:var(--accent);color:#fff;font-size:.55rem;font-weight:800;border-radius:var(--radius-full);border:2px solid var(--bg-elev);line-height:1}.uhc-body{padding:.5rem .85rem .75rem;display:flex;flex-direction:column;gap:1px}.uhc-name{font-size:.88rem;font-weight:700;color:var(--text);text-decoration:none;line-height:1.2}.uhc-name:hover{color:var(--accent)}.uhc-handle{font-size:.72rem;color:var(--text-dim)}.uhc-title{display:inline-block;margin-top:2px;font-size:.65rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.6px}.uhc-bio{margin:.3rem 0 0;font-size:.75rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.uhc-loading{font-size:.7rem;color:var(--text-muted);font-style:italic}@media (max-width:640px){.uhc-card{display:none}}.uhc-avatar-frame,.uhc-avatar-frame .avatar-frame-render{contain:layout paint}.fb-bubble{position:fixed;bottom:1.25rem;left:1.25rem;z-index:900;animation:fb-slide-in .5s cubic-bezier(.34,1.56,.64,1) 2s both}@keyframes fb-slide-in{0%{opacity:0;transform:translateX(-20px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.fb-link{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s,box-shadow .2s}.fb-link:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px color-mix(in srgb,var(--accent) 15%,transparent)}.fb-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--accent-soft);color:var(--accent);border-radius:50%;flex-shrink:0}.fb-text{display:flex;flex-direction:column;gap:0;line-height:1.2}.fb-text strong{font-size:.82rem;font-weight:700}.fb-text span{font-size:.7rem;color:var(--text-dim)}.fb-arrow{color:var(--text-muted);flex-shrink:0;transition:color .2s,transform .2s}.fb-link:hover .fb-arrow{color:var(--accent);transform:translateX(2px)}.fb-close{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;opacity:0;z-index:2;transition:opacity .15s,color .15s}.fb-bubble:hover .fb-close{opacity:1}.fb-close:hover{color:var(--text)}@media (max-width:768px){.fb-bubble{bottom:5rem;left:.75rem}}@media (max-width:480px){.fb-bubble{display:none}}.e404{text-align:center;padding:3rem 1rem;gap:2rem}.e404,.e404-hero{display:flex;flex-direction:column;align-items:center}.e404-hero{gap:.5rem}.e404-code{font-size:6rem;font-weight:900;letter-spacing:-4px;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.e404-hero h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--text)}.e404-hero p{margin:0;font-size:.9rem;color:var(--text-dim)}.e404-game{display:flex;flex-direction:column;align-items:center;gap:.5rem}.e404-game-label{margin:0;font-size:.78rem;color:var(--text-muted)}.e404-game-area{position:relative;width:300px;height:200px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.e404-emoji{position:absolute;font-size:2rem;background:none;border:none;cursor:pointer;transform:translate(-50%,-50%);transition:left .3s cubic-bezier(.34,1.56,.64,1),top .3s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.e404-emoji:hover{transform:translate(-50%,-50%) scale(1.3)}.e404-emoji:active{transform:translate(-50%,-50%) scale(.8)}.e404-game-score{margin:0;font-size:.82rem;color:var(--text-secondary)}.e404-game-score strong{color:var(--accent);font-variant-numeric:tabular-nums}.e404-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}@media (max-width:900px){.site-header{transition:transform .3s cubic-bezier(.32,.72,0,1);will-change:transform}.site-header.header-hidden{transform:translateY(-100%)}}.bottom-sheet-overlay{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;animation:bs-overlay-in .2s ease-out}@keyframes bs-overlay-in{0%{opacity:0}to{opacity:1}}.bottom-sheet{width:100%;background:var(--bg-elev);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:0 1rem calc(1.5rem + env(safe-area-inset-bottom, 0px));overflow:hidden;animation:bs-slide-up .3s cubic-bezier(.32,.72,0,1);transition:transform .25s cubic-bezier(.32,.72,0,1)}.bottom-sheet.is-dragging{transition:none}@keyframes bs-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-handle{display:flex;justify-content:center;padding:.75rem 0 .5rem;cursor:grab}.bottom-sheet-handle span{width:36px;height:4px;background:var(--border-strong);border-radius:999px}.bottom-sheet-title{margin:0 0 1rem;padding:0 .25rem;font-size:1.1rem;font-weight:700;letter-spacing:-.3px}.bottom-sheet-scroll{overflow-y:auto;max-height:calc(85vh - 5rem);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.h-scroll-wrapper{position:relative}.h-scroll-track{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:.25rem 0;mask-image:linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent)}.h-scroll-track::-webkit-scrollbar{display:none}.h-scroll-snap{scroll-snap-type:x mandatory}.h-scroll-snap>*{scroll-snap-align:start;flex-shrink:0}.h-scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--text);font-size:1.2rem;cursor:pointer;transition:all .15s}.h-scroll-arrow:hover{background:var(--bg-subtle);border-color:var(--accent);color:var(--accent)}.h-scroll-arrow-left{left:-12px}.h-scroll-arrow-right{right:-12px}@media (max-width:720px){.h-scroll-arrow{display:none}.h-scroll-track{padding-left:0;padding-right:0}}.swipeable-tabs{display:flex;flex-direction:column;overflow:hidden}.swipeable-tabs-bar{position:relative;display:flex;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.swipeable-tabs-bar::-webkit-scrollbar{display:none}.swipeable-tabs-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-dim);background:none;border:none;cursor:pointer;white-space:nowrap;transition:color .2s;font-family:inherit;position:relative;z-index:1}.swipeable-tabs-tab.is-active{color:var(--accent)}.swipeable-tabs-icon{display:inline-flex;align-items:center}.swipeable-tabs-indicator{position:absolute;bottom:0;left:0;height:2.5px;background:var(--accent);border-radius:2px 2px 0 0;transition:transform .3s cubic-bezier(.32,.72,0,1)}.swipeable-tabs-panels{overflow:hidden;touch-action:pan-y}.swipeable-tabs-track{display:flex;will-change:transform}.swipeable-tabs-panel{min-width:100%;flex-shrink:0}.category-pills{display:none}@media (max-width:920px){.category-pills{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -1.5rem;padding:.5rem 1.5rem;scroll-snap-type:x proximity}.category-pills::-webkit-scrollbar{display:none}.category-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all .15s;flex-shrink:0;scroll-snap-align:start;font-family:inherit;-webkit-tap-highlight-color:transparent}.category-pill:active{transform:scale(.95)}.category-pill.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.category-pill-icon{display:inline-flex;font-size:.9rem}.category-pill-count{font-size:.7rem;opacity:.7;font-weight:500}}@media (max-width:720px){.mobile-carousel{display:flex;gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -1.5rem;padding:.5rem 1.5rem}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel>*{scroll-snap-align:start;flex-shrink:0;width:80vw;max-width:300px}}@media (hover:none){.blindtest-card:active,.fs-feature:active,.fs-side-card:active,.game-card:active,.preview-card:active{transform:scale(.97)!important;transition-duration:.08s!important}.btn:active:not(:disabled){transform:scale(.95)!important;transition-duration:.06s!important}.mobile-nav-link:active,.user-menu-item:active{background:var(--accent-soft)!important;transition-duration:.06s!important}}@media (max-width:900px){.page-transition{will-change:opacity}.page-enter{animation:page-fade-in .2s ease-out forwards}.page-exit{animation:page-fade-out .12s ease-in forwards}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@keyframes page-fade-out{0%{opacity:1}to{opacity:.7}}}.ptr-indicator{display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--accent);font-size:1.2rem}.ptr-spinner{width:20px;height:20px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:ptr-spin .6s linear infinite}@keyframes ptr-spin{to{transform:rotate(1turn)}}.ptr-arrow{transition:transform .2s;font-weight:700}.ptr-arrow.is-ready{transform:rotate(180deg);color:var(--accent)}.bottom-sheet-scroll,.mobile-nav{overscroll-behavior:contain}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-sheet{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}}@media (max-width:720px){.fs-side{display:flex;flex-direction:row;gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:.5rem;margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem}.fs-side::-webkit-scrollbar{display:none}.fs-side-card{flex-shrink:0;width:240px;scroll-snap-align:start}}.fab{display:none}@media (max-width:900px){.fab{display:flex;position:fixed;bottom:calc(5rem + env(safe-area-inset-bottom, 0px) + .75rem);right:1rem;z-index:700;width:52px;height:52px;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:none;border-radius:50%;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 40%,transparent);cursor:pointer;transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.fab:active{transform:scale(.9)}.fab:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 55%,transparent)}}@media (max-width:720px){.site-main{padding-left:1rem;padding-right:1rem;padding-top:1rem}h1{font-size:1.4rem;line-height:1.2}h2{font-size:1.1rem;line-height:1.25}.container{padding-left:1rem;padding-right:1rem}.hero-slider{border-radius:var(--radius-lg);min-height:auto}.hero-slide{padding:1.25rem 1rem;min-height:auto}.hero-slide-content{gap:.5rem}.hero-slide-title{font-size:1.3rem!important;line-height:1.2}.hero-slide-description{font-size:.82rem;line-height:1.4;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.hero-slide-eyebrow{font-size:.65rem}.hero-slide-cta{gap:.5rem}.hero-slide-cta .btn{font-size:.8rem;height:34px;padding:0 .75rem}.hero-slide-visual{display:none}.hero-slide{grid-template-columns:1fr}.pc{padding:.85rem 1rem}.pc h2{font-size:.9rem}.pc-desc{font-size:.75rem}.pc-desc,.pc-list{margin-bottom:.5rem}.pc-list{gap:.3rem}.pc-list li{font-size:.72rem}.pc-btn{height:34px;font-size:.8rem}.pc-icon{width:32px;height:32px}.pc-row{margin-bottom:.5rem;gap:.5rem}.hub-top{gap:.6rem;margin:.5rem 0 1rem}.fs-section{margin:1rem 0}.fs-header{margin-bottom:.6rem;gap:.4rem}.fs-titles h2{font-size:1.05rem}.fs-desc{font-size:.8rem;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.fs-actions .btn{font-size:.75rem;height:30px;padding:0 .6rem}.fs-feature{aspect-ratio:16/9;border-radius:var(--radius-lg)}.fs-feature-info{padding:.75rem 1rem}.fs-feature-info h3{font-size:1.1rem}.fs-feature-eyebrow{font-size:.6rem}.fs-feature-cta,.fs-feature-subtitle{font-size:.75rem}.fs-feature-cta{padding:4px 10px}.fs-side-card{grid-template-columns:44px 1fr;gap:.5rem;padding:.4rem .5rem;width:200px}.fs-side-cover{width:44px;height:44px}.fs-side-info strong{font-size:.78rem}.preview-section{margin:1rem 0;padding:.85rem}.preview-header h2{font-size:1.05rem}.preview-card{padding:1rem .75rem}.preview-card h3{font-size:.9rem}.preview-card p{margin-bottom:.5rem}.preview-card p,.preview-link{font-size:.78rem}.global-stats-bar{padding:.6rem .75rem;gap:.5rem;margin:.75rem 0}.global-stats-bar .stat-value{font-size:.9rem}.global-stats-bar .stat-label{font-size:.65rem}}@media (max-width:380px){.hero-slide-title{font-size:1.1rem!important}.hero-slide-description{font-size:.75rem;-webkit-line-clamp:2}.pc-list{display:none}.fs-feature-info h3{font-size:.95rem}.bottom-nav-label{font-size:.6rem}}@media (max-width:720px){.row-track{gap:.6rem;padding:.15rem .25rem .5rem}.row-track .game-card .game-cover{aspect-ratio:16/9}.row-track .game-card .game-body{padding:.6rem .75rem .75rem}.row-track .game-card .game-title{font-size:.85rem}.row-track .game-card .game-desc{font-size:.72rem;-webkit-line-clamp:1}.row-track .game-card .game-meta{font-size:.68rem}.bt-carousel-track{gap:.6rem}.section-header{margin-bottom:.75rem}.section-header h2{font-size:1.1rem}.row-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.row-grid .game-card .game-body{padding:.5rem .6rem}.row-grid .game-card .game-title{font-size:.8rem}.row-grid .game-card .game-desc{display:none}.row-grid .game-card .game-meta{font-size:.68rem}}@media (hover:none){html{scroll-behavior:smooth}html.page-transitioning{scroll-behavior:auto}}.bottom-sheet-overlay,.mobile-drawer{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion:no-preference) and (hover:none){.skeleton-pulse{animation-duration:1.2s}}.pf-mobile-tabs{display:none}.pf-desktop-sections{display:block}@media (max-width:720px){.pf-mobile-tabs{display:block;margin-top:1rem}.pf-desktop-sections{display:none}.pf-tab-content{padding:.75rem 0;min-height:200px}}@media (max-width:900px){.bottom-nav-badge{position:absolute;top:6px;right:calc(50% - 14px);width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-elev)}}.category-pills-always{display:flex!important;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.5rem 0;margin-bottom:.75rem;scroll-snap-type:x proximity}.category-pills-always::-webkit-scrollbar{display:none}.category-pills-always .category-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .8rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all .15s;flex-shrink:0;scroll-snap-align:start;font-family:inherit;-webkit-tap-highlight-color:transparent}.category-pills-always .category-pill:active{transform:scale(.95)}.category-pills-always .category-pill.is-active{background:var(--accent);border-color:var(--accent);color:#fff}@media (max-width:900px){.header-inner{gap:.65rem;min-height:56px;padding-block:.55rem}.auth-actions{gap:.35rem}.burger-btn,.notif-badge-btn,.premium-link,.theme-toggle,.user-chip{min-width:44px;min-height:44px}.burger-btn{border-radius:14px}.mobile-drawer.open{touch-action:none}.mobile-nav{width:min(92vw,380px);padding:calc(4.25rem + env(safe-area-inset-top, 0px)) 1rem calc(6.25rem + env(safe-area-inset-bottom, 0px))}.mobile-nav-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:.75rem}.mobile-nav-shortcut{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.7rem .75rem;border:1px solid var(--border);border-radius:14px;background:var(--bg-subtle);color:var(--text);font-weight:750;font-size:.9rem;text-align:center}.mobile-nav-shortcut-premium{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}.mobile-nav-link{min-height:46px;display:flex;align-items:center;padding-block:.75rem}.mobile-nav-link.active{box-shadow:inset 3px 0 0 var(--accent)}.bottom-nav{min-height:calc(66px + env(safe-area-inset-bottom, 0px))}.bottom-nav-item{min-height:58px;-webkit-tap-highlight-color:transparent}.bottom-nav-icon svg{width:23px;height:23px}.bottom-nav-item.is-center .bottom-nav-icon{width:36px;height:30px;border-radius:999px;background:var(--accent-soft)}}@media (max-width:720px){.container,.container-wide,.site-main{max-width:100%}.btn,[role=button],button,input,select,textarea{touch-action:manipulation}.btn{min-height:44px}.btn-sm{min-height:38px}.footer-links{gap:.6rem 1rem}.footer-links a{padding:.35rem 0}.bt-card,.btd-card,.community-layout,.create-layout,.game-card,.mp-card,.mp-layout,.profile-grid,.saved-track-row,.saved-tracks-layout,.settings-card,.settings-grid{min-width:0}}@media (max-width:420px){.mobile-nav{width:min(94vw,380px);border-left:1px solid var(--border);border-radius:18px 0 0 18px}.mobile-nav-shortcuts{grid-template-columns:1fr}.premium-link{display:none}.bottom-nav-label{max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:900px){.mobile-nav-topbar{position:sticky;top:calc(-4.25rem - env(safe-area-inset-top, 0px));z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:calc(-4.25rem - env(safe-area-inset-top, 0px)) -1rem .85rem;padding:calc(.65rem + env(safe-area-inset-top, 0px)) .85rem .65rem;background:color-mix(in srgb,var(--bg-elev) 96%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(14px) saturate(1.35);-webkit-backdrop-filter:blur(14px) saturate(1.35)}.mobile-nav-title{font-size:.82rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.mobile-nav-close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:14px;background:var(--bg-subtle);color:var(--text);font-size:1.65rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-nav-close:active{transform:scale(.96)}.mobile-drawer.open:before{content:"Toucher ici pour fermer";position:fixed;left:.8rem;bottom:calc(5.25rem + env(safe-area-inset-bottom, 0px));max-width:38vw;padding:.45rem .6rem;border:1px solid hsla(0,0%,100%,.18);border-radius:999px;background:rgba(0,0,0,.36);color:#fff;font-size:.72rem;font-weight:700;pointer-events:none}@media (max-width:420px){.mobile-drawer.open:before{display:none}}}@media (max-width:720px){.bt-hero-actions,.btd-actions,.bulk-actions,.community-hero-cta,.create-summary-actions,.entries-actions,.game-secondary-actions,.mp-hero-actions,.settings-actions{gap:.6rem}.bt-hero-actions .btn,.btd-actions .btn,.community-hero-cta .btn,.game-secondary-actions .btn,.mp-hero-actions .btn{flex:1 1 auto}.bt-cat-strip,.category-pills-always,.mp-tabs,.profile-tabs,.sort-tabs{scroll-padding-inline:1rem}.cmdk-modal,.modal,.share-modal{max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))}}.mh{display:none}.desktop-home{display:block}@media (max-width:720px){.mh{display:block}.desktop-home{display:none}}.mh-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0 1rem}.mh-hello{font-size:1.5rem;font-weight:800;letter-spacing:-.6px;margin:0;line-height:1.15}.mh-subtitle{margin:.15rem 0 0;font-size:.82rem;color:var(--text-dim);font-weight:500}.mh-hero-card{position:relative;display:block;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:1.8/1;margin-bottom:1rem;text-decoration:none;color:#fff;-webkit-tap-highlight-color:transparent;box-shadow:0 8px 24px -8px rgba(0,0,0,.4)}.mh-hero-card:active{transform:scale(.98);transition:transform .1s}.mh-hero-bg{position:absolute;inset:0}.mh-hero-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mh-hero-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.3) 40%,rgba(0,0,0,.82))}.mh-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:1rem 1.1rem;gap:.15rem}.mh-hero-badge{display:inline-flex;align-items:center;gap:.2rem;align-self:flex-start;padding:.2rem .55rem;background:hsla(0,0%,100%,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.2);color:#fff;border-radius:var(--radius-full);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.mh-hero-title{font-size:1.25rem;font-weight:800;letter-spacing:-.4px;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,.4)}.mh-hero-meta{font-size:.72rem;opacity:.8;font-weight:500}.mh-hero-cta{display:inline-flex;align-items:center;gap:.3rem;align-self:flex-start;margin-top:.4rem;padding:.4rem .85rem;background:var(--accent);color:#fff;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent)}.mh-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:1.5rem}.mh-action{display:flex;align-items:center;gap:.55rem;padding:.7rem .75rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);-webkit-tap-highlight-color:transparent;transition:transform .12s}.mh-action:active{transform:scale(.96)}.mh-action-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0}.mh-action-orange{background:var(--accent-soft);color:var(--accent)}.mh-action-green{background:var(--success-soft);color:var(--success)}.mh-action-red{background:var(--danger-soft);color:var(--danger)}.mh-action-purple{background:rgba(139,92,246,.12);color:#8b5cf6}.mh-action-label{font-size:.8rem;font-weight:600;line-height:1.2}.mh-section{margin-bottom:1.5rem}.mh-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.mh-section-header h2{font-size:1.05rem;font-weight:700;margin:0;letter-spacing:-.3px}.mh-see-all{display:inline-flex;align-items:center;gap:.1rem;font-size:.75rem;font-weight:600;color:var(--text-dim);text-decoration:none}.mh-carousel{display:flex;gap:.6rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -1rem;padding:0 1rem .25rem}.mh-carousel::-webkit-scrollbar{display:none}.mh-card{display:flex;flex-direction:column;gap:.3rem;flex-shrink:0;width:130px;text-decoration:none;color:var(--text);scroll-snap-align:start;-webkit-tap-highlight-color:transparent}.mh-card:active .mh-card-cover{transform:scale(.96)}.mh-card-cover{width:130px;height:130px;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-subtle);transition:transform .12s;box-shadow:0 2px 8px rgba(0,0,0,.12)}.mh-card-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--accent);background:linear-gradient(135deg,var(--bg-subtle),var(--bg-elev))}.mh-card-title{font-size:.78rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mh-card-sub{font-size:.65rem;color:var(--text-muted);font-weight:500}.mh-card-wide{width:170px}.mh-card-cover-wide{width:170px;height:95px;border-radius:var(--radius)}.mh-premium{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;margin-bottom:1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--bg-elev)) 0,var(--bg-elev) 100%);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:var(--radius-lg);text-decoration:none;color:var(--text);-webkit-tap-highlight-color:transparent}.mh-premium:active{transform:scale(.98);transition:transform .1s}.mh-premium-left{display:flex;align-items:center;gap:.65rem}.mh-premium-left svg{color:var(--accent);flex-shrink:0}.mh-premium-left div{display:flex;flex-direction:column;gap:1px}.mh-premium-left strong{font-size:.85rem;font-weight:700}.mh-premium-left span{font-size:.72rem;color:var(--text-dim)}.mh-premium>svg{color:var(--text-muted);flex-shrink:0}.mh-explore{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.mh-explore-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;text-decoration:none;color:var(--text);font-size:.88rem;font-weight:500;border-bottom:1px solid var(--border);-webkit-tap-highlight-color:transparent;transition:background .12s}.mh-explore-item:last-child{border-bottom:none}.mh-explore-item:active{background:var(--bg-subtle)}.mh-explore-item svg:first-child{color:var(--accent);flex-shrink:0}.mh-explore-item span{flex:1}.mh-explore-arrow{color:var(--text-muted)}.mh-card-skeleton{flex-shrink:0;width:130px}.mh-card-skeleton-cover{width:130px;height:130px;border-radius:var(--radius-lg);background:var(--bg-subtle);animation:mh-pulse 1.5s ease-in-out infinite}.mh-card-skeleton-title{margin-top:.4rem;width:90px;height:10px;border-radius:4px;background:var(--bg-subtle);animation:mh-pulse 1.5s ease-in-out .1s infinite}.mh-card-skeleton-sub{margin-top:.25rem;width:60px;height:8px;border-radius:4px;background:var(--bg-subtle);animation:mh-pulse 1.5s ease-in-out .2s infinite}@keyframes mh-pulse{0%,to{opacity:1}50%{opacity:.4}}.mh-streak-toast{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;margin-bottom:.75rem;background:color-mix(in srgb,var(--accent) 10%,var(--bg-elev));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:var(--radius-full);font-size:.75rem;color:var(--accent);animation:mh-streak-in .4s cubic-bezier(.32,.72,0,1)}@keyframes mh-streak-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.bt-hero{grid-template-columns:1fr;padding:1rem;gap:1rem;text-align:center}.bt-hero,.bt-hero-cover{border-radius:var(--radius-lg)}.bt-hero-cover{width:140px;height:140px;margin:0 auto;aspect-ratio:1}.bt-hero-bg-glow{display:none}.bt-hero-info{align-items:center;gap:.75rem}.bt-hero-info h1{font-size:1.3rem;line-height:1.2}.bt-hero-desc{font-size:.82rem;line-height:1.4;max-width:300px}.bt-hero-meta{justify-content:center}.bt-difficulty-selector{width:100%}.bt-difficulty-buttons{display:flex;gap:.4rem;justify-content:center}.bt-difficulty-btn{flex:1;padding:.5rem .6rem;font-size:.78rem}.bt-hero-actions{width:100%;flex-direction:column;gap:.5rem}.bt-hero-actions .btn{width:100%;justify-content:center}.bt-hero-quick-stats{gap:1.5rem}.bt-hero-quick-stats .stat strong{font-size:1.1rem}.bt-hero-quick-stats .stat span{font-size:.7rem}.bt-breadcrumb{font-size:.78rem;margin-bottom:.75rem}.bt-section{margin-top:1.5rem}.bt-section-header h2{font-size:1.1rem}.bt-related-grid{display:flex;gap:.6rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -1rem;padding:0 1rem}.bt-related-grid::-webkit-scrollbar{display:none}.bt-related-card{flex-shrink:0;width:150px;scroll-snap-align:start}.bt-related-cover{height:150px}.bt-related-body strong{font-size:.78rem}.bt-leaderboard li{padding:.6rem .5rem;font-size:.82rem}.bt-choices{grid-template-columns:1fr 1fr;gap:.4rem;max-width:100%}.bt-choice-btn{padding:.65rem .6rem;font-size:.8rem;font-weight:600;border-radius:var(--radius);border-width:1.5px;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25;word-break:break-word;hyphens:auto;-webkit-tap-highlight-color:transparent;transition:transform .1s,border-color .2s,background .2s,box-shadow .2s}.bt-choice-btn:active:not(:disabled){transform:scale(.96)}.bt-choice-btn.is-correct{box-shadow:0 0 16px rgba(34,197,94,.35)!important}.bt-choice-btn.is-wrong{box-shadow:0 0 12px rgba(239,68,68,.25)!important}.bt-game-header{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.bt-score-live{font-size:1.1rem}.bt-streak{font-size:.72rem;padding:.25rem .6rem}.bt-player-wrap{margin-bottom:.75rem}.bt-player-cover{border-radius:var(--radius-lg)}.bt-timer{margin:.5rem 0;height:6px;border-radius:3px}.bt-timer-label{font-size:.85rem;font-weight:700}.bt-input-wrap{margin-bottom:.5rem}.bt-input{font-size:16px;padding:.85rem 1rem;border-radius:var(--radius-lg)}.bt-form-actions{gap:.5rem}.bt-form-actions .btn{flex:1}.play-progress{margin-bottom:.75rem}.bt-reveal-block{padding:.75rem;border-radius:var(--radius-lg)}.bt-points-popup{font-size:1.5rem}.bt-replay-btn{font-size:.78rem;padding:.4rem .75rem}.bt-progress-chips{gap:.4rem;margin:.5rem 0}.bt-chip{font-size:.75rem;padding:.3rem .6rem}.bt-card{padding:1.25rem;border-radius:var(--radius-lg)}.bt-card h1{font-size:1.3rem}.bt-option-pills{gap:.4rem}.bt-pill{padding:.4rem .75rem;font-size:.75rem}.bt-card-center{padding:1.5rem 1rem}.bt-animated-score{font-size:2.5rem}.bt-verdict{font-size:1rem}.bt-actions{flex-direction:column;gap:.5rem;width:100%}.bt-actions .btn{width:100%;justify-content:center}.bt-recap-item{padding:.6rem .5rem;gap:.5rem}.bt-recap-art{width:36px;height:36px;border-radius:var(--radius-sm)}.bt-recap-info strong{font-size:.82rem}.bt-recap-info .muted{font-size:.72rem}.bt-mini-leaderboard{margin-top:1rem;padding:.75rem}}@media (max-width:380px){.bt-hero-cover{width:110px;height:110px}.bt-hero-info h1{font-size:1.1rem}.bt-choice-btn{padding:.85rem;font-size:.85rem;min-height:48px}.bt-animated-score{font-size:2rem}}.dw-trigger{position:fixed;bottom:1.25rem;right:1.25rem;z-index:600;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#5865f2;color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 16px rgba(88,101,242,.4);transition:transform .2s,box-shadow .2s,background .2s;-webkit-tap-highlight-color:transparent;text-decoration:none}.dw-trigger:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(88,101,242,.55)}.dw-trigger:active{transform:scale(.94)}.dw-trigger.is-open{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.dw-trigger-dot{position:absolute;top:6px;right:6px;width:10px;height:10px;background:#22c55e;border-radius:50%;border:2.5px solid #5865f2}@media (max-width:900px){.dw-trigger{bottom:calc(5rem + env(safe-area-inset-bottom, 0px) + .75rem);right:1rem;width:44px;height:44px}.dw-trigger-dot{border-color:#5865f2}}.dw-panel{position:fixed;bottom:5rem;right:1.25rem;z-index:601;width:320px;max-height:420px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:dw-slide-up .25s cubic-bezier(.32,.72,0,1)}@keyframes dw-slide-up{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:900px){.dw-panel{bottom:calc(5rem + env(safe-area-inset-bottom, 0px) + 4rem);right:1rem;left:1rem;width:auto;max-height:50vh}}.dw-panel-header{display:flex;align-items:center;gap:.6rem;padding:.75rem .85rem;border-bottom:1px solid var(--border);flex-shrink:0}.dw-panel-header-info{display:flex;flex-direction:column;gap:0;flex:1;min-width:0}.dw-panel-header-info strong{font-size:.85rem;font-weight:700}.dw-online{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;color:var(--text-dim)}.dw-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;flex-shrink:0}.dw-join{padding:.35rem .7rem;background:#5865f2;color:#fff;border-radius:var(--radius-sm);font-size:.72rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s;flex-shrink:0}.dw-join:hover{background:#4752c4}.dw-panel-body{overflow-y:auto;flex:1;padding:.4rem 0;-webkit-overflow-scrolling:touch}.dw-section{padding:.25rem .75rem}.dw-section-title{display:block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);margin:.4rem 0 .25rem;padding:0 .1rem}.dw-channel{display:flex;align-items:center;gap:.35rem;padding:.3rem .35rem;border-radius:var(--radius-xs);font-size:.78rem;font-weight:500;color:var(--text-secondary)}.dw-channel-hash{color:var(--text-muted);font-weight:700;font-size:.85rem;width:16px;text-align:center;flex-shrink:0}.dw-member{display:flex;align-items:center;gap:.5rem;padding:.3rem .35rem;border-radius:var(--radius-xs)}.dw-avatar-wrap{position:relative;width:26px;height:26px;flex-shrink:0}.dw-avatar{width:26px;height:26px;border-radius:50%;background:var(--bg-subtle)}.dw-status{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;border:2px solid var(--bg-elev)}.dw-status-online{background:#22c55e}.dw-status-idle{background:#f59e0b}.dw-status-dnd{background:#ef4444}.dw-member-text{display:flex;flex-direction:column;min-width:0}.dw-member-name{font-size:.78rem;font-weight:500;color:var(--text)}.dw-member-game,.dw-member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dw-member-game{font-size:.62rem;color:var(--text-muted)}.dw-backdrop{display:none}@media (max-width:900px){.dw-backdrop{display:block;position:fixed;inset:0;z-index:599;background:rgba(0,0,0,.3);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}body:has(.versus-fullscreen) .dw-panel,body:has(.versus-fullscreen) .dw-trigger{display:none!important}.tournois-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.25rem 0 .5rem}.tournois-stats{display:flex;align-items:center;gap:1.25rem}.tournois-stat-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-secondary);white-space:nowrap}.tournois-stat-item svg{color:var(--accent);flex-shrink:0}.tournois-stat-item strong{font-weight:700;color:var(--text)}.tournois-search-input-wrap{position:relative;display:flex;align-items:center;width:260px;flex-shrink:0}.tournois-search-icon{position:absolute;left:.75rem;color:var(--text-muted);pointer-events:none;flex-shrink:0}.tournois-search-input{width:100%;height:34px;padding:0 2.2rem 0 2.4rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.82rem;color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s,width .2s}.tournois-search-input::-moz-placeholder{color:var(--text-muted)}.tournois-search-input::placeholder{color:var(--text-muted)}.tournois-search-input:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.tournois-search-clear{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--bg-subtle);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.tournois-search-clear:hover{background:var(--danger-soft);color:var(--danger)}.tournois-result-count{font-size:.85rem;font-weight:500;color:var(--text-dim)}.carousel-skeleton-card{display:flex;flex-direction:column;height:100%;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.carousel-skeleton-cover{aspect-ratio:16/10;background:linear-gradient(110deg,var(--bg-subtle) 25%,var(--bg-elev) 37%,var(--bg-subtle) 63%);background-size:200% 100%;animation:skeletonShimmer 1.4s ease-in-out infinite}.carousel-skeleton-body{padding:.85rem .9rem;display:flex;flex-direction:column;gap:.5rem}.carousel-skeleton-body .skeleton-line{height:.75rem;border-radius:4px;background:linear-gradient(110deg,var(--bg-subtle) 25%,var(--bg-elev) 37%,var(--bg-subtle) 63%);background-size:200% 100%;animation:skeletonShimmer 1.4s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:920px){.tournois-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.tournois-stats{gap:.85rem;overflow-x:auto;scrollbar-width:none}.tournois-stats::-webkit-scrollbar{display:none}.tournois-search-input-wrap{width:100%}}@media (max-width:480px){.tournois-toolbar{margin:.75rem 0 .25rem}.tournois-stat-item{font-size:.75rem}}.in-progress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.in-progress-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elev);border:1px solid var(--border);transition:border-color .15s,box-shadow .15s,transform .15s}.in-progress-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.in-progress-link{display:flex;align-items:center;gap:.75rem;padding:.5rem;text-decoration:none;color:inherit}.in-progress-cover{width:52px;height:52px;border-radius:var(--radius);overflow:hidden;flex-shrink:0;background:var(--bg-subtle)}.in-progress-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.in-progress-info{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}.in-progress-title{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.in-progress-action{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:var(--accent)}.in-progress-remove{position:absolute;top:.4rem;right:.4rem;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--bg-elev);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .15s,transform .15s,background .15s,color .15s,border-color .15s;font-family:inherit}.in-progress-card:hover .in-progress-remove{opacity:1;transform:scale(1)}.in-progress-remove:hover{background:var(--danger-soft);border-color:rgba(239,68,68,.3);color:var(--danger)}@media (max-width:600px){.in-progress-grid{grid-template-columns:1fr}}.playlist-meta{margin:1.5rem 0;flex-direction:column}.playlist-meta,.playlist-meta-row{display:flex;gap:.75rem}.playlist-input{width:100%;height:var(--h-input);padding:0 .85rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;color:var(--text);outline:none;transition:border-color .18s}.playlist-input:focus{border-color:var(--accent)}.playlist-input-title{font-weight:600;font-size:1rem}.playlist-cover-preview{width:80px;height:80px;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover}.playlist-search-section{margin:1.5rem 0}.playlist-search-section h2{font-size:1.1rem;margin:0 0 .75rem}.playlist-search-wrap{position:relative;display:flex;align-items:center}.playlist-search-icon{position:absolute;left:.75rem;color:var(--text-muted);pointer-events:none}.playlist-search-input{padding-left:2.25rem;padding-right:2.25rem}.playlist-search-clear{position:absolute;right:.6rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--bg-subtle);border-radius:50%;color:var(--text-secondary);cursor:pointer}.playlist-results{margin-top:.75rem;display:flex;flex-direction:column;gap:2px;max-height:500px;overflow-y:auto}.playlist-artist-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s;text-align:left}.playlist-artist-btn:hover{border-color:var(--accent)}.playlist-artist-btn.is-expanded{border-color:var(--accent);border-bottom-left-radius:0;border-bottom-right-radius:0}.playlist-artist-img{width:40px;height:40px;border-radius:var(--radius-xs);-o-object-fit:cover;object-fit:cover}.playlist-artist-info{display:flex;flex-direction:column;gap:2px;min-width:0}.playlist-artist-info strong{font-size:.88rem}.playlist-artist-tracks{border:1px solid var(--accent);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--bg);padding:.5rem}.playlist-add-all{margin-bottom:.5rem}.playlist-track-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px;max-height:300px;overflow-y:auto}.playlist-track-item{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem;border-radius:var(--radius-xs);transition:background .1s}.playlist-track-item:hover{background:var(--bg-subtle)}.playlist-track-play{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-elev);border-radius:50%;cursor:pointer;font-size:.7rem;flex-shrink:0}.playlist-track-title{flex:1;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.playlist-track-info strong{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-track-art{width:32px;height:32px;border-radius:var(--radius-xs);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.playlist-track-add{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:var(--accent-soft);color:var(--accent);border-radius:50%;cursor:pointer;flex-shrink:0;transition:background .15s}.playlist-track-add:hover{background:var(--accent);color:#fff}.playlist-selected{margin:2rem 0}.playlist-selected h2{font-size:1.1rem;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.playlist-selected-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;max-height:600px;overflow-y:auto}.playlist-selected-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--bg-elev);border-radius:var(--radius-xs)}.playlist-selected-num{font-size:.72rem;font-weight:700;color:var(--text-muted);width:24px;text-align:center;flex-shrink:0}.playlist-selected-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.playlist-selected-info strong{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-selected-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);border-radius:50%;cursor:pointer;flex-shrink:0;transition:color .15s,background .15s}.playlist-selected-remove:hover{background:var(--danger-soft);color:var(--danger)}.playlist-actions{display:flex;gap:.75rem;margin-top:1rem}.saved-tracks-page{max-width:700px;margin:0 auto;padding:2rem 0}.saved-tracks-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.saved-tracks-header h1{font-size:1.5rem;margin:0}.saved-tracks-header p{margin:0}.saved-tracks-list{display:flex;flex-direction:column;gap:.5rem}.saved-track-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border);transition:border-color .2s,background .2s}.saved-track-item:hover{border-color:var(--accent);background:var(--bg-card)}.saved-track-art{-o-object-fit:cover;object-fit:cover}.saved-track-art,.saved-track-art-placeholder{border-radius:var(--radius-xs);flex-shrink:0;width:48px;height:48px}.saved-track-art-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);color:var(--text-muted)}.saved-track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.saved-track-info strong{font-size:.9rem}.saved-track-info .muted,.saved-track-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-track-info .muted{font-size:.8rem}.saved-track-remove{flex-shrink:0;color:var(--text-muted);transition:color .2s}.saved-track-remove:hover{color:var(--danger)}.saved-track-source{flex-shrink:0}.saved-track-platforms{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.saved-track-platform-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-muted);transition:background .2s,color .2s,transform .15s}.saved-track-platform-btn:hover{background:var(--bg-card);transform:scale(1.1)}.saved-track-platform-btn:first-child:hover{color:#1db954}.saved-track-platform-btn:nth-child(2):hover{color:#a238ff}.saved-track-platform-btn:nth-child(3):hover{color:#fc3c44}.saved-tracks-groups{display:flex;flex-direction:column;gap:1.5rem}.saved-tracks-group-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.saved-tracks-group-title{font-size:1rem;font-weight:600;margin:0}.saved-tracks-group-title a{color:var(--accent);text-decoration:none}.saved-tracks-group-title a:hover{text-decoration:underline}.saved-tracks-group-count{font-size:.78rem;color:var(--text-muted)}.saved-track-date{font-size:.72rem;white-space:nowrap;flex-shrink:0}.frame-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.5rem;margin-top:.75rem}.frame-picker-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .25rem;border-radius:var(--radius);border:2px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.frame-picker-item:hover:not(:disabled){background:var(--bg-subtle)}.frame-picker-item.is-selected{border-color:var(--accent);background:var(--accent-soft)}.frame-picker-item.is-locked{opacity:.4;cursor:not-allowed}.frame-picker-item.is-locked:hover{opacity:.55}.frame-picker-preview{position:relative;display:flex;align-items:center;justify-content:center}.frame-picker-preview,.frame-picker-preview img{width:56px;height:56px}.frame-picker-none{border:2px dashed var(--border);border-radius:50%;color:var(--text-muted);font-size:1.2rem}.frame-picker-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border-radius:50%;color:#fff}.frame-picker-label{font-size:.68rem;font-weight:600;color:var(--text-secondary);text-align:center;line-height:1.2}.frame-picker-label small{display:block;font-size:.6rem;color:var(--text-muted);font-weight:500}.frame-picker-item.is-selected .frame-picker-label{color:var(--accent)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-px{bottom:-1px}.-right-px{right:-1px}.bottom-1\.5{bottom:.375rem}.left-0{left:0}.left-1\.5{left:.375rem}.left-4{left:1rem}.right-0{right:0}.right-1\.5{right:.375rem}.right-3\.5{right:.875rem}.right-\[0\.65rem\]{right:.65rem}.top-1\.5{top:.375rem}.top-3\.5{top:.875rem}.top-\[calc\(100\%\+6px\)\]{top:calc(100% + 6px)}.z-\[1\]{z-index:1}.z-\[5\]{z-index:5}.z-\[9000\]{z-index:9000}.m-0{margin:0}.-ml-2{margin-left:-.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-10{height:2.5rem}.h-12{height:3rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[26px\]{height:26px}.h-\[30\%\]{height:30%}.h-full{height:100%}.h-input{height:var(--h-input)}.min-h-\[8px\]{min-height:8px}.w-10{width:2.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[26px\]{width:26px}.w-\[30\%\]{width:30%}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[8px\]{min-width:8px}.max-w-\[420px\]{max-width:420px}.max-w-\[480px\]{max-width:480px}.max-w-\[640px\]{max-width:640px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-rotate-180{--tw-rotate:-180deg}.-rotate-180,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.scale-50,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .22s cubic-bezier(.32,.72,0,1)}@keyframes onlinePulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.animate-online-pulse{animation:onlinePulse 2s ease-out infinite}@keyframes popIn{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-pop-in{animation:popIn .36s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideDown .18s cubic-bezier(.32,.72,0,1)}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-\[repeat\(auto-fit\2c minmax\(170px\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\[0\.2rem\]{gap:.2rem}.gap-\[0\.3rem\]{gap:.3rem}.gap-\[1px\]{gap:1px}.gap-\[2px\]{gap:2px}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-accent{border-color:var(--accent)}.border-bg-elev{border-color:var(--bg-elev)}.border-border{border-color:var(--border)}.bg-\[color-mix\(in_srgb\2c \#60a5fa_12\%\2c transparent\)\]{background-color:color-mix(in srgb,#60a5fa 12%,transparent)}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-bg{background-color:var(--bg)}.bg-bg-elev{background-color:var(--bg-elev)}.bg-black\/55{background-color:rgba(0,0,0,.55)}.bg-black\/65{background-color:rgba(0,0,0,.65)}.bg-black\/\[0\.78\]{background-color:rgba(0,0,0,.78)}.bg-danger-soft{background-color:var(--danger-soft)}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-\[var\(--bg\)\]{--tw-gradient-from:var(--bg) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[var\(--bg-elev\)\]{--tw-gradient-to:var(--bg-elev) var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-\[0\.4rem\]{padding:.4rem}.p-\[1\.5rem_1\.5rem_1\.25rem\]{padding:1.5rem 1.5rem 1.25rem}.p-\[2rem_1\.75rem_1\.5rem\]{padding:2rem 1.75rem 1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[0\.55rem\]{padding-left:.55rem;padding-right:.55rem}.px-\[5px\]{padding-left:5px;padding-right:5px}.px-\[7px\]{padding-left:7px;padding-right:7px}.px-\[9px\]{padding-left:9px;padding-right:9px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[0\.45rem\]{padding-top:.45rem;padding-bottom:.45rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.pb-\[0\.55rem\]{padding-bottom:.55rem}.pl-\[2\.85rem\]{padding-left:2.85rem}.pr-10{padding-right:2.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[0\.58rem\]{font-size:.58rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.66rem\]{font-size:.66rem}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.74rem\]{font-size:.74rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.88rem\]{font-size:.88rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.92rem\]{font-size:.92rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.15rem\]{font-size:1.15rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.4rem\]{font-size:1.4rem}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.1\]{line-height:1.1}.leading-\[1\.2\]{line-height:1.2}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\[0\.5px\]{letter-spacing:.5px}.tracking-\[1\.5px\]{letter-spacing:1.5px}.tracking-\[1px\]{letter-spacing:1px}.tracking-tight{letter-spacing:-.025em}.text-\[\#60a5fa\]{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-inherit{color:inherit}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-text{color:var(--text)}.text-text-dim{color:var(--text-dim)}.text-text-secondary{color:var(--text-secondary)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-\[0_0_0_2px_var\(--accent-soft\)\]{--tw-shadow:0 0 0 2px var(--accent-soft);--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color)}.shadow-\[0_0_0_2px_var\(--accent-soft\)\],.shadow-\[0_0_12px_var\(--accent-soft-strong\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_var\(--accent-soft-strong\)\]{--tw-shadow:0 0 12px var(--accent-soft-strong);--tw-shadow-colored:0 0 12px var(--tw-shadow-color)}.shadow-\[0_16px_40px_-12px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{--tw-shadow:0 16px 40px -12px rgba(0,0,0,.35);--tw-shadow-colored:0 16px 40px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_60px_-20px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 24px 60px -20px rgba(0,0,0,.5);--tw-shadow-colored:0 24px 60px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_64px_-16px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 24px 64px -16px rgba(0,0,0,.5);--tw-shadow-colored:0 24px 64px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px)}.backdrop-blur-\[4px\],.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background\2c color\]{transition-property:background,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\2c background\]{transition-property:border-color,background;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\2c box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\2c transform\2c background\]{transition-property:border-color,transform,background;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\2c opacity\]{transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-\[420ms\]{transition-duration:.42s}.ease-\[cubic-bezier\(0\.32\2c 0\.72\2c 0\2c 1\)\]{transition-timing-function:cubic-bezier(.32,.72,0,1)}.ease-\[cubic-bezier\(0\.34\2c 1\.56\2c 0\.64\2c 1\)\]{transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}.\[text-shadow\:0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{text-shadow:0 1px 2px rgba(0,0,0,.18)}.hover\:-translate-y-\[2px\]:hover{--tw-translate-y:-2px}.hover\:-translate-y-\[2px\]:hover,.hover\:-translate-y-\[3px\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-\[3px\]:hover{--tw-translate-y:-3px}.hover\:border-accent:hover{border-color:var(--accent)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-accent-soft:hover{background-color:var(--accent-soft)}.hover\:bg-bg:hover{background-color:var(--bg)}.hover\:text-accent:hover{color:var(--accent)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-\[0_12px_32px_-16px_var\(--accent-soft-strong\)\]:hover{--tw-shadow:0 12px 32px -16px var(--accent-soft-strong);--tw-shadow-colored:0 12px 32px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-accent:focus{border-color:var(--accent)}.focus\:shadow-\[0_0_0_4px_var\(--accent-soft\)\]:focus{--tw-shadow:0 0 0 4px var(--accent-soft);--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-\[1\.07\]{--tw-scale-x:1.07;--tw-scale-y:1.07;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{display:none}