:root{color-scheme:dark;--ink:#faf7ff;--muted:#b8afc7;--purple:#9147ff;--panel:#15111ccc}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font:15px Inter,ui-sans-serif,system-ui,sans-serif;background:#09070e}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 75% 8%,#632ca066,transparent 34rem),radial-gradient(circle at 8% 80%,#29378233,transparent 30rem)}a{color:inherit}.wrap{width:min(1360px,calc(100% - 2rem));margin:auto}nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.nav-links{display:flex;align-items:center;gap:1.15rem}.nav-links>a,.games-menu>summary{font:900 1.2rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em;text-decoration:none}.nav-links>a.active{color:#d5a7ff}.games-menu{position:relative}.games-menu>summary{display:flex;gap:.3rem;cursor:pointer;list-style:none}.games-menu>summary::-webkit-details-marker{display:none}.games-menu[open]>summary{color:#d5a7ff}.games-dropdown{position:absolute;z-index:20;top:calc(100% + .7rem);left:0;display:grid;min-width:190px;padding:.4rem;border:1px solid #ffffff20;border-radius:.65rem;background:#15111cf5;box-shadow:0 18px 45px #000}.games-dropdown a{padding:.65rem;text-decoration:none;border-radius:.35rem;font-weight:800}.games-dropdown a:hover{background:#9147ff33}header{padding:clamp(3rem,7vw,6rem) 0 2.5rem}header>span{color:#d5a7ff;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:900}h1{margin:.45rem 0 .8rem;font-size:clamp(3.5rem,9vw,7rem);line-height:.85;letter-spacing:-.07em}header p{max-width:46rem;color:var(--muted);font-size:1.05rem;line-height:1.6}header p a,.section-head a{color:#d5a7ff;font-weight:800}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.section-head h2{margin:0;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.04em}.section-head a{text-decoration:none}.clip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.35rem;padding-bottom:4rem}.clip{appearance:none;overflow:hidden;padding:0;border:1px solid #ffffff18;border-radius:1rem;background:var(--panel);color:inherit;text-align:left;cursor:pointer;box-shadow:0 20px 55px #0005;transition:transform .18s,border-color .18s}.clip:hover,.clip:focus-visible{transform:translateY(-3px);border-color:#9147ff99}.thumb{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#21142f,#09070e)}.thumb img{display:block;width:100%;height:100%;object-fit:cover}.play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#9147ffee;transform:translate(-50%,-50%);font-size:1.25rem;box-shadow:0 8px 24px #0008}.clip-copy{display:grid;gap:.55rem;padding:1rem}.clip-title{font-size:1rem;font-weight:850;line-height:1.35}.clip-meta{color:var(--muted);font-size:.78rem}.empty{grid-column:1/-1;padding:3rem;border:1px dashed #ffffff25;border-radius:1rem;color:var(--muted);text-align:center;background:#15111c88}.account-button,dialog button{padding:.55rem .7rem;border:1px solid #ffffff20;border-radius:.5rem;background:#18121f;color:#fff;text-decoration:none;cursor:pointer;font-weight:750}#site-account{display:flex;gap:.55rem}dialog{border:1px solid #ffffff25;border-radius:1rem;background:#15111c;color:#fff;padding:1.5rem}dialog::backdrop{background:#050308dd}#clip-player{width:min(1000px,calc(100% - 2rem));padding:.65rem}.player-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .35rem .8rem}.player-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-head button{font-size:1.3rem;line-height:1}.player-frame{aspect-ratio:16/9;overflow:hidden;border-radius:.65rem;background:#050407}.player-frame iframe{display:block;width:100%;height:100%;border:0}#account-settings{max-width:460px}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.5rem}.danger{border-color:#8b403b;background:#401c20;color:#ffb5ae}@media(max-width:700px){nav{height:auto;min-height:64px;gap:.55rem}.nav-links{gap:.55rem}.nav-links>a,.games-menu>summary{font-size:.78rem}#site-account{font-size:.68rem}.account-button{padding:.45rem}header{padding-top:2.5rem}.section-head{align-items:start;flex-direction:column}.clip-grid{gap:1rem}}