@import"https://fonts.googleapis.com/css2?family=Alegreya:wght@400;500;600;700;800;900&display=swap";:root{color-scheme:dark;--surface: #000;--surface-raised: #0b0b0b;--border: #24262b;--text: #fff;--muted: rgba(255, 255, 255, .68);--dim: rgba(255, 255, 255, .78);--accent: #c9f279}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;background:var(--surface);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container{display:grid;grid-template-columns:minmax(18rem,26vw) minmax(0,1fr);width:100%;min-height:100vh;margin:0}.experiment-only{width:min(100%,68rem);min-height:100vh;margin:0 auto;padding:1.75rem 1.5rem 3rem}.wrapper-experiment{display:grid;grid-column:2;grid-row:1;min-width:0;min-height:100vh;padding:clamp(1.5rem,3vw,3.5rem);place-items:center}.wrapper-experiment frame-ui{display:block;width:100%;min-width:0}.wrapper-experiment frame-ui .frame-content{width:calc(100vw - max(18rem,26vw) - (2*clamp(1.5rem,3vw,3.5rem)) - 152px);max-width:100%}.wrapper-experiment iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.experiment{grid-column:2;grid-row:1;display:grid;min-height:calc(100vh - 3rem);place-items:center;padding:3rem 0}.readout{width:min(100%,49rem);text-align:center}.letter-grid{display:flex;justify-content:center;gap:clamp(.2rem,1.1vw,.7rem)}.letter-box{display:grid;width:clamp(2.9rem,8vw,5.6rem);height:clamp(4.1rem,11vw,6.6rem);place-items:center;color:var(--dim);font-family:SF Mono,Roboto Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2.5rem,7.7vw,5.8rem);font-weight:800;letter-spacing:-.09em;line-height:1;transition:color .3s ease,background-color .3s ease}.letter-box.correct,.best-letter.correct{border-radius:.18rem;background:transparent;color:var(--accent);text-shadow:0 0 1.5rem rgba(201,242,121,.2)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(4rem,11vw,8.5rem);overflow:hidden;border:1px solid var(--border);border-radius:.6rem;background:var(--surface-raised);text-align:left}.stat-row{display:flex;min-width:0;min-height:6.7rem;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.15rem 1.2rem}.stat-row+.stat-row{border-left:1px solid var(--border)}.stat-label{color:var(--muted);font-size:.8rem;font-weight:600;letter-spacing:-.01em}.stat-value{color:#fff;font-family:SF Mono,Roboto Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.86rem,1.8vw,1rem);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap}.best-value{display:inline-flex;align-items:baseline}.about{grid-column:1;grid-row:1;display:flex;width:auto;min-width:0;min-height:100vh;padding:clamp(1.5rem,3vw,3.5rem);background:#f7f6f5;color:#2a2320;--text: #2a2320;--muted: rgba(42, 35, 32, .68);--accent: #2a2320;flex-direction:column;justify-content:space-between}.about h1{max-width:100%;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.25rem,1.7vw,2rem);font-weight:900;letter-spacing:-.03em;line-height:.9}.about-copy{font-family:Alegreya,Georgia,serif;display:grid;max-width:32rem;gap:1.35rem;margin-top:clamp(2rem,4vw,3rem);color:var(--muted);font-size:1rem;line-height:1.5}.about-copy a{color:var(--text);text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}.about-copy em{color:var(--text)}.about-footer{font-size:.9rem}.about-footer a{color:var(--muted);text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:.18em}@media(max-width:900px){.container{display:block;width:100%;min-height:auto;padding:0}.about{display:block;width:100%;min-height:auto;padding:clamp(2.5rem,10vw,4rem) clamp(1.25rem,6vw,2rem);background:#f7f6f5;border:0}.about-footer{margin-top:2.5rem}.experiment-only{width:min(100%,68rem);min-height:auto;padding:1.35rem 1rem 2rem}.wrapper-experiment{min-height:auto;padding:1.5rem 1rem 2rem}.wrapper-experiment frame-ui .frame-content{width:calc(100vw - 2rem - 152px);max-width:100%}.experiment{min-height:calc(100vh - 3.35rem);padding:2rem 0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4.5rem}.stat-row{min-height:5.9rem;padding:1rem}.stat-row:nth-child(3){border-left:0;border-top:1px solid var(--border)}.stat-row:nth-child(4){border-top:1px solid var(--border)}}@media(max-width:900px)and (max-height:420px){.container{padding:clamp(.5rem,3vh,.75rem) .75rem .25rem}.experiment{min-height:auto;padding:clamp(.5rem,3vh,.75rem) 0}.stats{margin-top:clamp(1rem,5vh,1.5rem)}.stat-row{min-height:clamp(4rem,15vh,4.5rem);gap:.5rem;padding:.7rem .75rem}.stat-label{font-size:.7rem}.stat-value{font-size:.8rem}}