:root{--bg: #0d1117;--bg-elev: #161b22;--bg-elev-2: #1f2630;--fg: #e6edf3;--fg-dim: #9ba3af;--border: #30363d;--accent: #646cff;--accent-2: #61dafb;--warn: #f7df1e;--err: #ff6b6b;--ok: #7ee787;--radius: 8px;--font-mono: ui-monospace, "JetBrains Mono", "Fira Code", SFMono-Regular, Menlo, monospace;--font-sans: system-ui, -apple-system, "Segoe UI", "Inter", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--font-mono)}pre{white-space:pre-wrap}.screen{min-height:100%;padding:0 24px 32px;max-width:1400px;margin:0 auto}.topbar{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:24px}.topbar__title{flex:1;font-size:18px;margin:0}.topbar__right{display:flex;gap:12px;align-items:center}.topbar__points{font-family:var(--font-mono);color:var(--warn)}.topbar__timer{font-family:var(--font-mono);color:var(--fg-dim)}.btn{background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);padding:8px 14px;border-radius:var(--radius);cursor:pointer;font-size:13px;font-family:var(--font-sans);transition:background .15s,border-color .15s}.btn:hover{background:var(--bg-elev-2);border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover{background:#555cff}.btn--danger{color:var(--err);border-color:var(--err)}.btn--danger:hover{background:#ff6b6b1a}.btn--ghost{background:transparent}.select-grid{display:flex;flex-direction:column;gap:28px}.select-group__title{font-size:16px;color:var(--fg-dim);margin:0 0 12px}.select-group__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.task-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:grid;gap:4px;text-align:left;color:var(--fg);font-family:var(--font-mono);transition:border-color .15s,transform .15s}.task-card:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none}.task-card__id{font-size:16px;font-weight:600}.task-card__icon{font-size:22px}.task-card__pts{color:var(--warn);font-size:12px}.task-card__time{color:var(--fg-dim);font-size:11px}.task-card__title{color:var(--fg-dim);font-size:11px;font-family:var(--font-sans);line-height:1.3}.play-grid{display:grid;grid-template-columns:minmax(280px,2fr) minmax(380px,3fr);gap:24px}.play-story{overflow-y:auto;max-height:calc(100vh - 120px)}.play-story::-webkit-scrollbar{width:6px}.play-story::-webkit-scrollbar-track{background:transparent}.play-story::-webkit-scrollbar-thumb{background:#9ba3af59;border-radius:3px}.play-story::-webkit-scrollbar-thumb:hover{background:#9ba3af99}.play-story h2{font-size:14px;color:var(--fg-dim);text-transform:uppercase;margin:0 0 8px}.play-story h3{font-size:13px;color:var(--fg-dim);margin:16px 0 6px}.story-text{background:var(--bg-elev);border:1px solid var(--border);padding:12px;border-radius:var(--radius);margin:0}.repo-snapshot{font-size:11px;color:var(--fg-dim);background:var(--bg-elev);padding:12px;border-radius:var(--radius);margin:0}.hint{margin-top:16px;padding:12px;background:#f7df1e1a;border-left:3px solid var(--warn);border-radius:4px}.play-board h2{font-size:14px;color:var(--fg-dim);text-transform:uppercase;margin:0 0 8px}.slots{display:flex;flex-direction:column;gap:8px;background:var(--bg-elev);padding:12px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:24px}.slot{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius);padding:8px 12px;min-height:42px;transition:border-color .15s,background .15s}.slot--over{border-color:var(--accent);background:#646cff14}.slot--filled{border-style:solid}.slot__num{color:var(--fg-dim);font-family:var(--font-mono);width:18px}.slot__placeholder{color:var(--fg-dim);font-style:italic;font-size:12px}.bank{display:flex;flex-wrap:wrap;gap:8px;background:var(--bg-elev);padding:12px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:16px;min-height:60px}.chip{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-family:var(--font-mono);font-size:12px;color:var(--fg);cursor:grab;user-select:none;transition:border-color .15s,transform .1s}.chip:hover{border-color:var(--accent)}.chip.is-dragging{opacity:.6;cursor:grabbing}.chip--slot{background:var(--accent);color:#fff;border-color:var(--accent)}.play-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.modal-backdrop{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:1000;padding:20px}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:540px;width:100%}.modal h3{margin-top:0}.modal__actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.result--ok{border-color:var(--ok)}.result--fail{border-color:var(--err)}.result__points{background:var(--bg);padding:12px;border-radius:6px;margin-top:12px;font-family:var(--font-mono)}.result__bonus{color:var(--ok)}.result__penalty{color:var(--err)}.result__total{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.docs-main{display:grid;gap:24px;max-width:900px}.docs-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.docs-list a{font-family:var(--font-mono)}.docs-list__meta{color:var(--fg-dim);font-size:12px}.docs-meta{color:var(--fg-dim)}.docs-solution{background:var(--bg-elev);padding:16px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:12px}.docs-solution code{background:var(--bg);padding:2px 6px;border-radius:4px}.docs-knowledge h1,.docs-knowledge h2,.docs-knowledge h3{color:var(--fg)}.docs-knowledge code{background:var(--bg-elev);padding:2px 6px;border-radius:4px}@media (max-width: 900px){.play-grid{grid-template-columns:1fr}}