:root{color-scheme:dark;--bg:#080809;--surface:#111113;--raised:#1d1d20;--line:#ffffff14;--text:#f4f4f5;--muted:#a1a1aa;--accent:#f0f0f2;--accent-muted:#b9b9c2;--on-accent:#111113;--accent-hover:#fff;--accent-wash:#ffffff06;--edge:#ffffff30;--glow:#ffffff0e;--glow-strong:#ffffff22;--glass:#101012cf;--particle:#fff;--ambient:#ffffff08;--shadow:#0006;--danger:#f3a5ab;--danger-bg:#2d171b;--danger-line:#94535c;--ease:cubic-bezier(.22,1,.36,1)}:root[data-theme=light]{color-scheme:light;--bg:#f4f4f6;--surface:#ffffff;--raised:#eaeaec;--line:#17171d15;--text:#18181b;--muted:#61616b;--accent:#202024;--accent-muted:#666670;--on-accent:#fff;--accent-hover:#000;--accent-wash:#17171d04;--edge:#17171d35;--glow:#18182008;--glow-strong:#18182014;--glass:#ffffffde;--particle:#73737f;--ambient:#7a7a8c0a;--shadow:#2424330a;--danger:#a02b3d;--danger-bg:#fbe8ec;--danger-line:#b65365}*{box-sizing:border-box}html{scroll-behavior:smooth}body{position:relative;isolation:isolate;margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em;font-weight:600}h1{font-size:clamp(2rem,4vw,3.1rem);margin-bottom:20px}h2{font-size:1.5rem;margin-bottom:16px}h3{font-size:1.08rem}small,.muted{color:var(--muted)}.eyebrow{font-size:.68rem;letter-spacing:.09em;font-weight:500;color:var(--muted);display:block;margin-bottom:13px}.site-header{position:relative;z-index:2;max-width:1176px;min-height:82px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:54px;border-bottom:1px solid var(--line)}.brand{font-weight:650;font-size:1.22rem;display:flex;align-items:center;gap:10px;letter-spacing:-.045em;white-space:nowrap}.brand img{border-radius:50%;width:30px;height:30px}.brand small{display:block;font-size:.61rem;letter-spacing:.01em;line-height:1.3;font-weight:400}.site-header nav{display:flex;gap:26px;font-size:.8rem;color:var(--muted);flex:1}.site-header nav a{padding:8px 0;transition:color .18s}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--text)}.account-link{font-size:.75rem;white-space:nowrap;border:1px solid var(--line);padding:7px 12px;border-radius:6px;transition:background .18s}.account-link:hover{background:var(--surface)}main{position:relative;z-index:1;width:calc(100% - 56px);max-width:1120px;min-height:65vh;margin:0 auto;padding-bottom:48px}.hero-copy,.hero-feature,main>.game-grid,main>.page-head,.game-header{animation:enter .7s var(--ease) both}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:center;padding:90px 0 78px}.hero-copy h1{font-size:clamp(2.5rem,4.6vw,3.8rem);line-height:1.09;letter-spacing:-.05em;margin:0 0 22px;font-weight:600}.hero-copy h1 span{color:var(--accent-muted);text-shadow:0 0 36px var(--glow-strong)}.hero-copy>p{color:var(--muted);max-width:395px;font-size:.92rem;margin-bottom:27px}.hero-caption{font-size:.7rem;color:var(--muted);margin-top:16px}.hero-feature{display:block;min-width:0;animation-delay:.12s}.hero-feature .clip-thumb{border:1px solid var(--edge);border-radius:14px;aspect-ratio:16/10;box-shadow:0 0 45px var(--glow),0 20px 70px var(--shadow);transition:box-shadow .5s var(--ease),transform .5s var(--ease)}.hero-feature:hover .clip-thumb{transform:translateY(-4px);box-shadow:0 0 65px var(--glow-strong),0 25px 70px var(--shadow)}.hero-feature .clip-thumb img{opacity:.78}.hero-feature .feature-caption{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:14px;font-size:.8rem}.feature-caption small{display:block;font-size:.7rem;margin-top:2px}.feature-caption>span:last-child{color:var(--muted);font-size:.7rem}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:8px;padding:11px 18px;min-height:44px;font-size:.8rem;font-weight:600;background:var(--accent);color:var(--on-accent);transition:transform .35s var(--ease),background .25s,border-color .25s,box-shadow .35s var(--ease)}.button:hover:not(:disabled){transform:translateY(-2px);background:var(--accent-hover);box-shadow:0 0 24px var(--glow-strong)}.button:active:not(:disabled){transform:translateY(0)}.button.secondary{background:var(--accent-wash);border-color:var(--line);color:var(--text)}.button.secondary:hover{background:var(--raised);border-color:var(--edge)}.button.purple{background:var(--accent);color:var(--on-accent)}.button.small{padding:8px 12px;min-height:36px;font-size:.75rem}.button.danger{background:var(--danger-bg);color:var(--danger)}.text-link{color:var(--text);font-size:.78rem;font-weight:500;border-bottom:1px solid var(--line);padding-bottom:2px;transition:border-color .2s}.text-link:hover{border-color:var(--muted)}.section{margin-top:52px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{margin:0;font-size:1.2rem}.section-head .eyebrow{margin-bottom:7px}.section-head p{margin-bottom:0;color:var(--muted);max-width:550px;font-size:.85rem}.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mode-card{position:relative;display:flex;flex-direction:column;padding:25px 22px;min-height:210px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,var(--surface),var(--bg));transition:transform .45s var(--ease),border-color .4s,box-shadow .45s var(--ease)}.mode-card:hover,.mode-card:focus-visible{transform:translateY(-5px);border-color:var(--edge);box-shadow:0 0 30px var(--glow),0 16px 35px var(--shadow)}.mode-card h3{margin-bottom:8px;font-size:.95rem}.mode-card p{font-size:.77rem;line-height:1.55;color:var(--muted);margin-bottom:20px;max-width:210px}.mode-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--accent-wash);color:var(--accent-muted);margin-bottom:22px;font-size:1.35rem;transition:box-shadow .4s,color .4s}.mode-card:hover .mode-icon{color:var(--text);box-shadow:0 0 18px var(--glow-strong)}.mode-card .card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;gap:8px}.mode-card .card-bottom small{font-size:.65rem}.tag{font-size:.6rem;letter-spacing:.05em;font-weight:400;color:var(--muted)}.clip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.clip-card{position:relative;min-width:0;padding:8px 8px 0;border:1px solid var(--line);border-radius:13px;background:var(--surface);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .4s}.clip-card:hover,.clip-card:focus-within{transform:translateY(-4px);border-color:var(--edge);box-shadow:0 0 30px var(--glow),0 16px 35px var(--shadow)}.clip-thumb{display:block;aspect-ratio:16/9;position:relative;background:var(--surface);overflow:hidden;border-radius:8px}.clip-thumb img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform .4s ease,opacity .3s}.clip-thumb:hover img{transform:scale(1.025);opacity:1}.play-disc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#09090bb8;color:#fff;border:1px solid #ffffff40;border-radius:50%;display:grid;place-items:center;font-size:.7rem;padding-left:2px;transition:background .2s}.clip-thumb:hover .play-disc{background:#09090be8}.clip-info{padding:15px 10px}.clip-info h3{font-size:.9rem;letter-spacing:-.01em;line-height:1.4;margin:0 0 4px}.clip-info p{font-size:.72rem;color:var(--muted);margin-bottom:10px}.clip-bottom{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:.68rem;color:var(--muted)}.vote{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:5px;padding:5px 10px;font-size:.78rem;min-height:34px;transition:color .2s,border-color .2s}.vote[aria-pressed=true]{color:var(--accent);border-color:var(--edge)}.community-banner{border:1px solid var(--line);border-radius:14px;background:linear-gradient(110deg,var(--surface),var(--bg));padding:32px;display:flex;align-items:center;justify-content:space-between;gap:28px}.community-banner h2{margin-bottom:9px;max-width:620px;font-size:1.25rem}.community-banner p{margin:0;color:var(--muted);max-width:620px;font-size:.85rem}.page-head{padding-top:44px;margin-bottom:30px}.page-head h1{margin-bottom:14px}.page-head p{color:var(--muted);max-width:640px;font-size:.9rem}.tabs{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin:24px 0;border-bottom:1px solid var(--line);padding-bottom:12px}.tab{background:transparent;border:1px solid transparent;color:var(--muted);border-radius:5px;padding:8px 12px;font-weight:500;font-size:.77rem;transition:background .2s,color .2s}.tab:hover{color:var(--text)}.tab[aria-pressed=true]{background:var(--raised);color:var(--text)}.tabs .spacer{flex:1}.notice{padding:12px 15px;border-left:2px solid var(--edge);background:var(--accent-wash);color:var(--muted);font-size:.78rem;margin:20px 0;line-height:1.6}.notice.error{background:#ff7a8b08;color:var(--danger);border-color:var(--danger-line)}.empty{border:1px solid var(--line);border-radius:8px;padding:46px 24px;text-align:center;color:var(--muted);font-size:.86rem}.empty h3{color:var(--text)}.empty .button{margin-top:10px}.loading{min-height:280px;display:grid;place-items:center;color:var(--muted);font-size:.85rem;animation:enter .4s ease-out}.game-header{display:flex;justify-content:space-between;align-items:center;margin:32px 0 22px;gap:18px}.game-header h1{font-size:1.45rem;letter-spacing:-.03em;margin:5px 0 0}.game-header .eyebrow{margin:0;font-size:.62rem}.game-stats{display:flex;gap:30px;text-align:right}.game-stats strong{display:block;font-size:1.2rem;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}.game-stats small{font-size:.66rem}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:24px;align-items:start}.game-grid>section{min-width:0}.video-shell{background:#09090b;border:1px solid var(--line);border-radius:8px;overflow:hidden;aspect-ratio:16/9}.video-shell iframe{display:block;width:100%;height:100%;border:0}.video-poster{position:relative;display:block;width:100%;height:100%;border:0;padding:0;background:#09090b;color:var(--text)}.video-poster>img{width:100%;height:100%;object-fit:cover;opacity:.65;transition:opacity .25s}.video-poster:hover>img{opacity:.85}.poster-control{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:12px 18px;background:#09090be0;color:#fff;border:1px solid #ffffff40;border-radius:6px;font-size:.8rem;white-space:nowrap}.poster-control>span{font-size:.7rem}.video-caption{display:flex;justify-content:space-between;gap:15px;font-size:.69rem;color:var(--muted);padding:12px 0}.video-help{display:flex;align-items:center;flex-wrap:wrap;gap:14px;border-top:1px solid var(--line);padding-top:10px;font-size:.69rem;color:var(--muted)}.video-help a{border-bottom:1px solid var(--line)}.link-button{background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;font-size:inherit;white-space:nowrap}.panel{position:relative;padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 36px var(--shadow)}a.panel{transition:transform .45s var(--ease),box-shadow .4s,border-color .4s}a.panel:hover{transform:translateY(-4px);border-color:var(--edge);box-shadow:0 0 30px var(--glow)}.panel h2{font-size:1.18rem}.panel h3{font-size:1rem;letter-spacing:-.02em}.panel p{font-size:.8rem;color:var(--muted)}.rank-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:18px 0}.rank-button{padding:10px 3px 8px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:.55rem;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:79px;transition:background .18s,border-color .18s,transform .18s}.rank-button img{height:33px;max-width:40px;object-fit:contain;transition:transform .2s}.rank-button:hover:not(:disabled){border-color:var(--edge);background:var(--raised)}.rank-button:hover:not(:disabled) img{transform:translateY(-2px)}.rank-button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-wash);box-shadow:0 0 16px var(--glow-strong)}.rank-button:last-child{grid-column:span 2}.wide{width:100%}.selection-label{min-height:24px;font-size:.75rem;color:var(--muted);margin-bottom:12px}.result-heading{display:flex;align-items:center;gap:14px;margin-bottom:15px}.result-heading img{width:48px;height:48px;object-fit:contain}.result-heading h2{margin:0 0 4px;font-size:1.4rem}.result-heading p{margin:0}.good{color:var(--accent)}.distribution{display:grid;gap:10px;margin:22px 0}.bar-row{display:grid;grid-template-columns:66px 1fr 30px;align-items:center;gap:8px;font-size:.62rem;color:var(--muted)}progress{appearance:none;width:100%;height:5px;border:0;border-radius:4px;background:var(--raised)}progress::-webkit-progress-bar{background:var(--raised);border-radius:4px}progress::-webkit-progress-value{background:var(--accent-muted);border-radius:4px}progress::-moz-progress-bar{background:var(--accent-muted);border-radius:4px}.bar-row.actual{color:var(--accent)}.bar-row.actual progress::-webkit-progress-value{background:var(--accent)}.bar-row.actual progress::-moz-progress-bar{background:var(--accent)}.result-actions{display:grid;gap:10px}.summary{max-width:700px;margin:55px auto;text-align:center}.summary .actions{justify-content:center}.big-score{font-size:4.5rem;font-weight:500;letter-spacing:-.06em;color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.stat{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.stat strong{display:block;font-size:2rem;letter-spacing:-.04em;font-weight:500}.stat small{font-size:.72rem}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form{display:grid;gap:18px}.form label{display:grid;gap:7px;font-size:.8rem;font-weight:500}.form input:not([type=checkbox]),.form select,.form textarea{width:100%;min-width:0;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:5px;padding:11px 13px;min-height:44px}.form input[type=range]{padding:0;accent-color:var(--accent)}.form textarea{min-height:90px;resize:vertical}.form .checkbox{display:flex;align-items:start;gap:12px;font-size:.77rem;line-height:1.6;font-weight:400;color:var(--muted)}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}.form-error{color:var(--danger);font-size:.8rem;margin:0}.table-scroll{overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:.8rem;white-space:nowrap;text-align:left}th,td{padding:15px 18px;border-bottom:1px solid var(--line)}th{font-size:.7rem;font-weight:500;color:var(--muted)}tr:last-child td{border:0}tbody tr:hover{background:var(--surface)}.leader-position{font-weight:500;color:var(--muted)}.room-code{font-family:monospace;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:.13em;color:var(--accent);margin:16px 0}.player-list{display:grid;gap:10px;margin:20px 0}.player-row{display:flex;justify-content:space-between;gap:10px;background:var(--bg);padding:12px;border:1px solid var(--line);border-radius:5px;font-size:.8rem}.player-row.me{border-color:var(--accent-muted)}.timer{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:500;font-size:1.4rem}.split{display:flex;justify-content:space-between;align-items:center;gap:15px}.list{display:grid;gap:12px}.list-item{padding:17px;border:1px solid var(--line);border-radius:6px}.list-item p{margin:5px 0 12px;font-size:.82rem;color:var(--muted)}.search{max-width:450px;margin-bottom:20px}.pagination{display:flex;justify-content:center;gap:12px;margin-top:26px}.inline-badge{font-size:.7rem;color:var(--muted);margin-left:6px}.moderation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.preview-note{position:relative;z-index:1;width:calc(100% - 56px);max-width:1120px;margin:13px auto 0;font-size:.66rem;color:var(--muted)}footer{position:relative;z-index:1;width:calc(100% - 56px);max-width:1120px;margin:20px auto 0;padding:30px 0 34px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}footer .brand{color:var(--text);font-size:1rem;letter-spacing:-.02em}footer p{margin:8px 0 18px;font-size:.75rem}.footer-links{display:flex;flex-wrap:wrap;gap:23px;margin-bottom:20px}footer small{font-size:.65rem}dialog{width:min(480px,calc(100vw - 32px));max-height:90vh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:28px;animation:enter .2s ease-out}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}dialog h2{font-size:1.5rem;padding-right:25px}dialog p{font-size:.82rem;color:var(--muted)}.modal-close{position:absolute;right:16px;top:10px;font-size:1.6rem;background:none;color:var(--muted);border:0;padding:3px 8px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);max-width:calc(100vw - 30px);padding:12px 20px;border-radius:6px;font-size:.8rem;z-index:100;box-shadow:0 5px 25px #0005}.skip{position:fixed;left:20px;top:-80px;background:var(--accent);color:var(--bg);padding:12px;z-index:200}.skip:focus{top:10px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.site-header{gap:26px}.site-header nav{gap:18px}.hero{gap:38px;padding:64px 0}.game-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.game-grid .panel{padding:18px}.mode-card{padding:22px 16px}.clip-grid{gap:18px}}@media(max-width:760px){main,footer,.preview-note{position:relative;z-index:1;width:calc(100% - 36px)}.site-header{min-height:70px;padding:16px 18px 12px;gap:16px;flex-wrap:wrap}.site-header .brand{flex:1}.header-actions{margin-left:auto}.site-header nav{order:3;flex-basis:100%;justify-content:space-between;gap:12px;font-size:.74rem}.account-link{font-size:.7rem;padding:7px 10px}.hero{gap:26px;padding:38px 0;grid-template-columns:1fr}.hero-copy h1{font-size:2.8rem;max-width:470px}.hero-copy>p{max-width:430px}.hero-feature .clip-thumb{aspect-ratio:16/8}.hero-feature{max-width:520px}.hero-feature .feature-caption{margin-top:10px}.section{margin-top:36px}.mode-grid{grid-template-columns:repeat(2,1fr)}.mode-card{min-height:175px;padding:20px 16px}.clip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.community-banner{flex-direction:column;align-items:start;padding:24px;gap:18px}.game-grid{grid-template-columns:1fr}.game-header{margin-top:26px}.game-stats{gap:20px}.rank-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.rank-button:last-child{grid-column:auto}.rank-button{font-size:.52rem;min-height:76px}.rank-button img{height:30px}.stat-grid{grid-template-columns:repeat(2,1fr)}.two-columns,.moderation-grid{grid-template-columns:1fr}.page-head{padding-top:32px}.tabs{gap:3px}.tab{padding:8px 10px;font-size:.73rem}.tabs .spacer{display:none}.video-caption{align-items:start}.panel,.game-grid .panel{padding:20px}.section-head .text-link{white-space:nowrap}}@media(max-width:440px){.clip-grid{grid-template-columns:1fr}.rank-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rank-button:last-child{grid-column:span 2}.section-head{gap:14px}.section-head h2{font-size:1.08rem}.section-head .text-link{font-size:.7rem}.game-header{align-items:start}.game-stats strong{font-size:1.05rem}.hero-copy h1{font-size:2.5rem}.hero-feature .clip-thumb{aspect-ratio:16/9}.mode-card p{font-size:.74rem}.hero-copy .button{font-size:.77rem;padding:10px 13px}.video-caption{font-size:.66rem}}@media(prefers-reduced-motion:reduce){html:not([data-motion=on]){scroll-behavior:auto}html:not([data-motion=on]) *,html:not([data-motion=on]) *:before,html:not([data-motion=on]) *:after{transition:none!important;animation:none!important}}.header-actions{display:flex;align-items:center;gap:10px;min-width:0}.theme-toggle{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:var(--accent-wash);color:var(--text);transition:box-shadow .4s,border-color .3s,transform .5s var(--ease)}.theme-toggle:hover{box-shadow:0 0 22px var(--glow-strong);border-color:var(--edge);transform:rotate(12deg)}.moon-icon,[data-theme=light] .sun-icon{display:none}[data-theme=light] .moon-icon{display:block}.account-link{max-width:160px;overflow:hidden;text-overflow:ellipsis}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--text);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease);box-shadow:0 0 8px var(--glow-strong)}.site-header nav a:hover:after,.site-header nav a[aria-current=page]:after{transform:scaleX(1)}.hero-copy .eyebrow:before{content:"";display:inline-block;width:5px;height:5px;margin:0 9px 1px 0;border-radius:50%;background:var(--text);box-shadow:0 0 10px var(--particle)}.hero-copy h1{font-weight:550;letter-spacing:-.055em}.hero-copy>.actions .button:first-child{box-shadow:0 0 24px var(--glow)}.mode-card:before,.clip-card:before{content:"";position:absolute;left:20%;right:20%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--edge),transparent);pointer-events:none;transition:left .5s var(--ease),right .5s var(--ease),box-shadow .5s}.mode-card:hover:before,.clip-card:hover:before{left:8%;right:8%;box-shadow:0 0 12px var(--glow-strong)}.mode-card .card-bottom>span{transition:transform .4s var(--ease)}.mode-card:hover .card-bottom>span{transform:translate(4px)}.mode-card,.clip-card,.stat,.community-banner{--reveal-delay:0ms}:is(.mode-card,.clip-card,.stat):nth-child(2){--reveal-delay:55ms}:is(.mode-card,.clip-card,.stat):nth-child(3){--reveal-delay:.11s}:is(.mode-card,.clip-card,.stat):nth-child(4){--reveal-delay:165ms}.reveal-item:not(.reveal-pending){animation:card-enter .75s var(--ease) var(--reveal-delay,0ms) backwards}.reveal-pending{opacity:0;transform:translateY(16px)}@keyframes card-enter{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}.atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}.ambient-halo{position:absolute;inset:-15%;background:radial-gradient(ellipse at 75% 25%,var(--ambient),transparent 40%),radial-gradient(ellipse at 20% 75%,var(--ambient),transparent 35%);animation:halo-drift 26s ease-in-out infinite alternate}.particle-field{position:absolute;inset:0}.particle-field i{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--particle);opacity:.25;box-shadow:0 0 7px 2px var(--glow-strong);animation:particle-drift 24s ease-in-out infinite alternate;will-change:transform}@keyframes particle-drift{0%{transform:translate3d(-6px,24px,0);opacity:.12}to{transform:translate3d(16px,-42px,0);opacity:.5}}@keyframes halo-drift{0%{transform:translate3d(-2%,1%,0)}to{transform:translate3d(2%,-2%,0)}}[data-theme=light] .particle-field{opacity:.45}[data-page-hidden=true] .atmosphere *{animation-play-state:paused!important}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.motion-toggle{border:1px solid var(--line);border-radius:20px;padding:6px 12px;background:var(--accent-wash);color:var(--muted);font-size:.68rem}.motion-toggle:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin:0 7px 2px 0}.motion-toggle[aria-pressed=true]{color:var(--text)}[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-motion=off] .reveal-pending{opacity:1;transform:none}[data-motion=off] .atmosphere{display:block}@media(max-width:760px){.mode-grid{gap:10px}.mode-card{padding:20px 16px}.hero-feature{max-width:none}.hero-feature .clip-thumb{aspect-ratio:16/9}.theme-toggle{width:36px;height:36px}.header-actions{gap:8px}.account-link{max-width:135px}.hero-copy h1{font-size:clamp(2.6rem,8vw,3.7rem)}.hero{padding-top:44px}.particle-field i:nth-child(n+13){display:none}.mode-card:hover,.clip-card:hover{transform:none}}@media(max-width:380px){.header-actions{gap:6px}.account-link{max-width:100px}.brand{font-size:1.1rem}.mode-card{padding:18px 13px}.hero-copy .actions{gap:9px}}@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) .atmosphere{display:block}html:not([data-motion=on]) .reveal-pending{opacity:1;transform:none}}.particle-field i:nth-child(1){left:37%;top:23%;animation-duration:26s;animation-delay:-11s}.particle-field i:nth-child(2){left:74%;top:46%;animation-duration:33s;animation-delay:-22s}.particle-field i:nth-child(3){left:12%;top:69%;animation-duration:19s;animation-delay:-2s}.particle-field i:nth-child(4){left:49%;top:92%;animation-duration:26s;animation-delay:-13s}.particle-field i:nth-child(5){left:86%;top:19%;animation-duration:33s;animation-delay:-24s;width:3px;height:3px}.particle-field i:nth-child(6){left:24%;top:42%;animation-duration:19s;animation-delay:-4s}.particle-field i:nth-child(7){left:61%;top:65%;animation-duration:26s;animation-delay:-15s}.particle-field i:nth-child(8){left:98%;top:88%;animation-duration:33s;animation-delay:-26s}.particle-field i:nth-child(9){left:36%;top:15%;animation-duration:19s;animation-delay:-6s}.particle-field i:nth-child(10){left:73%;top:38%;animation-duration:26s;animation-delay:-17s;width:3px;height:3px}.particle-field i:nth-child(11){left:11%;top:61%;animation-duration:33s;animation-delay:-28s}.particle-field i:nth-child(12){left:48%;top:84%;animation-duration:19s;animation-delay:-8s}.particle-field i:nth-child(13){left:85%;top:11%;animation-duration:26s;animation-delay:-19s}.particle-field i:nth-child(14){left:23%;top:34%;animation-duration:33s;animation-delay:-30s}.particle-field i:nth-child(15){left:60%;top:57%;animation-duration:19s;animation-delay:-10s;width:3px;height:3px}.particle-field i:nth-child(16){left:97%;top:80%;animation-duration:26s;animation-delay:-21s}.particle-field i:nth-child(17){left:35%;top:7%;animation-duration:33s;animation-delay:-1s}.particle-field i:nth-child(18){left:72%;top:30%;animation-duration:19s;animation-delay:-12s}.particle-field i:nth-child(19){left:10%;top:53%;animation-duration:26s;animation-delay:-23s}.particle-field i:nth-child(20){left:47%;top:76%;animation-duration:33s;animation-delay:-3s;width:3px;height:3px}.particle-field i:nth-child(21){left:84%;top:3%;animation-duration:19s;animation-delay:-14s}.particle-field i:nth-child(22){left:22%;top:26%;animation-duration:26s;animation-delay:-25s}.particle-field i:nth-child(23){left:59%;top:49%;animation-duration:33s;animation-delay:-5s}.particle-field i:nth-child(24){left:96%;top:72%;animation-duration:19s;animation-delay:-16s}@property --rim-angle{syntax:"<angle>";initial-value:0deg;inherits:false}:root{--orbit-line:#ffffff28;--orbit-bright:#ffffff7a;--nebula:#dce5ff15;--metal-top:#fff;--metal-bottom:#a7a7ad}:root[data-theme=light]{--orbit-line:#30354a20;--orbit-bright:#30354a50;--nebula:#6377a01b;--metal-top:#45454c;--metal-bottom:#17171c}.atmosphere{display:block;background:radial-gradient(ellipse at 80% 15%,var(--nebula),transparent 60%)}.ambient-halo{inset:-8%;background:radial-gradient(ellipse at 78% 28%,var(--nebula),transparent 55%),radial-gradient(ellipse at 12% 75%,var(--nebula),transparent 48%);animation:halo-drift 24s ease-in-out infinite alternate}.light-orbit{position:absolute;left:8%;top:20%;width:115%;height:52%;border:1px solid var(--orbit-line);border-top-color:var(--orbit-bright);border-radius:50%;box-shadow:0 -8px 45px -22px var(--particle),inset 0 12px 40px -36px var(--particle);transform:rotate(-22deg);animation:orbit-float 28s ease-in-out infinite alternate}.orbit-two{left:-28%;top:45%;width:135%;height:48%;opacity:.65;animation-delay:-14s;animation-direction:alternate-reverse}.orbit-three{left:35%;top:-12%;width:90%;height:80%;opacity:.35;animation-duration:38s;animation-delay:-9s}.horizon-glow{position:absolute;left:-15%;bottom:-30%;width:130%;height:65%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,var(--nebula),transparent 65%);animation:horizon-breathe 15s ease-in-out infinite alternate}.particle-field i{opacity:.65;background:var(--particle);box-shadow:0 0 6px 1px var(--glow-strong);animation-name:star-drift;animation-timing-function:ease-in-out;will-change:auto}[data-theme=light] .particle-field{opacity:.7}@keyframes star-drift{0%{transform:translate3d(-15px,40px,0);opacity:.3}to{transform:translate3d(26px,-65px,0);opacity:.85}}@keyframes orbit-float{0%{transform:translate3d(-2%,2%,0) rotate(-22deg)}to{transform:translate3d(2%,-3%,0) rotate(-13deg)}}@keyframes horizon-breathe{0%{transform:translate3d(-3%,0,0);opacity:.55}to{transform:translate3d(3%,-5%,0);opacity:1}}.button,.account-link{position:relative;isolation:isolate;border-radius:999px;background:linear-gradient(145deg,var(--metal-top),var(--metal-bottom));color:var(--on-accent);border:1px solid var(--edge);box-shadow:inset 0 1px #ffffff50,0 3px 14px var(--shadow);font-weight:650;letter-spacing:.035em;transition:box-shadow .35s,border-color .35s}.button{padding:12px 23px}.button.purple{background:linear-gradient(145deg,var(--metal-top),var(--metal-bottom))}.header-actions .motion-toggle{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;padding:0;font-size:1.1rem}.header-actions .motion-toggle:before{display:none}.header-actions .motion-toggle[aria-pressed=true]{box-shadow:0 0 16px var(--glow-strong)}.button.secondary{background:linear-gradient(145deg,var(--raised),var(--surface));color:var(--text)}.button:hover:not(:disabled),.button:active:not(:disabled),.account-link:hover{transform:none;background:linear-gradient(145deg,var(--metal-top),var(--metal-bottom));box-shadow:0 0 26px var(--glow-strong),inset 0 1px #ffffff70}.button.secondary:hover{background:linear-gradient(145deg,var(--raised),var(--surface))}.mode-card,.clip-card{overflow:hidden;isolation:isolate;transition:border-color .4s,box-shadow .4s;background:linear-gradient(145deg,var(--raised),var(--surface) 55%);box-shadow:inset 0 1px 0 var(--line),0 14px 50px var(--shadow)}.mode-card:hover,.mode-card:focus-visible,.clip-card:hover,.clip-card:focus-within{transform:none;box-shadow:0 0 32px var(--glow-strong),0 16px 45px var(--shadow)}.mode-card:before,.clip-card:before,.button:before,.account-link:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;height:auto;background:conic-gradient(from var(--rim-angle),transparent 0% 60%,var(--orbit-line) 72%,var(--particle) 80%,transparent 90%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .35s;animation:rim-travel 3s linear infinite paused;z-index:2}.mode-card:hover:before,.mode-card:focus-visible:before,.clip-card:hover:before,.clip-card:focus-within:before,.button:hover:before,.button:focus-visible:before,.account-link:hover:before,.account-link:focus-visible:before{inset:-1px;opacity:1;animation-play-state:running;box-shadow:none}@keyframes rim-travel{to{--rim-angle:360deg}}.board-switch,.period-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-links{margin-bottom:24px}.account-feedback{color:var(--text);font-size:.8rem}.account-feedback:empty{display:none}.board-switch{padding:6px;border:1px solid var(--line);border-radius:12px;width:fit-content;background:var(--surface)}.board-switch [aria-current=page]{background:var(--raised);color:var(--text)}.period-switch{margin:-8px 0 25px}.period-switch small{font-size:.7rem;max-width:460px}.personal-standing{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 24px;margin:24px 0;border:1px solid var(--edge);border-radius:12px;background:linear-gradient(110deg,var(--raised),var(--surface));box-shadow:0 0 28px var(--glow)}.personal-standing>span{font-size:.65rem;letter-spacing:.1em;color:var(--muted)}.personal-standing>strong{flex:1;font-size:.95rem}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.podium-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:30px 24px;background:linear-gradient(145deg,var(--raised),var(--surface));animation:card-arrive .7s var(--ease) both}.podium-card:first-child{border-color:var(--edge);box-shadow:0 0 36px var(--glow-strong)}.podium-card:nth-child(2){animation-delay:.07s}.podium-card:nth-child(3){animation-delay:.14s}.podium-position{position:absolute;right:15px;top:-15px;font-size:6rem;line-height:1.2;font-weight:700;color:var(--text);opacity:.055;letter-spacing:-.08em;pointer-events:none}.podium-card>small{font-size:.6rem;letter-spacing:.12em}.podium-card h2{margin:22px 0 12px;overflow-wrap:anywhere;font-size:1.3rem}.podium-card>strong{font-size:2.2rem;letter-spacing:-.04em}.podium-card strong small{font-size:.7rem;letter-spacing:0}.podium-card p{margin:12px 0 0;font-size:.7rem;color:var(--muted)}.your-row{background:var(--accent-wash)}.your-row small{font-size:.55rem;border:1px solid var(--edge);padding:2px 5px;border-radius:4px;margin-left:8px}.rating-widget{padding:16px 0;border-top:1px solid var(--line);margin:14px 0}.rating-prompt{font-size:.57rem;letter-spacing:.15em;color:var(--muted);display:block;margin-bottom:9px}.rating-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rating-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:8px;font-size:.75rem;transition:box-shadow .25s,border-color .25s,color .25s}.rating-button:hover,.rating-button[aria-pressed=true]{color:var(--text);border-color:var(--edge);box-shadow:0 0 20px var(--glow-strong)}.rating-button[aria-pressed=true]{background:var(--raised)}.dislike svg{rotate:180deg}.rating-summary{font-size:.65rem;color:var(--muted)}.clip-card .rating-summary{flex-basis:100%;margin-top:3px}.clip-card .rating-widget{margin:10px 0;padding:12px 0}.clip-placement{display:block;font-size:.65rem;letter-spacing:.06em;color:var(--text);padding:8px 8px 13px}@media(max-width:600px){.podium{grid-template-columns:1fr;gap:10px}.podium-card{padding:18px 20px}.podium-card h2{margin:12px 0 8px}.podium-card>strong{font-size:1.6rem}.personal-standing{gap:12px;padding:18px}.personal-standing>span{flex-basis:100%}}.mode-card:after,.clip-card:after{content:"";position:absolute;inset:-40% -70%;background:linear-gradient(115deg,transparent 42%,var(--glow-strong) 49%,transparent 56%);transform:translate3d(-65%,0,0);pointer-events:none;opacity:0}.mode-card:hover:after,.mode-card:focus-visible:after,.clip-card:hover:after{animation:card-sweep .95s var(--ease) both}@keyframes card-sweep{0%{opacity:0;transform:translate3d(-45%,0,0)}25%{opacity:1}to{opacity:0;transform:translate3d(45%,0,0)}}.mode-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--raised),var(--surface));box-shadow:inset 0 1px 0 var(--edge)}.mode-card:hover .mode-icon{box-shadow:0 0 28px var(--glow-strong),inset 0 1px 0 var(--edge)}.hero-feature:hover .clip-thumb{transform:none}.hero-feature .clip-thumb{box-shadow:0 0 55px var(--glow-strong),0 24px 80px var(--shadow)}.reveal-item:not(.reveal-pending){animation:card-arrive .85s var(--ease) var(--reveal-delay,0ms) backwards}@keyframes card-arrive{0%{opacity:0;translate:0 24px;clip-path:inset(0 0 12% 0 round 13px)}to{opacity:1;translate:0 0;clip-path:inset(0 round 13px)}}[data-page-hidden=true] *,[data-page-hidden=true] *:before,[data-page-hidden=true] *:after{animation-play-state:paused!important}@media(max-width:760px){.particle-field i:nth-child(n){display:block}.particle-field i:nth-child(n+25){display:none}.orbit-three{display:none}.light-orbit{width:170%;left:-40%}.orbit-two{left:-65%}.mode-card:after,.clip-card:after{display:none}}@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) .atmosphere{display:block}}.particle-field i:nth-child(1){left:9%;top:7%;animation-duration:14s;animation-delay:-1s;width:4px;height:4px}.particle-field i:nth-child(2){left:46%;top:30%;animation-duration:16s;animation-delay:-2s;width:2px;height:2px}.particle-field i:nth-child(3){left:83%;top:53%;animation-duration:18s;animation-delay:-3s;width:2px;height:2px}.particle-field i:nth-child(4){left:20%;top:76%;animation-duration:20s;animation-delay:-4s;width:2px;height:2px}.particle-field i:nth-child(5){left:57%;top:99%;animation-duration:22s;animation-delay:-5s;width:2px;height:2px}.particle-field i:nth-child(6){left:94%;top:22%;animation-duration:24s;animation-delay:-6s;width:4px;height:4px}.particle-field i:nth-child(7){left:31%;top:45%;animation-duration:26s;animation-delay:-7s;width:2px;height:2px}.particle-field i:nth-child(8){left:68%;top:68%;animation-duration:28s;animation-delay:-8s;width:2px;height:2px}.particle-field i:nth-child(9){left:5%;top:91%;animation-duration:14s;animation-delay:-9s;width:2px;height:2px}.particle-field i:nth-child(10){left:42%;top:14%;animation-duration:16s;animation-delay:-10s;width:2px;height:2px}.particle-field i:nth-child(11){left:79%;top:37%;animation-duration:18s;animation-delay:-11s;width:4px;height:4px}.particle-field i:nth-child(12){left:16%;top:60%;animation-duration:20s;animation-delay:-12s;width:2px;height:2px}.particle-field i:nth-child(13){left:53%;top:83%;animation-duration:22s;animation-delay:-13s;width:2px;height:2px}.particle-field i:nth-child(14){left:90%;top:6%;animation-duration:24s;animation-delay:-14s;width:2px;height:2px}.particle-field i:nth-child(15){left:27%;top:29%;animation-duration:26s;animation-delay:-15s;width:2px;height:2px}.particle-field i:nth-child(16){left:64%;top:52%;animation-duration:28s;animation-delay:-16s;width:4px;height:4px}.particle-field i:nth-child(17){left:1%;top:75%;animation-duration:14s;animation-delay:-17s;width:2px;height:2px}.particle-field i:nth-child(18){left:38%;top:98%;animation-duration:16s;animation-delay:-18s;width:2px;height:2px}.particle-field i:nth-child(19){left:75%;top:21%;animation-duration:18s;animation-delay:-19s;width:2px;height:2px}.particle-field i:nth-child(20){left:12%;top:44%;animation-duration:20s;animation-delay:-1s;width:2px;height:2px}.particle-field i:nth-child(21){left:49%;top:67%;animation-duration:22s;animation-delay:-2s;width:4px;height:4px}.particle-field i:nth-child(22){left:86%;top:90%;animation-duration:24s;animation-delay:-3s;width:2px;height:2px}.particle-field i:nth-child(23){left:23%;top:13%;animation-duration:26s;animation-delay:-4s;width:2px;height:2px}.particle-field i:nth-child(24){left:60%;top:36%;animation-duration:28s;animation-delay:-5s;width:2px;height:2px}.particle-field i:nth-child(25){left:97%;top:59%;animation-duration:14s;animation-delay:-6s;width:2px;height:2px}.particle-field i:nth-child(26){left:34%;top:82%;animation-duration:16s;animation-delay:-7s;width:4px;height:4px}.particle-field i:nth-child(27){left:71%;top:5%;animation-duration:18s;animation-delay:-8s;width:2px;height:2px}.particle-field i:nth-child(28){left:8%;top:28%;animation-duration:20s;animation-delay:-9s;width:2px;height:2px}.particle-field i:nth-child(29){left:45%;top:51%;animation-duration:22s;animation-delay:-10s;width:2px;height:2px}.particle-field i:nth-child(30){left:82%;top:74%;animation-duration:24s;animation-delay:-11s;width:2px;height:2px}.particle-field i:nth-child(31){left:19%;top:97%;animation-duration:26s;animation-delay:-12s;width:4px;height:4px}.particle-field i:nth-child(32){left:56%;top:20%;animation-duration:28s;animation-delay:-13s;width:2px;height:2px}.particle-field i:nth-child(33){left:93%;top:43%;animation-duration:14s;animation-delay:-14s;width:2px;height:2px}.particle-field i:nth-child(34){left:30%;top:66%;animation-duration:16s;animation-delay:-15s;width:2px;height:2px}.particle-field i:nth-child(35){left:67%;top:89%;animation-duration:18s;animation-delay:-16s;width:2px;height:2px}.particle-field i:nth-child(36){left:4%;top:12%;animation-duration:20s;animation-delay:-17s;width:4px;height:4px}.particle-field i:nth-child(37){left:41%;top:35%;animation-duration:22s;animation-delay:-18s;width:2px;height:2px}.particle-field i:nth-child(38){left:78%;top:58%;animation-duration:24s;animation-delay:-19s;width:2px;height:2px}.particle-field i:nth-child(39){left:15%;top:81%;animation-duration:26s;animation-delay:-1s;width:2px;height:2px}.particle-field i:nth-child(40){left:52%;top:4%;animation-duration:28s;animation-delay:-2s;width:2px;height:2px}.particle-field i:nth-child(41){left:89%;top:27%;animation-duration:14s;animation-delay:-3s;width:4px;height:4px}.particle-field i:nth-child(42){left:26%;top:50%;animation-duration:16s;animation-delay:-4s;width:2px;height:2px}.particle-field i:nth-child(43){left:63%;top:73%;animation-duration:18s;animation-delay:-5s;width:2px;height:2px}.particle-field i:nth-child(44){left:0%;top:96%;animation-duration:20s;animation-delay:-6s;width:2px;height:2px}.particle-field i:nth-child(45){left:37%;top:19%;animation-duration:22s;animation-delay:-7s;width:2px;height:2px}.particle-field i:nth-child(46){left:74%;top:42%;animation-duration:24s;animation-delay:-8s;width:4px;height:4px}.particle-field i:nth-child(47){left:11%;top:65%;animation-duration:26s;animation-delay:-9s;width:2px;height:2px}.particle-field i:nth-child(48){left:48%;top:88%;animation-duration:28s;animation-delay:-10s;width:2px;height:2px}