@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{font-family:IBM Plex Mono,monospace;line-height:1.5;font-weight:400;color:#f3f3f3;background:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;min-width:320px}body{min-height:100vh}button,input{font:inherit}:root{--bg: #060606;--bg-soft: #0f0f0f;--surface: rgba(12, 12, 12, .9);--surface-2: rgba(18, 18, 18, .85);--border: rgba(255, 255, 255, .12);--text: #f5f5f5;--muted: #a5a5a5;--shadow: 0 28px 80px rgba(0, 0, 0, .4);--good: #70e0a5;--bad: #ff8f8f;--skip: #8fb6ff;--short: #f3bb60;--long: #c59bff}:root[data-theme=light]{--bg: #f1ede5;--bg-soft: #e8e1d6;--surface: rgba(255, 255, 255, .9);--surface-2: rgba(248, 245, 239, .92);--border: rgba(19, 19, 19, .14);--text: #171717;--muted: #5f5f5f;--shadow: 0 22px 64px rgba(0, 0, 0, .08);--good: #1f7a4d}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(255,255,255,.05),transparent 22%),linear-gradient(180deg,var(--bg-soft),var(--bg));color:var(--text);transition:background-color .18s ease,color .18s ease}.phase-setup{align-items:center}.theme-float{position:fixed;top:18px;right:18px;z-index:20;display:inline-flex;gap:6px;padding:6px;border:1px solid var(--border);border-radius:999px;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.cabinet{width:min(1020px,100%);background:transparent}.marquee{padding:34px 28px 18px;text-align:center}.title-scene{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0}.stitched-title,.setup-copy h2,.timer-chip,.action-button,.theme-option,.pair-letter,.timer-float strong,.score-line strong,.results-copy h2{font-family:IBM Plex Mono,monospace}.stitched-title{position:relative;display:inline-flex;gap:.04em;align-items:flex-end;margin:0;letter-spacing:.1em;text-transform:lowercase;z-index:1}.title-large{font-size:clamp(2.9rem,8vw,5rem)}.title-compact{font-size:clamp(1.2rem,3vw,1.7rem)}.title-letter{display:inline-block}.title-letter-0{transform:rotate(-8deg) translateY(.05em)}.title-letter-1{transform:rotate(5deg) translateY(-.02em)}.title-letter-2{transform:rotate(-4deg) translateY(.02em)}.title-letter-3{transform:rotate(7deg) translateY(-.04em)}.title-letter-4{transform:rotate(-5deg) translateY(.03em)}.title-letter-5{transform:rotate(6deg) translateY(-.01em)}.helper-text,.marquee-copy,.status-line,.control-hint,.timer-float span,.score-line span{font-family:IBM Plex Mono,monospace}.marquee-copy{margin:16px auto 0;max-width:40rem;color:var(--muted);line-height:1.65}.theme-option{width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:1.15rem;cursor:pointer}.theme-option.active{background:var(--text);color:var(--surface)}.screen{position:relative;padding:22px 28px 34px}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.018),rgba(255,255,255,.018) 1px,transparent 1px,transparent 6px);pointer-events:none;opacity:.55}.setup-view,.loading-view,.play-view,.results-view{position:relative;z-index:1}.setup-view,.loading-view,.results-view{min-height:440px;display:grid;justify-items:center;align-content:center;gap:22px;text-align:center}.setup-copy,.results-copy{display:grid;gap:10px;max-width:560px}.setup-copy h2,.results-copy h2{margin:0;font-size:1.4rem;font-weight:600}.helper-text,.status-line,.control-hint{margin:0;color:var(--muted);line-height:1.65}.status-line.good{color:var(--good)}.status-line.bad{color:var(--bad)}.timer-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.timer-chip,.action-button,.stitch-input{border:0;background:transparent}.timer-chip,.action-button{padding:14px 18px;border-radius:999px;color:var(--text);border:1px solid var(--border);background:var(--surface-2);cursor:pointer}.timer-chip{min-width:116px;display:flex;align-items:center;justify-content:center}.timer-chip.active,.action-button{background:var(--text);color:var(--surface)}.loader-stitch{width:min(220px,100%);overflow:hidden}.loader-stitch span{display:block;width:120px;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);animation:loading-stitch 1.2s linear infinite}.play-view{min-height:520px;display:flex;flex-direction:column;align-items:center;gap:26px}.timer-float{display:inline-flex;align-items:baseline;gap:10px;padding:12px 18px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.timer-float span{color:var(--muted);font-size:.8rem;text-transform:uppercase}.timer-float strong{font-size:1.65rem;line-height:1}.play-stage{width:min(640px,100%);display:grid;justify-items:center;gap:34px;padding-top:12px}.pair-display{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:clamp(18px,7vw,54px)}.pair-letter{display:block;font-family:IBM Plex Mono,monospace;font-size:clamp(4rem,14vw,8.4rem);line-height:.9;text-transform:lowercase}.pair-letter-left{transform:rotate(-4deg)}.pair-letter-right{transform:rotate(3deg)}.pair-separator{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:1.25rem;letter-spacing:.22em}.entry-form{width:100%;display:grid;justify-items:center;gap:12px;margin-top:8px}.stitch-input{width:min(420px,100%);padding:10px 8px 12px;border-bottom:2px solid currentColor;color:var(--text);font-family:IBM Plex Mono,monospace;font-size:clamp(1.1rem,3vw,1.45rem);text-align:center}.stitch-input::placeholder{color:var(--muted);opacity:.7}.stitch-input:focus{outline:0}.control-hint{font-size:.88rem}.score-strip{width:min(760px,100%);display:grid;gap:22px;padding-top:18px;border-top:1px dashed var(--border)}.score-line{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 30px;margin:0}.score-line.subtle{color:var(--muted)}.score-line span{display:inline-flex;gap:8px;align-items:baseline}.score-good{color:var(--good)}.score-bad{color:var(--bad)}.score-skip{color:var(--skip)}.score-short{color:var(--short)}.score-long{color:var(--long)}.results-strip{gap:0;padding-top:0;border-top:0}.results-button{margin-top:clamp(88px,14vh,150px)}.results-grid{width:min(980px,100%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px;align-items:start}.results-metric{display:grid;gap:8px;text-align:center;justify-items:center}.results-metric strong{font-family:IBM Plex Mono,monospace;font-size:1.24rem;line-height:1.3}.results-label,.word-list-copy{margin:0;font-family:IBM Plex Mono,monospace}.results-label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.results-metric-list{gap:10px}.word-list-copy{line-height:1.6;text-align:center;word-break:break-word}.word-list-stack{width:100%;display:grid;justify-items:center;gap:4px}.end-game-button{margin-top:auto;padding:48px 0;border:0;background:transparent;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.end-game-button:hover{color:var(--text)}@keyframes loading-stitch{0%{transform:translate(-120px)}to{transform:translate(220px)}}@media(max-width:720px){.app-shell{padding:14px}.theme-float{top:12px;right:12px}.marquee,.screen{padding-left:18px;padding-right:18px}.timer-bank,.score-line{flex-direction:column;align-items:center;gap:12px}.timer-float{justify-self:center}.pair-display{gap:18px}.results-grid{grid-template-columns:1fr}}