:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7eeda;--panel-bg:#fffbf2;--tile-bg:#f1e3c3;--text:#3a2415;--text-dim:#8a7458;--border:#e4d2a8;--accent:#c9a227;--accent-soft:#c9a22729;--ok:#6f8f5b;--ok-soft:#6f8f5b29;--bad:#b23a2e;--bad-soft:#b23a2e29;--done:#c9a227;--done-soft:#c9a22729;--square-light:#f0e2c0;--square-dark:#9c6b3e;--target-dot:#c9a2278c;--target-capture:#b23a2ebf;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--sans:"Segoe UI", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1b130c;--panel-bg:#241a11;--tile-bg:#2c2015;--text:#f1e6d2;--text-dim:#b7a488;--border:#3d2c1b}}*{box-sizing:border-box}html{font-size:17px}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans)}button{font-family:inherit}.book-plate{background:var(--panel-bg);box-shadow:0 0 0 1px var(--border), 0 0 0 6px var(--panel-bg), 0 0 0 7px var(--border);animation:.18s ease-out book-plate-rise-in}@keyframes book-plate-rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}svg{flex-shrink:0}::selection{background:var(--accent);color:#1a1508}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border:3px solid var(--bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.admin-screen{flex-direction:column;gap:16px;max-width:980px;margin:0 auto;padding:56px 24px;display:flex}.admin-screen h1{font-family:var(--serif);text-align:center;justify-content:center;align-items:center;gap:10px;margin:0;font-size:30px;font-weight:700;display:flex}.admin-empty{text-align:center;color:var(--text-dim);padding:24px 0}.admin-error{color:#d96a6a}.admin-seats{justify-content:center;gap:40px;margin:6px 5px 0;padding:22px;display:flex}.admin-seat-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.admin-seat-value{font-family:var(--mono);color:var(--accent);font-size:26px;font-weight:700}.admin-seat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.admin-table-wrap{margin:0 5px;padding:10px;overflow-x:auto}.admin-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13.5px}.admin-table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:10px 12px;font-size:11.5px}.admin-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}.admin-user-name{font-weight:600}.admin-user-email{color:var(--text-dim);font-size:12px}.admin-sub{color:var(--text-dim);font-size:11.5px}.badge{border-radius:999px;margin-right:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-admin{background:var(--accent);color:#1a1508}.badge-unlimited{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}.badge-beta{background:var(--tile-bg);color:var(--text-dim);border:1px solid var(--border)}.unlimited-toggle{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px;font-size:12px}.unlimited-toggle:hover{border-color:var(--accent);color:var(--accent)}.unlimited-toggle.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.auth-screen{flex-direction:column;gap:8px;max-width:440px;margin:0 auto;padding:72px 24px;display:flex}.auth-screen h1{font-family:var(--serif);letter-spacing:.02em;text-align:center;color:var(--text);justify-content:center;align-items:center;gap:14px;margin:0;font-size:38px;font-weight:700;display:flex}.auth-logo{width:66px;height:66px}.auth-tagline{text-align:center;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:4px 0 0;font-size:14px}.auth-card{margin:28px 5px 0;padding:32px 32px 28px}.auth-sub{text-align:center;color:var(--text-dim);margin:0 0 26px;font-size:16px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form label{color:var(--text-dim);flex-direction:column;gap:7px;font-size:14px;display:flex}.auth-form input{border:1px solid var(--border);background:var(--tile-bg);color:var(--text);border-radius:6px;padding:14px 16px;font-size:17px}.auth-error{color:var(--bad);margin:0;font-size:14px}.auth-submit{background:var(--accent);color:#1a1508;cursor:pointer;border:none;border-radius:6px;margin-top:8px;padding:16px;font-size:17px;font-weight:700;transition:filter .12s}.auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-top:20px;font-size:14px;text-decoration:underline}.auth-toggle:hover{color:var(--accent)}.cycle-screen{flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:56px 24px;display:flex}.cycle-screen h1{font-family:var(--serif);text-align:center;justify-content:center;align-items:center;gap:10px;margin:0;font-size:30px;font-weight:700;display:flex}.cycle-sub{text-align:center;color:var(--text-dim);margin:0 0 8px;font-size:14px}.cycle-empty{text-align:center;color:var(--text-dim);padding:24px 0}.cycle-card{padding:22px 24px}.cycle-card+.cycle-card{margin-top:4px}.cycle-card-title{font-family:var(--serif);align-items:center;gap:8px;margin:0 0 14px;font-size:17px;font-weight:700;display:flex}.cycle-progress-head{color:var(--text-dim);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:14px;display:flex}.cycle-target{color:var(--accent);font-weight:600}.cycle-progress-bar{background:var(--tile-bg);border-radius:5px;height:10px;overflow:hidden}.cycle-progress-fill{background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform .3s}.cycle-table{border-collapse:collapse;width:100%;font-size:14px}.cycle-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border-bottom:1px solid var(--border);padding:0 8px 8px 0;font-size:11px}.cycle-table td{border-bottom:1px solid var(--border);font-family:var(--mono);padding:8px 8px 8px 0}.cycle-table tr:last-child td{border-bottom:none}.pace-faster{color:var(--ok)}.pace-slower{color:var(--bad)}.cycle-slow-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cycle-slow-list li{background:var(--tile-bg);font-size:13px;font-family:var(--mono);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;display:flex}.slow-id{color:var(--text);font-weight:600}.slow-time{color:var(--text-dim);margin-left:auto}.slow-mistakes{color:var(--bad);align-items:center;gap:3px;display:inline-flex}.ranking-screen{flex-direction:column;gap:16px;max-width:520px;margin:0 auto;padding:56px 24px;display:flex}.ranking-screen h1{font-family:var(--serif);text-align:center;justify-content:center;align-items:center;gap:10px;margin:0;font-size:30px;font-weight:700;display:flex}.ranking-card{flex-direction:column;gap:16px;margin:6px 5px 0;padding:26px;display:flex}.ranking-screen .mode-switch{background:var(--tile-bg);border:1px solid var(--border);border-radius:6px;justify-content:center;align-self:center;padding:4px;display:flex}.ranking-screen .mode-switch button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:9px 16px;font-size:14px;font-weight:600}.ranking-screen .mode-switch button.active{background:var(--accent);color:#1a1508}.ranking-empty{text-align:center;color:var(--text-dim);padding:24px 0}.ranking-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ranking-list li{background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;grid-template-columns:32px 1fr auto auto;align-items:center;gap:12px;padding:12px 16px;font-size:15px;display:grid}.rank-pos{font-family:var(--mono);color:var(--text-dim);font-weight:700}.top-1 .rank-pos{color:var(--accent)}.top-2 .rank-pos{color:#c7c7c7}.top-3 .rank-pos{color:#b5804a}.rank-name{font-weight:600}.rank-attempts{color:var(--text-dim);font-size:12px}.rank-score{font-family:var(--mono);color:var(--accent);font-weight:700}.back-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;align-self:center;align-items:center;gap:6px;margin-top:12px;padding:10px 18px;font-size:14px;display:inline-flex}.back-btn:hover{color:var(--accent);border-color:var(--accent)}.setup{flex-direction:column;gap:10px;max-width:580px;margin:0 auto;padding:56px 24px;display:flex}.setup-topbar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.setup-user{color:var(--text-dim);font-size:15px}.setup-link{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:7px 13px;font-size:14px;display:inline-flex}.setup-link:hover{color:var(--accent);border-color:var(--accent)}.setup h1{font-family:var(--serif);text-align:center;justify-content:center;align-items:center;gap:12px;margin:0;font-size:36px;font-weight:700;display:flex}.setup-logo{width:72px;height:72px}.setup-sub{text-align:center;color:var(--text-dim);margin:0 0 8px;font-size:16px}.setup-card{flex-direction:column;margin:24px 5px 0;padding:30px 30px 34px;display:flex}.setup-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:20px 0 10px;font-size:13px;font-weight:700}.mode-cards{grid-template-columns:1fr;gap:12px;display:grid}.mode-card{text-align:left;border:1px solid var(--border);background:var(--panel-bg);color:var(--text);cursor:pointer;border-radius:6px;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px;transition:border-color .12s,background .12s,transform 80ms;display:flex}.mode-card:hover{border-color:var(--accent)}.mode-card:active{transform:scale(.99)}.mode-card.active{border-color:var(--accent);background:var(--accent-soft)}.mode-card.blocked{opacity:.5;cursor:default}.mode-card.blocked:hover{border-color:var(--border)}.mode-icon{color:var(--accent);display:flex}.mode-title{font-family:var(--serif);font-size:19px;font-weight:700}.mode-desc{color:var(--text-dim);font-size:14.5px;line-height:1.45}.cycle-panel{border:1px solid var(--border);background:var(--tile-bg);border-radius:6px;margin-top:14px;padding:14px 16px}.cycle-toggle{cursor:pointer;color:var(--text-dim);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;display:flex}.cycle-toggle input{accent-color:var(--accent);flex-shrink:0;width:16px;height:16px;margin-top:3px}.cycle-toggle strong{color:var(--text);align-items:center;gap:5px;display:inline-flex}.cycle-panel p{color:var(--accent);align-items:center;gap:6px;margin:0 0 10px;font-weight:700;display:flex}.cycle-advance-btn{background:var(--accent);color:#1a1508;cursor:pointer;border:none;border-radius:6px;width:100%;padding:11px;font-size:14px;font-weight:700;transition:filter .12s}.cycle-advance-btn:hover:not(:disabled){filter:brightness(1.08)}.cycle-advance-btn:disabled{opacity:.6;cursor:default}.timed-config{gap:18px;margin-top:12px;display:flex}.timed-config label{color:var(--text-dim);flex-direction:column;flex:1;gap:7px;font-size:13px;display:flex}.timed-config input{border:1px solid var(--border);background:var(--tile-bg);color:var(--text);font-size:16px;font-family:var(--mono);border-radius:6px;padding:12px}.start-btn{background:var(--accent);color:#1a1508;cursor:pointer;border:none;border-radius:6px;margin-top:30px;padding:17px;font-size:18px;font-weight:700;transition:filter .12s,transform 80ms}.start-btn:hover:not(:disabled){filter:brightness(1.08)}.start-btn:active:not(:disabled){transform:scale(.99)}.start-btn:disabled{opacity:.5;cursor:default}.promo-backdrop{z-index:50;background:#00000073;justify-content:center;align-items:center;animation:.12s ease-out fade-in;display:flex;position:fixed;inset:0}.promo-modal{background:var(--panel-bg);box-shadow:0 0 0 1px var(--border), 0 0 0 6px var(--panel-bg), 0 0 0 7px var(--border), 0 12px 40px #00000059;text-align:center;padding:24px 28px}.promo-modal p{color:var(--text-dim);margin:0 0 14px;font-size:15px}.promo-options{gap:10px;display:flex}.promo-piece{border:1px solid var(--border);background:var(--square-light);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:76px;height:76px;padding:10px;transition:transform .1s,background .1s;display:flex}.promo-piece:hover{background:var(--accent-soft);transform:scale(1.08)}@keyframes fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.report-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.report-modal{background:var(--panel-bg);width:min(500px,92vw);max-height:85vh;box-shadow:0 0 0 1px var(--border), 0 0 0 6px var(--panel-bg), 0 0 0 7px var(--border), 0 24px 64px #0006;padding:32px 36px;overflow-y:auto}.report-modal h2{font-family:var(--serif);text-align:center;justify-content:center;align-items:center;gap:10px;margin:0 0 22px;font-size:24px;font-weight:700;display:flex}.report-empty{color:var(--text-dim);text-align:center}.report-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.report-tile{background:var(--tile-bg);border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:14px 4px;display:flex}.report-tile.ok .report-number{color:var(--ok)}.report-tile.bad .report-number{color:var(--bad)}.report-number{font-family:var(--mono);font-size:26px;font-weight:700}.report-caption{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.report-secondary{color:var(--text-dim);background:var(--tile-bg);border-radius:6px;flex-direction:column;gap:5px;margin-bottom:20px;padding:14px;font-size:14.5px;display:flex}.report-secondary strong{font-family:var(--mono);color:var(--text)}.report-list{border:1px solid var(--border);border-radius:6px;max-height:200px;margin:0 0 22px;padding:0;list-style:none;overflow-y:auto}.report-item{font-size:14px;font-family:var(--mono);border-bottom:1px solid var(--border);grid-template-columns:1fr 1.4fr auto;gap:8px;padding:9px 14px;display:grid}.report-item:last-child{border-bottom:none}.report-item.clean{color:var(--ok)}.report-item.mistakes{color:var(--bad)}.report-item.revealed{color:var(--text-dim)}.report-actions{justify-content:flex-end;gap:10px;display:flex}.report-actions button{border:1px solid var(--border);background:var(--tile-bg);color:var(--text);cursor:pointer;border-radius:6px;padding:11px 20px;font-size:15px}.report-actions button.primary{background:var(--accent);border-color:var(--accent);color:#1a1508;font-weight:700}.trainer{flex-direction:column;align-items:center;gap:14px;max-width:700px;margin:0 auto;padding:24px 16px 64px;display:flex}.loading{height:100%;color:var(--text-dim);justify-content:center;align-items:center;display:flex}.topbar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.chapter-label{font-family:var(--serif);font-size:17px;font-weight:700}.mode-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--tile-bg);border:1px solid var(--border);color:var(--text-dim);border-radius:5px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.mode-badge.survival{color:var(--bad);border-color:var(--bad)}.mode-badge.timed{color:var(--accent);border-color:var(--accent)}.exit-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:5px;padding:6px 13px;font-size:13px}.exit-btn:hover{color:var(--bad);border-color:var(--bad)}.review-link{color:var(--text-dim);align-items:center;gap:3px;margin-left:auto;font-size:13px;text-decoration:none;display:inline-flex}.review-link:hover{color:var(--accent)}.clock-hero{font-family:var(--mono);letter-spacing:.02em;color:var(--accent);font-size:56px;font-weight:700;line-height:1;transition:color .2s}.clock-hero.low{color:var(--bad);animation:.65s infinite pulse}.stats-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.session-clock{font-family:var(--mono);color:var(--text);font-size:24px;font-weight:600}.stat{color:var(--text-dim);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:15px;font-weight:600;display:inline-flex}.stat.hit{color:var(--ok)}.stat.miss{color:var(--bad)}.lives{gap:4px;display:flex}.life{color:var(--bad)}.life.lost{color:var(--border)}.report-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:5px;margin-left:auto;padding:7px 14px;font-size:13px}.report-btn:hover{color:var(--accent);border-color:var(--accent)}.diagram-card{flex-direction:column;align-items:center;gap:14px;width:100%;margin:6px 5px;padding:28px 28px 26px;display:flex}.eliminated-panel{text-align:center;padding:44px 24px;font-size:17px}.eliminated-panel p{justify-content:center;align-items:center;gap:8px;display:flex}.ex-tag{font-family:var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;font-size:12px}.ex-progress{opacity:.7}.board-wrap{width:min(560px,92vw);position:relative}.citation{font-family:var(--serif);text-align:center;color:var(--text-dim);border-top:1px solid var(--border);width:100%;margin:0;padding-top:10px;font-size:15.5px;font-style:italic}.status{text-align:center;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:24px;padding:7px 16px;font-size:16px;font-weight:600;transition:color .12s;display:flex}.status.playing{color:var(--text-dim)}.status.ok{color:var(--ok);background:var(--ok-soft)}.status.bad{color:var(--bad);background:var(--bad-soft);animation:.22s shake}.status.done{color:var(--done);background:var(--done-soft);animation:.32s cubic-bezier(.16,1,.3,1) pop}.status.revealed{color:var(--accent);background:var(--accent-soft)}.controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.controls button{border:1px solid var(--border);background:var(--tile-bg);color:var(--text);cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:10px 18px;font-size:15px;transition:background .12s,transform 80ms,border-color .12s;display:inline-flex}.controls button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.controls button:active:not(:disabled){transform:scale(.97)}.controls button:disabled{opacity:.4;cursor:default}.controls button.primary{background:var(--accent);border-color:var(--accent);color:#1a1508;font-weight:700}.controls button.primary:hover{filter:brightness(1.08)}.solution-line{font-family:var(--mono);background:var(--tile-bg);border:1px solid var(--border);color:var(--text-dim);border-radius:5px;padding:11px 16px;font-size:14px}.hint{color:var(--text-dim);text-align:center;opacity:.7;margin:0;font-size:12.5px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}