@import"https://fonts.googleapis.com/css2?family=Faculty+Glyphic&display=swap";@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, .62);--dim: rgba(255, 255, 255, .78);--accent: #c9f279;--target: #e8b956}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;background-color:#000208;background-image:url(/art/infinite-monkey-ii/assets/dark-leather-BzNz4oPt.png);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%,52rem);text-align:center}.target-text,.attempt-text{display:block;white-space:pre-wrap;word-break:break-word}.target-text{color:var(--target);font-family:Faculty Glyphic,Georgia,Times New Roman,serif;font-size:clamp(2.7rem,7.2vw,4.7rem);letter-spacing:-.035em;line-height:1.05;text-transform:uppercase;filter:url(#target-inset)}.target-symbol{transition:color .18s ease,text-shadow .18s ease}.target-symbol.matched{color:var(--accent);text-shadow:0 0 1.5rem rgba(201,242,121,.24)}.attempt-text{min-height:4.35rem;margin-top:1.5rem;color:#ffffff6b;font-family:SF Mono,Roboto Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.9rem,2.1vw,1.15rem);font-weight:600;letter-spacing:.01em;line-height:1.65}.attempt-symbol{display:inline-block;width:1ch;text-align:center;transition:color .18s ease,text-shadow .18s ease}.attempt-symbol.matched,.best-symbol.matched{color:var(--accent);text-shadow:0 0 1rem rgba(201,242,121,.2)}.attempt-symbol.mismatch{color:var(--dim)}.attempt-symbol.pending{color:#ffffff2e}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:3.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.4rem;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.1rem 1.15rem}.stat-row+.stat-row{border-left:1px solid var(--border)}.best-row{grid-column:1 / -1;min-height:4.8rem;border-top:1px solid var(--border)}.stat-label{color:var(--muted);font-size:.75rem;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:block;max-width:100%;overflow:hidden;color:var(--dim);font-size:clamp(.72rem,1.7vw,.95rem);line-height:1.5;white-space:normal;word-break:break-all}.best-symbol{display:inline-block;width:1ch;text-align:center}.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%;color:#2a2320;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(--target);text-decoration-thickness:1px;text-underline-offset:.18em}.about-copy em{color:var(--text)}.about-copy sup{font-size:.65em}.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}.attempt-text{margin-top:1.15rem}.stats{margin-top:2rem}.stat-row{min-height:5.7rem;padding:.95rem}.stat-row:nth-child(odd){border-left:0}.stat-row:nth-child(n+3):not(.best-row){border-top:1px solid var(--border)}.best-row{grid-column:1 / -1;border-left:0}}@media(max-width:900px)and (max-height:520px){.container{padding:.75rem .75rem 1rem}.experiment{min-height:auto;padding:1rem 0}.target-text{font-size:2.7rem}.attempt-text{min-height:3.7rem;margin-top:.8rem;font-size:.8rem}.stats{margin-top:1rem}.stat-row{min-height:4.7rem;gap:.5rem;padding:.7rem .75rem}}