:root{--scope-ink:#111113;--scope-paper:#f5f3ed;--scope-lime:#b9d52b;--scope-line:#373739;--scope-muted:#8c8c8e}
*{box-sizing:border-box}html{background:var(--scope-ink);scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif}.scope-page{min-height:100vh;background:var(--scope-ink);color:#fff}.scope-page a{color:inherit;text-decoration:none}.scope-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);border-bottom:1px solid var(--scope-line)}.scope-wordmark{display:inline-flex}.scope-wordmark img{display:block;width:auto;height:72px}.scope-header-meta{display:flex;align-items:center;gap:2rem;font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.scope-header-meta>span{color:#66666a}.scope-header-meta a{border-bottom:1px solid #555;padding:.7rem 0}.scope-header-meta a:hover,.scope-header-meta a:focus-visible{color:var(--scope-lime);border-color:var(--scope-lime);outline:0}.scope-header-meta b{margin-left:.6rem;color:var(--scope-lime)}
.scope-main{overflow:hidden}.scope-title{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.6fr);gap:7vw;align-items:end;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,5rem) clamp(3rem,6vw,5rem)}.scope-eyebrow{margin:0 0 1rem;color:var(--scope-lime);font-size:.69rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.scope-title h1{font:600 clamp(5rem,11vw,11rem)/.72 "Space Grotesk",sans-serif;letter-spacing:-.085em;margin:0}.scope-title h1 em{color:var(--scope-lime);font-style:normal}.scope-intro>p{max-width:560px;color:#aaa;font-size:clamp(1.05rem,1.55vw,1.3rem);line-height:1.6;margin:0 0 2.5rem}.scope-intro>p strong{color:#fff;font-weight:600}.scope-rule{display:grid;grid-template-columns:36px 1fr;gap:1rem;border-top:1px solid var(--scope-line);padding:1rem 0}.scope-rule:last-child{border-bottom:1px solid var(--scope-line)}.scope-rule span{color:var(--scope-lime);font-size:.66rem;font-weight:700;letter-spacing:.12em}.scope-rule p{margin:0;color:#888;font-size:.82rem;line-height:1.55}.scope-rule kbd{border:1px solid #505054;border-radius:3px;padding:.1rem .35rem;background:#242426;color:#ddd;font:600 .68rem "DM Sans"}
.scope-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:1px;background:var(--scope-line);border-top:1px solid var(--scope-line);border-bottom:1px solid var(--scope-line)}.scope-game-column{min-width:0;background:#08080a;padding:clamp(.75rem,2vw,1.75rem)}.scope-frame{position:relative;overflow:hidden;aspect-ratio:16/9;background:#151517;isolation:isolate}.scope-frame canvas{display:block;width:100%;height:100%;touch-action:none;cursor:pointer}.scope-frame canvas:focus-visible{outline:3px solid var(--scope-lime);outline-offset:-3px}.scope-hud{position:absolute;z-index:2;top:clamp(.8rem,2vw,1.5rem);left:clamp(.8rem,2vw,1.5rem);display:flex;align-items:end;gap:.7rem;pointer-events:none}.scope-hud span{color:#858589;font-size:.52rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding-bottom:.25rem}.scope-hud strong{font:600 clamp(1.6rem,4vw,3.4rem)/.8 "Space Grotesk",sans-serif;letter-spacing:-.06em}.scope-overlay{position:absolute;z-index:3;inset:0;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;padding:clamp(1.5rem,4vw,4rem);background:linear-gradient(90deg,rgba(12,12,14,.97) 0%,rgba(12,12,14,.88) 48%,rgba(12,12,14,.08) 100%)}.scope-overlay[hidden]{display:none}.scope-overlay>p{color:var(--scope-lime);font-size:.58rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 .8rem}.scope-overlay h2{font:600 clamp(2.3rem,5vw,5.6rem)/.9 "Space Grotesk",sans-serif;letter-spacing:-.065em;margin:0 0 clamp(1.5rem,3vw,2.5rem);max-width:680px}.scope-overlay h2 strong{color:var(--scope-lime)}.scope-overlay h2 span{color:#737377}.scope-primary{appearance:none;display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;border:0;background:var(--scope-lime);color:var(--scope-ink);padding:1rem 1.15rem;font:700 .85rem "DM Sans",sans-serif;cursor:pointer}.scope-primary:hover,.scope-primary:focus-visible{background:#c9e440;outline:2px solid #fff;outline-offset:3px}.scope-primary:disabled{cursor:wait;opacity:.7}.scope-onboarding>small{color:#69696c;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;margin-top:1rem}.scope-result{background:rgba(12,12,14,.95)}.scope-result form{width:min(100%,680px)}.scope-result label{display:block;color:#ccc;font-size:.82rem;font-weight:600;margin-bottom:.7rem}.scope-name-row{display:grid;grid-template-columns:1fr auto}.scope-name-row input{min-width:0;border:1px solid #555;border-right:0;border-radius:0;background:#f5f3ed;color:#171719;padding:1rem;font:600 1rem "DM Sans",sans-serif}.scope-name-row input:focus{outline:3px solid var(--scope-lime);outline-offset:-3px}.scope-result form>small{display:block;max-width:620px;color:#777;font-size:.61rem;line-height:1.5;margin-top:.8rem}.scope-error{color:#ff8c86!important;font-size:.72rem!important;letter-spacing:0!important;text-transform:none!important;margin:.75rem 0 0!important}.scope-controls{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid #2b2b2e;padding:1rem .2rem 0}.scope-controls p{display:flex;flex-direction:column;gap:.2rem;margin:0}.scope-controls b{font-size:.76rem}.scope-controls p span{color:#777;font-size:.68rem}.scope-controls>button{display:flex;align-items:center;gap:.65rem;border:1px solid #444;background:transparent;color:#fff;padding:.75rem 1rem;font:700 .68rem "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.scope-controls>button span{color:var(--scope-lime);font-size:1rem}.scope-controls>button:hover:not(:disabled),.scope-controls>button:focus-visible:not(:disabled){border-color:var(--scope-lime);color:var(--scope-lime);outline:0}.scope-controls>button:disabled{color:#555;cursor:default}
.scope-leaderboard{min-width:0;background:var(--scope-paper);color:var(--scope-ink);padding:clamp(1.75rem,3.5vw,3.5rem);display:flex;flex-direction:column}.scope-board-head{display:flex;align-items:start;justify-content:space-between;gap:1rem}.scope-board-head p{color:#74830f;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem}.scope-board-head h2{font:600 clamp(2.2rem,3.8vw,4rem)/.9 "Space Grotesk",sans-serif;letter-spacing:-.06em;margin:0}.scope-board-head>span{background:var(--scope-lime);padding:.45rem .55rem;font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.scope-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #bbb;margin-top:2.5rem}.scope-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#888;padding:.8rem 0;font:700 .65rem "DM Sans",sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.scope-tabs button[aria-selected=true]{border-color:var(--scope-ink);color:var(--scope-ink)}.scope-tabs button:focus-visible{outline:2px solid var(--scope-ink);outline-offset:2px}.scope-leaderboard ol{list-style:none;padding:0;margin:1rem 0 2rem;counter-reset:board}.scope-leaderboard li{counter-increment:board;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:.65rem;border-bottom:1px solid #d4d1c9;padding:.8rem 0}.scope-leaderboard li::before{content:counter(board,decimal-leading-zero);color:#999;font-size:.54rem;font-weight:700;letter-spacing:.06em}.scope-leaderboard li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600}.scope-leaderboard li strong{font:600 1rem "Space Grotesk"}.scope-leaderboard li strong small{color:#85857f;font:700 .45rem "DM Sans";letter-spacing:.06em;text-transform:uppercase}.scope-leaderboard .scope-board-loading,.scope-leaderboard .scope-board-empty{display:block;color:#777;font-size:.75rem;line-height:1.55;padding:1.2rem 0}.scope-leaderboard .scope-board-loading::before,.scope-leaderboard .scope-board-empty::before{display:none}.scope-board-note{border-top:1px solid #bbb;color:#898984;font-size:.62rem;line-height:1.55;margin:auto 0 0;padding-top:1rem}.scope-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;align-items:center;padding:2.5rem clamp(1.25rem,5vw,5rem);color:#67676a;font-size:.67rem;letter-spacing:.05em}.scope-footer p{margin:0}.scope-footer a{display:flex;gap:2rem;border-bottom:1px solid #555;padding:.8rem 0;color:#aaa;font-weight:600}.scope-footer a span{color:var(--scope-lime)}
@media(max-width:980px){.scope-title{grid-template-columns:1fr;gap:3rem}.scope-intro{max-width:650px}.scope-layout{grid-template-columns:1fr}.scope-leaderboard{min-height:520px}.scope-footer{grid-template-columns:1fr 1fr}.scope-footer a{grid-column:1/-1;justify-content:space-between}}
@media(max-width:600px){.scope-header{height:78px}.scope-wordmark img{height:58px}.scope-header-meta>span{display:none}.scope-title{padding-top:3.5rem}.scope-title h1{font-size:clamp(5rem,25vw,7.2rem)}.scope-title{gap:2.5rem}.scope-game-column{padding:.5rem}.scope-frame{aspect-ratio:4/5}.scope-hud{top:.8rem;left:.8rem}.scope-overlay{padding:1.35rem;background:rgba(12,12,14,.92)}.scope-overlay h2{font-size:clamp(2.25rem,12vw,3.4rem)}.scope-name-row{grid-template-columns:1fr}.scope-name-row input{border-right:1px solid #555}.scope-name-row .scope-primary{width:100%}.scope-controls{padding:.8rem .35rem 0}.scope-controls p span{max-width:200px}.scope-controls>button{padding:.75rem}.scope-controls>button{font-size:0}.scope-controls>button span{font-size:1.3rem}.scope-footer{grid-template-columns:1fr}.scope-footer a{grid-column:auto}.scope-footer p:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}