:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--bg-raised:#131313;--text:#ededed;--text-dim:#9a9a9a;--text-faint:#7a7a7a;--text-ghost:#4a4a4a;--line:#242424;--line-strong:#3d3d3d;--font-display:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", "Menlo", monospace}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/space-grotesk-latin-400.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/space-grotesk-latin-500.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/space-grotesk-latin-700.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-500.woff2)format("woff2")}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}::selection{background:var(--text);color:var(--bg)}.page{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header,.site-footer{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(.8rem,1.8vh,1.35rem) clamp(1.25rem,4vw,2.5rem);font-size:.72rem;display:flex}.site-header{border-bottom:1px solid var(--line)}.site-footer{border-top:1px solid var(--line);color:var(--text-ghost)}.wordmark{font-family:var(--font-display);letter-spacing:.22em;color:var(--text);font-size:.88rem;font-weight:700}.header-stat{color:var(--text-faint)}.stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:46rem;min-height:0;margin:0 auto;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vw,2.5rem);display:flex;overflow:hidden}.tagline{color:var(--text-dim);margin-bottom:clamp(1.25rem,4vh,3rem);font-size:clamp(.95rem,min(2.2vw,2.6vh),1.3rem);font-weight:400}.board{width:100%}.board-row{flex-direction:column;gap:clamp(.35rem,1vh,.65rem);padding:clamp(.7rem,2vh,1.6rem) 0;display:flex}.board-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);font-size:.68rem;font-weight:500}.board-value{letter-spacing:-.01em;color:var(--text);overflow-wrap:break-word;font-size:clamp(1.5rem,min(5.5vw,6.5vh),3.2rem);font-weight:500;line-height:1.12}.board-value.is-ghost{color:var(--text-ghost)}.board-value.is-rolling{filter:blur(1.5px);opacity:.55}.board-value.is-landing{animation:.26s cubic-bezier(.16,1,.3,1) both land}@keyframes land{0%{opacity:0;filter:blur(10px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:none}}.board-rule{background:var(--line);height:1px}.board-rule--light{background:var(--line);opacity:.55}.board-row--twist{padding-top:clamp(.5rem,1.4vh,1.1rem);padding-bottom:clamp(.5rem,1.4vh,1.1rem)}.board-value--twist{color:var(--text-dim);font-size:clamp(1.05rem,min(3vw,3.4vh),1.7rem)}.board-sentence{font-family:var(--font-mono);color:var(--text-dim);opacity:0;margin-top:clamp(.9rem,2.5vh,2rem);font-size:clamp(.8rem,min(2vw,2.2vh),.92rem);line-height:1.6;transition:opacity .3s,transform .3s;transform:translateY(6px)}.board-sentence.is-visible{opacity:1;transform:none}.spin-zone{flex-direction:column;align-items:center;gap:clamp(.4rem,1.2vh,.9rem);margin-top:clamp(1.25rem,4vh,3rem);display:flex}.spin-button{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--text);border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:999px;padding:clamp(.75rem,1.8vh,1.05rem) 3.4rem;font-size:1.02rem;font-weight:700;transition:background-color .14s,color .14s,border-color .14s,transform 80ms}.spin-button:hover:not(:disabled),.spin-button:focus-visible:not(:disabled){background:var(--text);color:var(--bg);border-color:var(--text)}.spin-button:active:not(:disabled){transform:scale(.98)}.spin-button:focus-visible{outline:1px solid var(--text-dim);outline-offset:4px}.spin-button:disabled{opacity:.55;cursor:default}.spin-hint{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-size:.68rem}.toggle-row{justify-content:center;align-items:center;gap:.75rem;margin-top:.35rem;display:flex}.twist-toggle,.sound-toggle{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-height:40px;padding:0 .9rem;font-size:.68rem;transition:color .14s;display:inline-flex}.twist-toggle:hover,.sound-toggle:hover,.twist-toggle[aria-pressed=true],.sound-toggle[aria-pressed=true]{color:var(--text-dim)}.twist-toggle[aria-pressed=true]{animation:.9s ease-out twist-glow}@keyframes twist-glow{0%{text-shadow:0 0 #ededed00}35%{text-shadow:0 0 10px #ededed8c,0 0 22px #ededed40}to{text-shadow:0 0 #ededed00}}.twist-toggle[aria-pressed=true]:hover,.sound-toggle[aria-pressed=true]:hover{color:var(--text)}.twist-toggle:focus-visible,.sound-toggle:focus-visible{outline:1px solid var(--text-dim);outline-offset:3px}.credit{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-faint);justify-content:center;align-items:center;gap:.45rem;padding-bottom:clamp(.6rem,1.5vh,1rem);font-size:.72rem;display:flex}.credit a{color:var(--text-dim);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.credit a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.credit img{object-fit:cover;background:var(--line);border-radius:50%;width:20px;height:20px}.footer-link{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);cursor:pointer;background:0 0;border:none;align-items:center;min-height:40px;padding:0 .75rem;font-size:.72rem;transition:color .14s;display:inline-flex}.footer-link:hover{color:var(--text-dim)}.footer-link:focus-visible{outline:1px solid var(--text-dim);outline-offset:3px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.legal-overlay{z-index:10;background:var(--bg);animation:.2s both rise;position:fixed;inset:0;overflow-y:auto}.legal-inner{max-width:46rem;margin:0 auto;padding:clamp(2rem,6vh,4rem) clamp(1.25rem,4vw,2.5rem) clamp(3rem,8vh,5rem)}.legal-close{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);cursor:pointer;background:0 0;border:none;min-height:40px;margin-left:auto;padding:0 .9rem;font-size:.72rem;transition:color .14s;display:block}.legal-close:hover{color:var(--text)}.legal-close:focus-visible{outline:1px solid var(--text-dim);outline-offset:3px}.legal-title{letter-spacing:-.01em;margin-bottom:clamp(1.5rem,4vh,2.5rem);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700}.legal-section{border-top:1px solid var(--line);padding:1.5rem 0}.legal-section h2{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.85rem;font-size:.68rem;font-weight:500}.legal-section p{font-family:var(--font-mono);color:var(--text-dim);overflow-wrap:break-word;font-size:.85rem;line-height:1.7}.legal-section p+p{margin-top:.75rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}