:root{--bg:#141009;--bg-card:#1e1710;--bg-surface:#272015;--bg-hover:#312820;--border:#3a2e20;--border-mid:#4d3f2b;--accent:#c8944a;--accent-dim:#a07338;--cream:#f0dfc0;--cream-dim:#b8a88a;--text:#ecdfc8;--text-mid:#9a8a70;--text-dim:#6a5c48;--green:#5d9e6a;--green-bg:#1a3320;--red:#c45c5c;--red-bg:#331a1a;--yellow:#c8a44a;--yellow-bg:#332510;--font-mono:"IBM Plex Mono",monospace;--font-body:"Inter",sans-serif;--font-serif:"Playfair Display",serif;--radius:6px;--radius-lg:10px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#141009;background:var(--bg);color:#ecdfc8;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;line-height:1.6;min-height:100vh}.login-page{align-items:center;background:radial-gradient(ellipse 60% 50% at 50% 0,#3a2510 0,#0000 70%),#141009;background:radial-gradient(ellipse 60% 50% at 50% 0,#3a2510 0,#0000 70%),var(--bg);display:flex;justify-content:center;min-height:100vh}.login-card{background:#1e1710;background:var(--bg-card);border:1px solid #3a2e20;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 24px 64px #0009;max-width:420px;padding:48px 40px;width:100%}.login-logo{margin-bottom:36px;text-align:center}.login-icon{filter:drop-shadow(0 4px 12px rgba(200,148,74,.4));font-size:48px;margin-bottom:12px}.login-title{color:#f0dfc0;color:var(--cream);font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:32px;font-weight:900;letter-spacing:-.5px}.login-sub{color:#9a8a70;color:var(--text-mid);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:13px;margin-top:6px}.login-form{display:flex;flex-direction:column;gap:10px}.login-label{color:#9a8a70;color:var(--text-mid);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.login-input{background:#272015;background:var(--bg-surface);border:1px solid #3a2e20;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);color:#ecdfc8;color:var(--text);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:14px;outline:none;padding:12px 14px;transition:border-color .15s}.login-input:focus{border-color:#c8944a;border-color:var(--accent)}.login-input::placeholder{color:#6a5c48;color:var(--text-dim)}.login-error{color:#c45c5c;color:var(--red);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:13px}.login-btn{background:#c8944a;background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius);color:#1a1008;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.02em;margin-top:4px;padding:13px;transition:background .15s,transform .1s}.login-btn:hover{background:#d9a55a}.login-btn:active{transform:scale(.98)}.login-footer{border-top:1px solid #3a2e20;border-top:1px solid var(--border);color:#6a5c48;color:var(--text-dim);font-size:13px;line-height:1.7;margin-top:28px;padding-top:20px;text-align:center}.menu-page{display:flex;flex-direction:column;min-height:100vh}.menu-header{align-items:center;background:#1e1710;background:var(--bg-card);border-bottom:1px solid #3a2e20;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:16px 28px}.site-title{color:#f0dfc0;color:var(--cream);font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:22px;font-weight:900;letter-spacing:-.3px}.site-tagline{color:#9a8a70;color:var(--text-mid);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12px;margin-top:2px}.header-right{align-items:center;display:flex;gap:20px}.score-badge{align-items:flex-end;display:flex;flex-direction:column;gap:1px}.score-label{color:#6a5c48;color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.score-value{color:#c8944a;color:var(--accent);font-size:20px;font-weight:700;line-height:1}.score-sub,.score-value{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono)}.score-sub{color:#9a8a70;color:var(--text-mid);font-size:11px}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.user-email{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono)}.logout-btn,.user-email{color:#9a8a70;color:var(--text-mid);font-size:12px}.logout-btn{background:none;border:1px solid #3a2e20;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);padding:3px 10px;transition:border-color .15s,color .15s}.logout-btn:hover{border-color:#c8944a;border-color:var(--accent);color:#c8944a;color:var(--accent)}.menu-body{flex:1 1;margin:0 auto;max-width:1100px;padding:32px 28px;width:100%}.intro-board{background:#1e1710;background:var(--bg-card);border:1px solid #3a2e20;border-left:3px solid #c8944a;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;border-radius:var(--radius);margin-bottom:32px;padding:20px 24px}.intro-board h2{color:#f0dfc0;color:var(--cream);font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:18px;font-weight:700;margin-bottom:8px}.intro-board p{color:#9a8a70;color:var(--text-mid);font-size:14px;line-height:1.7}.intro-board strong{color:#f0dfc0;color:var(--cream)}.levels-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.level-card{background:#1e1710;background:var(--bg-card);border:1px solid #3a2e20;border-radius:10px;border-radius:var(--radius-lg);border-top:3px solid #3a2e20;border:1px solid var(--border);border-top:3px solid var(--level-color,var(--border));cursor:pointer;display:flex;flex-direction:column;gap:14px;padding:20px;transition:border-color .15s,transform .1s,box-shadow .15s}.level-card:hover{border-color:#c8944a;border-color:var(--level-color,var(--accent));box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.level-card--solved{opacity:.75}.level-card--solved:hover{opacity:1}.lc-header{align-items:center;display:flex;gap:10px}.lc-emoji{font-size:22px}.lc-meta{display:flex;flex:1 1;flex-direction:column;gap:2px}.lc-diff{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.lc-pts{color:#9a8a70;color:var(--text-mid);font-size:12px}.lc-pts,.solved-badge{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono)}.solved-badge{background:#1a3320;background:var(--green-bg);border:1px solid #5d9e6a;border:1px solid var(--green);border-radius:20px;color:#5d9e6a;color:var(--green);font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap}.lc-body{flex:1 1}.lc-name{color:#f0dfc0;color:var(--cream);font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:17px;font-weight:700;margin-bottom:3px}.lc-subtitle{color:#6a5c48;color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12px;margin-bottom:8px}.lc-desc{color:#9a8a70;color:var(--text-mid);font-size:13px;line-height:1.65}.lc-footer{align-items:center;gap:8px;justify-content:space-between}.lc-footer,.lc-tags{display:flex;flex-wrap:wrap}.lc-tags{flex:1 1;gap:5px}.tag{background:#272015;background:var(--bg-surface);border:1px solid #3a2e20;border:1px solid var(--border);border-radius:4px;color:#9a8a70;color:var(--text-mid);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:11px;padding:2px 7px}.tag--limit{background:#332510;background:var(--yellow-bg);border-color:#c8a44a;border-color:var(--yellow);color:#c8a44a;color:var(--yellow)}.enter-btn{background:#272015;background:var(--bg-surface);border:1px solid #4d3f2b;border:1px solid var(--border-mid);border-radius:6px;border-radius:var(--radius);color:#c8944a;color:var(--accent);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:600;padding:6px 14px;transition:background .15s,border-color .15s;white-space:nowrap}.enter-btn:hover{background:#312820;background:var(--bg-hover);border-color:#c8944a;border-color:var(--accent)}.challenge-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.chal-topbar{align-items:center;background:#1e1710;background:var(--bg-card);border-bottom:1px solid #3a2e20;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:14px;padding:10px 16px}.back-btn{background:none;border:1px solid #3a2e20;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);color:#9a8a70;color:var(--text-mid);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;padding:6px 12px;transition:color .15s,border-color .15s;white-space:nowrap}.back-btn:hover{border-color:#4d3f2b;border-color:var(--border-mid);color:#f0dfc0;color:var(--cream)}.chal-title-block{align-items:center;display:flex;flex:1 1;gap:10px}.chal-emoji{font-size:20px}.chal-name{color:#f0dfc0;color:var(--cream);font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:17px;font-weight:700;line-height:1.2}.chal-meta{color:#6a5c48;color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12px;margin-top:1px}.chal-topbar-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.db-status{color:#6a5c48;color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12px}.db-status--ready{color:#5d9e6a;color:var(--green)}.line-meter{align-items:center;background:#272015;background:var(--bg-surface);border:1px solid #3a2e20;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);display:flex;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:13px;gap:3px;padding:4px 10px}.line-meter--warn{border-color:#c8a44a;border-color:var(--yellow);color:#c8a44a;color:var(--yellow)}.line-meter--over{background:#331a1a;background:var(--red-bg);border-color:#c45c5c;border-color:var(--red);color:#c45c5c;color:var(--red)}.lm-val{font-weight:700}.lm-label,.lm-sep{color:#6a5c48;color:var(--text-dim)}.solved-pill{background:#1a3320;background:var(--green-bg);border:1px solid #5d9e6a;border:1px solid var(--green);border-radius:20px;color:#5d9e6a;color:var(--green);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12px;font-weight:700;padding:4px 12px}.task-banner{align-items:flex-start;background:#272015;background:var(--bg-surface);border-bottom:1px solid #3a2e20;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:10px 16px}.task-label{background:#c8944a1f;border:1px solid #c8944a40;border-radius:4px;color:#c8944a;color:var(--accent);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;margin-top:2px;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.task-text{color:#b8a88a;color:var(--cream-dim);font-size:13px;line-height:1.6}.chal-body{display:grid;flex:1 1;grid-template-columns:1fr 1fr;overflow:hidden}.editor-col{border-right:1px solid #3a2e20;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.editor-header{align-items:center;background:#272015;background:var(--bg-surface);border-bottom:1px solid #3a2e20;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:8px 14px}.editor-title{color:#9a8a70;color:var(--text-mid);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.editor-shortcut,.editor-title{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono)}.editor-shortcut{color:#6a5c48;color:var(--text-dim);font-size:11px}.sql-editor{background:#0f0c08;border:none;color:#d4c9b4;flex:1 1;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:13.5px;line-height:1.7;min-height:0;outline:none;padding:14px;resize:none;tab-size:2}.sql-editor::selection{background:#c8944a40}.editor-footer{align-items:center;background:#1e1710;background:var(--bg-card);border-top:1px solid #3a2e20;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:8px 14px}.attempt-count{margin-right:auto}.attempt-count,.line-pill{color:#6a5c48;color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12px}.line-pill{background:#272015;background:var(--bg-surface);border:1px solid #3a2e20;border:1px solid var(--border);border-radius:4px;padding:3px 8px}.line-pill--warn{border-color:#c8a44a;border-color:var(--yellow);color:#c8a44a;color:var(--yellow)}.line-pill--over{background:#331a1a;background:var(--red-bg);border-color:#c45c5c;border-color:var(--red);color:#c45c5c;color:var(--red)}.run-btn{align-items:center;background:#c8944a;background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius);color:#1a1008;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:700;gap:6px;padding:8px 18px;transition:background .15s,transform .1s}.run-btn:hover:not(:disabled){background:#d9a55a}.run-btn:active:not(:disabled){transform:scale(.97)}.run-btn:disabled{cursor:not-allowed;opacity:.5}.spinner{animation:spin .6s linear infinite;border:2px solid #1a10084d;border-radius:50%;border-top-color:#1a1008;display:inline-block;height:12px;width:12px}@keyframes spin{to{transform:rotate(1turn)}}.eval-banner{align-items:flex-start;border-top:1px solid #3a2e20;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:10px 14px}.eval-banner--pass{background:#1a3320;background:var(--green-bg);border-top-color:#5d9e6a;border-top-color:var(--green)}.eval-banner--fail{background:#331a1a;background:var(--red-bg);border-top-color:#c45c5c;border-top-color:var(--red)}.eval-icon{font-size:16px;font-weight:700;line-height:1.4}.eval-banner--pass .eval-icon{color:#5d9e6a;color:var(--green)}.eval-banner--fail .eval-icon{color:#c45c5c;color:var(--red)}.eval-content{display:flex;flex:1 1;flex-direction:column;gap:5px}.eval-reason{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:13px}.eval-banner--pass .eval-reason{color:#5d9e6a;color:var(--green)}.eval-banner--fail .eval-reason{color:#e88}.eval-progress{align-items:center;color:#9a8a70;color:var(--text-mid);display:flex;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12px;gap:8px}.eval-bar{background:#c8944a;background:var(--accent);border-radius:2px;height:4px;max-width:80px;min-width:4px}.sql-error-banner{align-items:flex-start;background:#331a1a;background:var(--red-bg);border-top:1px solid #c45c5c;border-top:1px solid var(--red);display:flex;flex-shrink:0;gap:8px;padding:10px 14px}.sql-error-icon{color:#c45c5c;color:var(--red);font-size:14px;line-height:1.6}.sql-error-msg{color:#e88;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.solve-banner,.sql-error-msg{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono)}.solve-banner{animation:fadein .3s ease;background:linear-gradient(135deg,#2a4a30,#1a3322);border-top:1px solid #5d9e6a;border-top:1px solid var(--green);color:#5d9e6a;color:var(--green);font-size:15px;font-weight:700;padding:12px 14px;text-align:center}.solve-flag{align-items:center;display:flex;font-size:13px;font-weight:400;gap:8px;justify-content:center;margin-top:8px}.solve-flag-label{opacity:.7}.solve-flag-value{background:#0000004d;border:1px solid #5d9e6a;border:1px solid var(--green);border-radius:4px;font-size:13px;letter-spacing:.03em;padding:2px 8px;-webkit-user-select:all;user-select:all}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.output-col{display:flex;flex-direction:column;overflow:hidden}.output-tabs{background:#272015;background:var(--bg-surface);border-bottom:1px solid #3a2e20;border-bottom:1px solid var(--border);display:flex;flex-shrink:0}.otab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#9a8a70;color:var(--text-mid);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;gap:6px;padding:9px 14px;transition:color .15s,border-color .15s;white-space:nowrap}.otab--active,.otab:hover{color:#f0dfc0;color:var(--cream)}.otab--active{border-bottom-color:#c8944a;border-bottom-color:var(--accent)}.otab--pass{color:#5d9e6a;color:var(--green)}.otab--fail{color:#c45c5c;color:var(--red)}.otab-badge{background:#312820;background:var(--bg-hover);border-radius:4px;color:#6a5c48;color:var(--text-dim);font-size:10px;padding:1px 5px}.otab-badge,.otab-check{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono)}.otab-check{font-size:12px;font-weight:700}.otab-check--pass{color:#5d9e6a;color:var(--green)}.otab-check--fail{color:#c45c5c;color:var(--red)}.output-body{flex:1 1;overflow:auto;padding:16px}.tab-intro{background:#272015;background:var(--bg-surface);border:1px solid #3a2e20;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);color:#9a8a70;color:var(--text-mid);font-size:13px;line-height:1.6;margin-bottom:12px;padding:10px 12px}.tab-intro strong{color:#f0dfc0;color:var(--cream)}.yours-empty{align-items:center;color:#6a5c48;color:var(--text-dim);display:flex;flex-direction:column;gap:8px;height:200px;justify-content:center}.yours-empty-icon{font-size:32px;margin-bottom:4px;opacity:.3}.yours-empty p{font-size:14px}.diff-header,.yours-empty-sub{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12px}.diff-header{align-items:center;border:1px solid #3a2e20;border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;border-radius:var(--radius) var(--radius) 0 0;display:flex;justify-content:space-between;margin-bottom:-1px;padding:7px 10px}.diff-header--pass{background:#1a3320;background:var(--green-bg);border-color:#5d9e6a;border-color:var(--green);color:#5d9e6a;color:var(--green)}.diff-header--fail{background:#331a1a;background:var(--red-bg);border-color:#c45c5c;border-color:var(--red);color:#e88}.diff-compare{font-weight:600}.yours-sqlerr{background:#331a1a;background:var(--red-bg);border:1px solid #c45c5c;border:1px solid var(--red);border-radius:6px;border-radius:var(--radius);padding:12px 14px}.yours-sqlerr strong{color:#c45c5c;color:var(--red);display:block;font-size:13px;margin-bottom:6px}.yours-sqlerr pre{color:#e88;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12px;white-space:pre-wrap;word-break:break-word}.result-table-wrap{border:1px solid #3a2e20;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);overflow:hidden}.rtw--expected{border-color:#4d3f2b;border-color:var(--border-mid)}.rtw--pass{border-color:#5d9e6a;border-color:var(--green)}.rtw--fail{border-color:#c45c5c;border-color:var(--red)}.result-table-scroll{overflow-x:auto}.result-table{border-collapse:collapse;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12.5px;width:100%}.result-table th{background:#272015;background:var(--bg-surface);color:#b8a88a;color:var(--cream-dim);font-size:11px;font-weight:600;letter-spacing:.04em;padding:7px 12px;text-align:left;text-transform:uppercase}.result-table td,.result-table th{border-bottom:1px solid #3a2e20;border-bottom:1px solid var(--border);white-space:nowrap}.result-table td{color:#ecdfc8;color:var(--text);padding:6px 12px}.result-table tbody tr:last-child td{border-bottom:none}.null-badge,.result-table tbody tr:hover td{background:#312820;background:var(--bg-hover)}.null-badge{border:1px solid #3a2e20;border:1px solid var(--border);border-radius:3px;font-size:10px;font-style:italic;padding:1px 5px}.null-badge,.rt-row-count{color:#6a5c48;color:var(--text-dim)}.rt-row-count{background:#272015;background:var(--bg-surface);border-top:1px solid #3a2e20;border-top:1px solid var(--border);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:11px;padding:5px 12px;text-align:right}.schema-panel{display:flex;flex-direction:column;gap:8px}.schema-tbl{background:#1e1710;background:var(--bg-card);border:1px solid #3a2e20;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);overflow:hidden}.schema-tbl-hdr{align-items:center;background:#272015;background:var(--bg-surface);border:none;border-bottom:1px solid #3a2e20;border-bottom:1px solid var(--border);color:#f0dfc0;color:var(--cream);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);gap:8px;padding:9px 12px;text-align:left;transition:background .12s;width:100%}.schema-tbl-hdr:hover{background:#312820;background:var(--bg-hover)}.schema-tbl-chevron{color:#6a5c48;color:var(--text-dim);font-size:12px;text-align:center;width:12px}.schema-tbl-name{color:#c8944a;color:var(--accent);flex:1 1;font-size:13px}.schema-tbl-count,.schema-tbl-name{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono)}.schema-tbl-count{color:#6a5c48;color:var(--text-dim);font-size:11px}.schema-cols{padding:4px 0}.schema-col{border-bottom:1px solid #3a2e20;border-bottom:1px solid var(--border);padding:6px 12px}.schema-col:last-child{border-bottom:none}.sc--herring{background:#c45c5c0f}.sc--trap{background:#c8a44a0f}.sc-top{align-items:center;display:flex;gap:8px}.sc-name{color:#b8a88a;color:var(--cream-dim);font-size:13px}.sc-name,.sc-type{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono)}.sc-type{background:#c8944a1a;border-radius:3px;color:#c8944a;color:var(--accent);font-size:11px;padding:1px 5px}.sc-note{color:#6a5c48;color:var(--text-dim);font-size:12px;line-height:1.5;margin-top:2px}.sc--herring .sc-note{color:#a06060}.sc--trap .sc-note{color:#a08040}.schema-legend{display:flex;gap:12px;padding:8px 0 0}.sl-item{color:#6a5c48;color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12px}.sl-trap{color:#a08040}.sl-herring{color:#a06060}.hints-panel{display:flex;flex-direction:column;gap:16px}.hints-concepts{background:#1e1710;background:var(--bg-card);border:1px solid #3a2e20;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);padding:14px}.hints-concepts-label{color:#6a5c48;color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.hints-chips{display:flex;flex-wrap:wrap;gap:6px}.concept-chip{background:#c8944a1a;border:1px solid #c8944a40;border-radius:4px;color:#c8944a;color:var(--accent);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12px;padding:3px 9px}.hints-list{display:flex;flex-direction:column;gap:8px}.hint-revealed{background:#1e1710;background:var(--bg-card);border:1px solid #3a2e20;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);padding:12px 14px}.hint-num{color:#c8944a;color:var(--accent);display:block;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.hint-text{line-height:1.65}.hint-btn,.hint-text{color:#9a8a70;color:var(--text-mid);font-size:13px}.hint-btn{align-items:center;background:#1e1710;background:var(--bg-card);border:1px dashed #4d3f2b;border:1px dashed var(--border-mid);border-radius:6px;border-radius:var(--radius);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);gap:10px;padding:11px 14px;text-align:left;transition:border-color .15s,color .15s,background .15s;width:100%}.hint-btn:hover{background:#272015;background:var(--bg-surface);border-color:#c8944a;border-color:var(--accent);color:#f0dfc0;color:var(--cream)}.hint-penalty{color:#6a5c48;color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:11px;font-style:italic;margin-left:auto}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#4d3f2b;background:var(--border-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6a5c48;background:var(--text-dim)}
/*# sourceMappingURL=main.cea790ae.css.map*/