:root{--bg:#171c24;--topbar:#0e131b;--panel:#1e242e;--line:#2c3542;--stage:#0e131b;--ink:#e8edf4;--dim:#8a93a1;--locked:#4d5663;--accent:#5fd0a6;--warn:#e2a35c;--bad:#e2795c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=light]{--bg:#e9edf2;--topbar:#fff;--panel:#fff;--line:#d3dae3;--stage:#fff;--ink:#131720;--dim:#5f6b7a;--locked:#a3adba;--accent:#0f9c6f;--warn:#b57323;--bad:#c2502f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0}.topbar{z-index:10;border-bottom:1px solid var(--line);background:var(--topbar);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:.02em;font-size:17px;font-weight:600}.app{flex-direction:column;align-items:center;gap:14px;max-width:760px;margin:0 auto;padding:22px 18px 60px;display:flex}.tag{color:var(--dim);text-align:center;margin:0;font-size:13px}.stage{aspect-ratio:1;background:var(--stage);border:1px solid var(--line);border-radius:16px;width:min(92vw,560px);position:relative;overflow:hidden}.stage-canvas{width:100%;height:100%;display:block}.stage-note{color:var(--dim);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.meta{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{background:var(--panel);border:1px solid var(--line);color:var(--dim);border-radius:999px;padding:4px 10px;font-size:12px}.chip.mono{letter-spacing:3px;font-family:ui-monospace,monospace}.chip.warn{color:var(--warn)}.hints{flex-direction:column;gap:8px;width:min(92vw,560px);display:flex}.hints-head{flex-direction:column;gap:1px;margin-top:6px;display:flex}.hints-title{letter-spacing:.06em;color:var(--dim);margin:0;font-size:15px;font-weight:600}.hints-note{color:var(--locked);margin:0;font-size:11px}.hint{text-align:left;background:var(--panel);border:1px solid var(--line);cursor:default;border-radius:10px;flex-direction:column;gap:3px;width:100%;min-height:52px;padding:9px 12px;display:flex}.hint-label{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:13px;font-weight:600}.hint-value{color:var(--ink);min-height:21px;font-size:15px}.hint.open{border-color:var(--accent)}.guessbar{gap:8px;width:min(92vw,560px);display:flex}.guessbar input{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;outline:none;flex:1;padding:11px 13px;font-size:15px}.guessbar input:focus{border-color:var(--accent)}button{background:var(--panel);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}button:hover:not(:disabled){border-color:var(--dim)}button:disabled{opacity:.45;cursor:default}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:22px;margin-bottom:8px;display:flex}.controls label{color:var(--dim);align-items:center;gap:6px;font-size:12px;display:flex}.controls input[type=range]{width:110px;accent-color:var(--accent)}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-button{background:var(--panel);border:1px solid var(--line);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:10px;place-items:center;padding:0;font-size:15px;line-height:1;text-decoration:none;display:grid}.icon-button:hover{background:var(--stage)}.icon-button.is-current{background:var(--stage);border-color:var(--line);color:var(--accent);cursor:default}.modal-backdrop{z-index:20;background:#030508b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;gap:14px;width:min(92vw,520px);max-height:84vh;padding:22px 24px;display:flex;overflow-y:auto}.modal h2{margin:0;font-size:19px}.modal ul{border-left:2px solid var(--line);text-align:left;flex-direction:column;gap:10px;margin:0;padding:0 0 0 14px;list-style:none;display:flex}.modal li{color:var(--dim);font-size:13.5px;line-height:1.5}.modal-go{border-color:var(--accent);color:var(--accent);align-self:center}.give-up{padding:10px 22px}.remaining{color:var(--dim);margin:0;font-size:14px}.remaining strong{color:var(--ink)}.result-modal{align-items:center}.result-logo{object-fit:contain;width:min(70%,260px);height:auto}.result-answer{margin:0;font-size:18px;font-weight:600}.result-count{color:var(--dim);margin:0;font-size:14px}.puzzle-date{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0;font-size:12px}.audit{flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;padding:18px;display:flex}.audit-link{color:var(--dim);border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:13px;text-decoration:none}.audit-link:hover{color:var(--accent);border-color:var(--accent)}.audit-warn{border:1px solid var(--warn);color:var(--warn);border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.audit-warn code{font-family:ui-monospace,monospace}.audit-preview{grid-template-columns:1fr 1fr;gap:16px;display:grid}.audit-preview figure{flex-direction:column;gap:6px;margin:0;display:flex}.audit-preview img{aspect-ratio:1;object-fit:contain;border:1px solid var(--line);background-color:#9aa3ad;background-image:linear-gradient(45deg,#cfd5db 25%,#0000 25%),linear-gradient(-45deg,#cfd5db 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#cfd5db 75%),linear-gradient(-45deg,#0000 75%,#cfd5db 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border-radius:16px;width:100%;padding:7%}.audit-preview .stage{width:100%}.audit-preview figcaption{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-align:center;font-size:11px}.audit-bar{color:var(--dim);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.audit-upcoming{opacity:.8;flex:100%;font-size:12px}.audit-table{border-collapse:collapse;width:100%;font-size:13px}.audit-table th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);padding:6px 8px;font-size:10px}.audit-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:7px 8px}.audit-table tr{cursor:pointer}.audit-table tr.selected td{background:var(--panel)}.audit-table a{color:var(--dim)}.audit-name{display:block}.audit-slug{color:var(--dim);font-family:ui-monospace,monospace;font-size:11px;display:block}.audit-table select{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:4px 6px;font-size:12px}.audit-edit{width:100%;min-width:120px;color:var(--ink);font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;padding:4px 6px}.audit-edit:hover:not(:disabled){border-color:var(--line)}.audit-edit:focus{border-color:var(--accent);background:var(--panel);outline:none}.audit-edit:disabled{opacity:.5}.audit-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.audit-table th.sortable:hover{color:var(--ink)}.audit-table th.sorted{color:var(--accent)}.sort-arrow{margin-left:4px;font-size:8px}.audit-table td.grip{color:var(--dim);cursor:grab;text-align:center;width:18px}.audit-table tr[draggable=true]{cursor:grab}.audit-table tr.dragging{opacity:.4}.audit-table tr.over td{box-shadow:inset 0 1px 0 var(--accent), inset 0 -1px 0 var(--accent)}.audit-table tr.locked{opacity:.5}.audit-table tr.locked td.grip{cursor:default}.audit-when{white-space:nowrap}.account{align-items:center;gap:8px;font-size:13px;display:flex}.account img{border-radius:50%;width:26px;height:26px}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.account-plan{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:2px 7px;font-size:10px}.account-out{padding:6px 10px;font-size:12px}.google-button{align-items:center;min-height:32px;display:flex}.ad-slot{width:min(92vw,560px)}.checkout-error{color:var(--bad);margin:0;font-size:13px}.result-stats{justify-content:center;gap:18px;margin:0;display:flex}.result-stats div{flex-direction:column;align-items:center;gap:2px;display:flex}.result-stats dt{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:10px}.result-stats dd{margin:0;font-size:20px;font-weight:600}.result-next{color:var(--dim);margin:0;font-size:12px}.stats{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.stat-row{flex-wrap:wrap;gap:28px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-value{font-size:22px;font-weight:600}.stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:10px}.stat-dist{flex-direction:column;gap:4px;display:flex}.stat-bar{align-items:center;gap:8px;display:flex}.stat-fill{background:var(--accent);color:var(--bg);text-align:right;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.schedule{flex-direction:column;gap:10px;display:flex}.schedule-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.schedule-head h2{letter-spacing:.06em;margin:0;font-size:18px;font-weight:600}.schedule-toggle{color:var(--dim);align-items:center;gap:6px;font-size:12px;display:flex}.schedule-list{flex-direction:column;gap:4px;max-height:460px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.schedule-row{border:1px solid var(--line);background:var(--panel);cursor:grab;border-radius:10px;grid-template-columns:20px 150px 28px 1fr auto auto;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:grid}.schedule-row.dragging{opacity:.4}.schedule-row.over{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.schedule-row.today{border-color:var(--accent)}.schedule-row.locked{cursor:default;opacity:.55;background:0 0;border-style:dashed}.schedule-grip{color:var(--dim);cursor:grab}.schedule-row.locked .schedule-grip{cursor:default}.schedule-date em{color:var(--accent);font-size:11px;font-style:normal}.schedule-row.locked .schedule-date em{color:var(--dim)}.schedule-thumb{object-fit:contain;background:#cfd5db;border-radius:5px;width:26px;height:26px;padding:2px}.schedule-name{font-weight:600}.schedule-meta{color:var(--dim);font-size:12px}.schedule-warn{letter-spacing:.1em;text-transform:uppercase;color:var(--warn);font-size:10px}.schedule-empty{color:var(--dim);padding:12px;font-size:13px}.audit-when.unaudited,.audit-slug.warn{color:var(--warn)}.audit-thumb{object-fit:contain;background:#b9c0c8;border-radius:6px;width:30px;height:30px;padding:3px;display:block}.buy-button{border-color:var(--accent);color:var(--accent);white-space:nowrap;padding:7px 12px;font-size:12px}.buy-button:hover:not(:disabled){background:var(--accent);color:var(--bg)}.settings{flex-direction:column;gap:18px;max-width:640px;margin:0 auto;padding:28px 18px 60px;display:flex}.settings h1{letter-spacing:.06em;margin:0;font-size:22px}.setting{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.setting-copy{flex:280px}.setting-copy h2{margin:0 0 4px;font-size:15px}.setting-copy p{color:var(--dim);margin:0;font-size:13px;line-height:1.5}.setting-action,.setting-signin{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.setting-note{color:var(--dim);text-align:right;max-width:200px;font-size:11px}a.wordmark{color:var(--ink);text-decoration:none}.support{flex-direction:column;gap:16px;display:flex}.dotted{border:0;border-top:1px dotted var(--line);margin:0}.support-row{align-items:flex-start;gap:16px;padding:4px 0;display:flex}.stripe-badge{color:#635bff;letter-spacing:-.01em;background:#fff;border-radius:999px;flex:none;margin-top:2px;padding:5px 12px;font-size:13px;font-weight:700}.support-body{flex-direction:column;gap:4px;display:flex}.support-link{color:var(--warn);text-underline-offset:3px;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:17px;font-weight:600;text-decoration:underline}.support-link:hover:not(:disabled){color:var(--accent);border:0}.support-link:disabled{cursor:default;opacity:.6}.support-link.muted,.support-link.is-supporter{color:var(--accent);cursor:default;text-decoration:none}.support-sub{color:var(--dim);margin:0;font-size:13px}.support-sub strong{color:var(--ink)}.support-signin{margin-top:8px}.support-note{color:var(--dim);margin:0;font-size:14px;line-height:1.6}.support-hi{color:var(--accent);font-weight:600}.account-avatar{border-radius:50%;width:22px;height:22px;display:block}.history{flex-direction:column;gap:12px;display:flex}.history h2{margin:0;font-size:15px}.history .result-stats{justify-content:flex-start}.history-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.history-list li{border:1px solid var(--line);border-radius:10px;grid-template-columns:26px 110px 1fr auto;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:grid}.history-list img{object-fit:contain;background:#b9c0c8;border-radius:5px;width:22px;height:22px;padding:2px}.history-date{color:var(--dim)}.history-name{font-weight:600}.history-result.good{color:var(--accent)}.history-result.bad{color:var(--dim)}.soon{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:620px;margin:0 auto;padding:40px 18px 60px;display:flex}.soon-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin:0;font-size:11px}.soon h1{max-width:16em;margin:0;font-size:26px;line-height:1.25}.soon-copy{color:var(--dim);max-width:34em;margin:0;font-size:14px;line-height:1.6}.soon-foot{color:var(--dim);margin:0;font-size:12px}.prose{max-width:700px;margin:0 auto;padding:32px 18px 80px;font-size:14px;line-height:1.7}.prose h1{margin:0 0 4px;font-size:24px}.prose h2{margin:28px 0 8px;font-size:16px}.prose p,.prose li{color:var(--dim)}.prose strong{color:var(--ink)}.prose a{color:var(--accent)}.prose-meta{margin:0 0 18px;font-size:12px}.prose ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.prose-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.prose-table th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);padding:6px 10px 6px 0;font-size:10px}.prose-table td{border-bottom:1px solid var(--line);vertical-align:top;color:var(--dim);padding:8px 10px 8px 0}.site-foot{color:var(--dim);gap:8px;margin-top:28px;font-size:12px;display:flex}.site-foot a{color:var(--dim)}.site-foot a:hover{color:var(--accent)}.modal-actions{justify-content:center;gap:8px;display:flex}.modal-share{border-color:var(--accent);color:var(--accent)}.modal-share:hover:not(:disabled){background:var(--accent);color:var(--bg)}button.danger:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}.clock{letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:40px;font-weight:600;line-height:1}.clock-unit{color:var(--dim);margin-left:2px;font-size:20px;font-weight:500}.hint-detail{color:var(--dim)}.result-standing{color:var(--accent);margin:0;font-size:13px}.board{width:min(92vw,560px);position:relative}.stage-idle{place-items:center;display:grid}.board-gate{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.start-button{border-color:var(--accent);color:var(--accent);background:var(--panel);padding:14px 38px;font-size:17px;font-weight:600}.start-button:hover{background:var(--accent);color:var(--bg)}.board-gate-note{color:var(--dim);margin:0;font-size:12px}.clock{color:var(--locked)}.clock-label{letter-spacing:.02em;font-size:17px;font-weight:500}.clock-sep{opacity:.5;margin:0 8px 0 6px;font-size:22px}.stat-value.good{color:var(--accent)}.stat-value.bad{color:var(--bad)}.stat-fill.quiet{background:var(--line);color:var(--ink)}.stat-day{color:var(--dim);align-items:baseline;gap:10px;font-size:12px;display:flex}.audit-when.rotating{color:var(--accent)}.archive-blank{border:1px dashed var(--line);width:22px;height:22px;color:var(--locked);border-radius:5px;place-items:center;font-size:12px;display:grid}.archive-play{color:var(--accent);border:1px solid var(--accent);border-radius:8px;padding:3px 12px;font-size:12px;text-decoration:none}.archive-play:hover{background:var(--accent);color:var(--bg)}.history-list li.unplayed .history-name{color:var(--dim);font-weight:400}.puzzle-sep{opacity:.4;margin:0 8px}.difficulty{font-weight:600}.difficulty.easy{color:var(--accent)}.difficulty.medium{color:var(--warn)}.difficulty.hard{color:var(--bad)}.route-loading{place-items:center;min-height:180px;padding:80px 0;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}