:root{--font-display:"Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-label:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-body:Georgia, "Iowan Old Style", "Times New Roman", serif;--display-weight:700;--display-tracking:.01em;--display-tracking-sm:0;--display-case:none;--display-case-title:none;--radius:3px;--radius-sm:3px;--border-w:1px;--board-gap:1px;--board-border:1px solid var(--line);--tracking-label:.07em;--input-pad:9px 2px;--input-border:none;--input-radius:0px;--btn-pad:9px 18px;--btn-radius:2px;--btn-align:flex-start;--btn-shadow:none;--z-content:0;--z-modal:1100;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root,:root[data-theme=light]{--bg:#f2f2f1;--surface:#fafaf9;--ink:#212121;--ink-muted:#71716f;--accent:#27272a;--accent-2:#52525b;--line:#d4d4d2;--hidden:#e4e4e2;--danger:#a33b3b}:root[data-theme=dark]{--bg:#141414;--surface:#1c1c1b;--ink:#ededec;--ink-muted:#a0a09e;--accent:#e4e4e2;--accent-2:#a0a09e;--line:#2b2b2a;--hidden:#212120;--danger:#d9776e}*,:before,:after{box-sizing:border-box}html,body,#root{max-width:100%}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage-frame{justify-content:center;padding:28px 20px 64px;display:flex}.stage{width:100%;min-width:0;max-width:980px}.app-bar{flex-wrap:wrap;align-items:center;gap:16px;padding:20px 0 0;display:flex}.wordmark{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:var(--display-case);font-size:1.3rem;text-decoration:none}.app-nav{align-items:center;gap:18px;min-width:0;margin-left:auto;display:flex}.app-nav a,.app-nav button{font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;text-decoration:none}.app-nav a.active,.app-nav a:hover,.app-nav button:hover{color:var(--accent)}.avatar{background:var(--accent);max-width:min(160px,40vw);height:30px;color:var(--bg);font-family:var(--font-label);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 12px;font-size:.78rem;font-weight:700;text-decoration:none;display:flex;overflow:hidden}.view{padding:0 0 56px}.loading,.error-note{font-family:var(--font-mono);color:var(--ink-muted);padding:34px 0;font-size:.85rem}.debug-badge{font-family:var(--font-mono);color:var(--bg);background:var(--accent);border-radius:var(--radius-sm);margin-top:8px;padding:3px 8px;font-size:.75rem;display:inline-block}.dash-head{padding:34px 0 24px}.dash-head h1{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:var(--display-case);text-wrap:balance;margin:0 0 6px;font-size:clamp(1.7rem,4vw,2.4rem)}.dash-sub{color:var(--ink-muted);font-family:var(--font-body);margin:0;font-size:.95rem}.dashboard-list{border-top:var(--border-w) solid var(--line);flex-direction:column;gap:0;display:flex}.dashboard-section{margin-top:34px}.dashboard-section-title{font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--ink-muted);margin:0 0 6px;font-size:.85rem}.card{color:inherit;border-bottom:var(--border-w) solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 4px;text-decoration:none;display:grid}.card:hover .card-cta{color:var(--ink);text-decoration:underline}.card-body{min-width:0}.card-thumb{border-radius:var(--radius-sm);grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);background-color:var(--hidden);flex:none;gap:1px;width:64px;height:64px;display:grid;position:relative;overflow:hidden}.card-eyebrow{font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:.62rem;overflow:hidden}.card-title{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking-sm);text-transform:var(--display-case-title);margin:0 0 5px;font-size:1.25rem}.card-meta{font-family:var(--font-mono);color:var(--ink-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:7px;margin:0;font-size:.82rem;display:flex}.card-cta{font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);white-space:nowrap;cursor:pointer;background:0 0;border:none;justify-self:end;padding:0;font-size:.78rem;text-decoration:none}.card-thumb-new{font-family:var(--font-display);color:var(--ink-muted);border:var(--border-w) dashed var(--line);background:0 0;justify-content:center;align-items:center;font-size:1.6rem;display:flex}.detail-head{border-bottom:var(--border-w) solid var(--line);padding:30px 0 26px}.detail-eyebrow{font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--accent);margin:0 0 6px;font-size:.75rem}.card-eyebrow,.detail-eyebrow{background:var(--accent);color:var(--bg);border-radius:2px;max-width:100%;padding:2px 9px;font-weight:600;display:inline-block}.card-eyebrow{padding:1px 6px}.detail-title{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:var(--display-case);text-wrap:balance;margin:0 0 10px;font-size:clamp(1.9rem,5vw,2.7rem)}.detail-meta{font-family:var(--font-mono);color:var(--ink-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px;margin:0;font-size:.86rem;display:flex}.detail-meta span.sep{opacity:.5}.detail-body{grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:36px;padding-top:30px;display:grid}@media (width<=720px){.detail-body{grid-template-columns:minmax(0,1fr)}}.board-wrap{min-width:0}.board,.past-image-thumb,.past-image-modal-board{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);gap:var(--board-gap);aspect-ratio:var(--cols) / var(--rows);background-color:var(--hidden);border-radius:var(--radius);border:var(--board-border);display:grid;overflow:hidden}.cell{min-width:0;position:relative}.cell.hidden{background:var(--hidden)}.cell.revealed{background-image:var(--board-art);background-size:calc(var(--cols) * 100%) calc(var(--rows) * 100%);background-position:calc(var(--col) / (var(--cols) - 1) * 100%) calc(var(--row) / (var(--rows) - 1) * 100%)}.cell.void{background-image:repeating-linear-gradient(45deg, transparent 0 5px, var(--line) 5px 6px);background-color:var(--bg);opacity:.6}.board-legend{font-family:var(--font-mono);color:var(--ink-muted);flex-wrap:wrap;gap:16px;margin:14px 0 0;padding:0;font-size:.74rem;list-style:none;display:flex}.board-legend li{align-items:center;gap:6px;display:flex}.swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.swatch-hidden{background:var(--hidden)}.swatch-revealed{background:var(--accent-2)}.detail-side{flex-direction:column;gap:22px;min-width:0;display:flex}.solved-box{border-top:var(--border-w) solid var(--line);font-family:var(--font-mono);padding-top:14px;font-size:.86rem}.solved-box p{margin:0 0 6px}.guess-form{border-top:var(--border-w) solid var(--line);flex-direction:column;gap:8px;padding-top:14px;display:flex}.guess-form label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--ink-muted);font-size:.72rem}.guess-form input{font-family:var(--font-body);padding:var(--input-pad);background:var(--surface);color:var(--ink);border:var(--input-border);border-bottom:var(--border-w) solid var(--line);border-radius:var(--input-radius);width:100%;min-width:0;font-size:1rem}.guess-form input::placeholder{color:var(--ink-muted);opacity:.8}.guess-form button{align-self:var(--btn-align);font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:var(--btn-pad);background:var(--accent);color:var(--bg);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);cursor:pointer;border:none;font-size:.82rem}.guess-form button:disabled{opacity:.4;cursor:default}.guess-help{font-family:var(--font-mono);color:var(--ink-muted);margin:0;font-size:.72rem}.guess-verdict{font-family:var(--font-mono);color:var(--ink);margin:0;font-size:.8rem}.guess-form .give-up{box-shadow:none;text-transform:none;letter-spacing:normal;font-family:var(--font-mono);color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:0;align-self:flex-start;padding:0;font-size:.72rem;text-decoration:underline}.guess-form .give-up:hover:not(:disabled){color:var(--ink)}.guess-form .give-up:disabled{opacity:.4;cursor:default}.archived-box{border-top:var(--border-w) solid var(--line);font-family:var(--font-mono);flex-direction:column;gap:12px;padding-top:14px;font-size:.86rem;display:flex}.archived-box p{color:var(--ink-muted);margin:0}.archived-box button{align-self:var(--btn-align);font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:var(--btn-pad);background:var(--accent);color:var(--bg);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);cursor:pointer;border:none;font-size:.82rem}.archived-box button:disabled{opacity:.4;cursor:default}.archive-toggle{box-shadow:none;text-transform:none;letter-spacing:normal;font-family:var(--font-mono);color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:0;align-self:flex-start;padding:0;font-size:.72rem;text-decoration:underline}.archive-toggle:hover:not(:disabled){color:var(--ink)}.archive-toggle:disabled{opacity:.4;cursor:default}.delete-streak{box-shadow:none;text-transform:none;letter-spacing:normal;font-family:var(--font-mono);color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:0;align-self:flex-start;margin-top:4px;padding:0;font-size:.72rem;text-decoration:underline}.delete-streak:hover{color:var(--danger)}.settings-body{flex-direction:column;gap:24px;max-width:420px;padding-top:8px;display:flex}.settings-section{border-top:var(--border-w) solid var(--line);flex-direction:column;gap:8px;padding-top:14px;display:flex}.settings-label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--ink-muted);margin:0;font-size:.72rem}.settings-note{font-family:var(--font-mono);color:var(--ink);margin:0;font-size:.8rem}.logout-button{border:none;border-top:var(--border-w) solid var(--line);font-family:var(--font-mono);color:var(--ink-muted);cursor:pointer;background:0 0;border-radius:0;align-self:flex-start;padding:14px 0 0;font-size:.85rem;text-decoration:underline}.logout-button:hover:not(:disabled){color:var(--ink)}.logout-button:disabled{opacity:.4;cursor:default}.signed-out{text-align:left;flex-direction:column;align-items:flex-start;gap:12px;max-width:420px;margin:60px auto 0;display:flex}.signed-out button{font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:var(--btn-pad);background:var(--accent);color:var(--bg);border-radius:var(--btn-radius);cursor:pointer;border:none;width:100%;font-size:.82rem}.signed-out button:disabled{opacity:.4;cursor:default}.signed-out button+button{background:var(--surface);color:var(--ink);border:var(--border-w) solid var(--line)}.confess-block{border-top:var(--border-w) solid var(--line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.slip-stepper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.slip-stepper-label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--ink-muted);min-width:0;font-size:.74rem}.slip-stepper-control{align-items:center;gap:10px;display:flex}.slip-step{border:var(--border-w) solid var(--line);border-radius:var(--radius-sm);width:26px;height:26px;color:var(--ink);font-family:var(--font-mono);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.slip-step:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.slip-step:disabled{opacity:.35;cursor:default}.slip-stepper-count{text-align:center;min-width:1.4em;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1rem}.confess-caption{font-family:var(--font-mono);color:var(--ink-muted);margin:0;font-size:.72rem}.slip-status{font-family:var(--font-mono);color:var(--ink-muted);align-items:center;gap:8px;margin:0;font-size:.74rem;display:flex}.slip-face{color:var(--ink-muted);flex:none}.slip-face .eye-joy,.slip-face[data-mood=beaming] .eye-dot,.slip-face[data-mood=happy] .eye-dot{display:none}.slip-face[data-mood=beaming] .eye-joy,.slip-face[data-mood=happy] .eye-joy{display:block}.credits-shop{border-top:var(--border-w) solid var(--line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.credits-balance{font-family:var(--font-mono);color:var(--ink-muted);margin:0;font-size:.85rem}.credits-count{font-family:var(--font-display);font-weight:var(--display-weight);color:var(--ink);font-size:1.1rem}.credits-shop-actions{flex-wrap:wrap;gap:10px;display:flex}.credits-shop-actions button{min-width:0;font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:var(--btn-pad);background:var(--surface);color:var(--ink);border:var(--border-w) solid var(--line);border-radius:var(--btn-radius);cursor:pointer;flex:150px;font-size:.74rem}.credits-shop-actions button:disabled{opacity:.4;cursor:default}.credits-shop-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.create-steps{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;padding:0;font-size:.72rem;list-style:none;display:flex}.create-steps li.is-current{color:var(--ink);font-weight:700}.create-steps li.is-done{color:var(--ink-muted);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.create-body{max-width:620px;padding-top:30px}.create-step{flex-direction:column;gap:16px;display:flex}.create-label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--ink-muted);font-size:.78rem;display:block}.create-help{font-family:var(--font-body);color:var(--ink-muted);margin:-10px 0 0;font-size:.92rem}.create-help strong{color:var(--ink);font-weight:700}.create-input{font-family:var(--font-body);padding:var(--input-pad);background:var(--surface);color:var(--ink);border:var(--input-border);border-bottom:var(--border-w) solid var(--line);border-radius:var(--input-radius);width:100%;min-width:0;font-size:1.05rem}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip-grid{gap:10px}.chip{font-family:var(--font-body);background:var(--surface);color:var(--ink);border:var(--border-w) solid var(--line);border-radius:var(--radius-sm);cursor:pointer;min-width:0;max-width:100%;padding:8px 14px;font-size:.88rem}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.create-summary{border-top:var(--border-w) solid var(--line);padding-top:18px}.create-nav{border-top:var(--border-w) solid var(--line);justify-content:space-between;gap:12px;margin-top:26px;padding-top:34px;display:flex}.create-back,.create-next{font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:var(--btn-pad);border-radius:var(--btn-radius);cursor:pointer;font-size:.82rem}.create-back{border:var(--border-w) solid var(--line);color:var(--ink-muted);background:0 0}.create-back:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.create-back:disabled{opacity:.35;cursor:default}.create-next{background:var(--accent);color:var(--bg);box-shadow:var(--btn-shadow);border:none}.create-next:hover:not(:disabled){opacity:.9}.create-next:disabled{opacity:.4;cursor:default}@media (width<=720px){.create-input,.guess-form input{font-size:16px}}.past-images{border-top:var(--border-w) solid var(--line);margin-top:40px;padding-top:24px}.past-images-title{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking-sm);text-transform:var(--display-case-title);margin:0 0 16px;font-size:1.3rem}.past-images-grid{grid-template-columns:repeat(auto-fill,minmax(min(120px,100%),1fr));gap:14px;display:grid}.past-image-card{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:0;position:relative;overflow:hidden}.past-image-card:hover .past-image-thumb{opacity:.85}.past-image-badge{font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--bg);border-radius:999px;padding:2px 8px;font-size:.68rem;position:absolute}.past-image-badge-status{bottom:6px;right:6px}.past-image-badge-points{background:var(--accent-2);top:6px;left:6px}.past-image-badge-status.solved{background:var(--accent)}.past-image-badge-status.skipped{background:var(--danger)}.past-image-modal{border:var(--border-w) solid var(--line);border-radius:var(--radius);background:var(--surface);max-width:min(480px,100% - 40px);max-height:86vh;color:inherit;margin:auto;padding:0}.past-image-modal::backdrop{background:#0009}.past-image-modal-content{max-height:86vh;padding:20px;overflow-y:auto}.past-image-modal-close{z-index:1;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;position:absolute;top:10px;right:10px}.past-image-modal-close:hover{color:var(--ink)}.past-image-modal-details{font-family:var(--font-mono);margin-top:14px;font-size:.9rem}.past-image-modal-details h3{font-family:var(--font-display);font-weight:var(--display-weight);margin:0 0 6px;font-size:1.15rem}.past-image-modal-details p{color:var(--ink-muted);margin:0}.confirm-dialog{border:var(--border-w) solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(420px,100% - 40px);max-height:86vh;color:inherit;margin:auto;padding:0}.confirm-dialog::backdrop{background:#0009}.confirm-dialog-content{padding:20px}.confirm-dialog-content h3{font-family:var(--font-display);font-weight:var(--display-weight);margin:0 0 10px;font-size:1.15rem}.confirm-dialog-content p{color:var(--ink-muted);margin:0 0 16px}.confirm-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-dialog-actions button{font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:var(--btn-pad);border:var(--border-w) solid var(--line);border-radius:var(--btn-radius);color:inherit;cursor:pointer;background:0 0;font-size:.82rem}.confirm-dialog-actions button:disabled{opacity:.4;cursor:default}.confirm-dialog-actions .confirm-dialog-danger{border-color:var(--danger);background:var(--danger);color:var(--bg)}