:root{--bg: #0e1512;--bg2: #121b17;--panel: #16211c;--panel2: #1b2822;--line: #26362e;--text: #e7efe9;--muted: #8fa398;--green: #4ade80;--gold: #fbbf24;--red: #f87171;--blue: #60a5fa;--purple: #c084fc;--radius: 12px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55}#root{min-height:100vh}button{font-family:inherit}code,.mono,input.term,.term-log{font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace}.app{max-width:1240px;margin:0 auto;padding:16px 16px 44px}.menu{max-width:760px;margin:0 auto;padding:46px 16px;text-align:center}.menu-title{font-size:clamp(30px,5vw,44px);margin:0 0 6px;letter-spacing:-1px}.menu-title .accent{color:var(--green)}.menu-sub{color:var(--muted);margin:0 0 28px}.menu-grid{display:grid;gap:14px;text-align:left}.menu-card{display:flex;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:17px 20px;color:var(--text);cursor:pointer;font-size:16px;text-align:left;transition:border-color .15s cubic-bezier(.33,1,.68,1),transform .15s}.menu-card>span:last-child{flex:1}.menu-progress{display:inline-block;margin-left:8px;font-size:11.5px;font-weight:700;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:1px 9px;color:var(--green);vertical-align:2px}.menu-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:24px}.menu-chips span{font-size:12.5px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px 12px}.menu-card:hover{border-color:var(--green);transform:translateY(-1px)}.menu-card:active{transform:scale(.98)}.menu-card .icon{font-size:30px}.menu-card h3{margin:0 0 2px;font-size:17px}.menu-card p{margin:0;color:var(--muted);font-size:13.5px}.menu-note{margin-top:24px;color:var(--muted);font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px}.field-label{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 13px;font-size:14px;cursor:pointer;transition:border-color .15s,transform .1s}.btn:hover{border-color:var(--muted)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#163d28;border-color:#2f7a4f}.btn-primary:hover{border-color:var(--green)}.btn.small{padding:3px 8px;font-size:12px;border-radius:6px}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.back-row{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.hl{color:var(--gold);font-weight:600}.play{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:14px;align-items:start}@media(max-width:980px){.play{grid-template-columns:1fr}}.play-left,.play-right{display:grid;gap:14px;min-width:0}.graph-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px;overflow:auto;max-height:460px}.graph-wrap svg{display:block}.gnode{transition:cx .45s cubic-bezier(.16,1,.3,1),cy .45s cubic-bezier(.16,1,.3,1)}.gnode.pop{animation:pop-in .45s cubic-bezier(.16,1,.3,1)}@keyframes pop-in{0%{r:0}}.gedge{transition:d .45s;fill:none}.glabel{font-size:11px;font-family:ui-monospace,Menlo,monospace}.gref{font-size:10.5px;font-weight:700;font-family:ui-monospace,Menlo,monospace}@media(prefers-reduced-motion:reduce){.gnode,.gedge{transition:none;animation:none}}.trees{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.tree-col{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:8px;min-height:88px}.tree-col h4{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.file-chip{display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:3px 7px;margin-bottom:5px;font-size:12.5px;cursor:pointer;font-family:ui-monospace,Menlo,monospace}.file-chip:hover{border-color:var(--muted)}.file-chip.new{border-color:#2f7a4f}.file-chip.modified{border-color:#8a6d1a}.file-chip.deleted{border-color:#7a2f2f;text-decoration:line-through}.file-chip.conflicted{border-color:var(--red);background:#33201d}.tree-arrow{text-align:center;color:var(--muted);font-size:11px;padding-top:2px}.terminal{background:#0a100d;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.term-log{font-size:12.8px;line-height:1.5;max-height:230px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.term-log .cmd{color:var(--green)}.term-log .err{color:var(--red)}.term-log .out{color:var(--text);opacity:.9}.term-input-row{display:flex;align-items:center;gap:8px;margin-top:6px;border-top:1px solid var(--line);padding-top:8px}.term-prompt{color:var(--green);font-family:ui-monospace,Menlo,monospace;font-size:13px;white-space:nowrap}input.term{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:13.5px;caret-color:var(--green)}.term-hints{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.term-hints .btn{font-family:ui-monospace,Menlo,monospace}.mentor-feed{display:grid;gap:8px}.mentor-msg{border-left:3px solid var(--blue);background:var(--panel2);border-radius:0 8px 8px 0;padding:8px 10px;font-size:13.5px;animation:slide-in .4s cubic-bezier(.16,1,.3,1)}.mentor-msg.praise{border-left-color:var(--green)}.mentor-msg.warn{border-left-color:var(--red)}.mentor-msg.teach{border-left-color:var(--gold)}.mentor-msg .who{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:2px}@keyframes slide-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mentor-msg{animation:none}}.lesson-list-wrap{max-width:880px}.lesson-list{display:grid;gap:10px;margin:20px 0 24px;text-align:left}.lesson-card{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;color:var(--text);font-size:15px;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s}.lesson-card:hover{border-color:var(--green);transform:translateY(-1px)}.lesson-card.is-done{border-color:#2f7a4f}.lesson-card-num{width:36px;height:36px;border-radius:50%;background:var(--panel2);display:grid;place-items:center;font-weight:700;font-size:12.5px;color:var(--gold)}.lesson-card.is-done .lesson-card-num{color:var(--green)}.lesson-card-title{font-weight:600}.lesson-card-sub{display:block;font-weight:400;color:var(--muted);font-size:13px}.lesson-card-go{color:var(--muted);font-size:13.5px;white-space:nowrap}.task-panel{border-left:3px solid var(--gold);background:#1c2418}.task-panel .lesson-task{font-size:15px}details.intro{margin-top:6px}details.intro summary{cursor:pointer;color:var(--muted);font-size:12.5px;-webkit-user-select:none;user-select:none}details.intro p{margin:6px 0 0;color:var(--muted);font-size:13px;white-space:pre-line}.task-panel .lesson-task{margin:4px 0 0;font-size:14.5px}.feedback{border-radius:8px;padding:9px 12px;font-size:14px;margin-top:8px;animation:slide-in .3s cubic-bezier(.16,1,.3,1)}.feedback.good{background:#14351f;border:1px solid #2f7a4f}.feedback.bad{background:#3c1a1a;border:1px solid #a33}.feedback.info{background:#16283e;border:1px solid #2b4c74}.step-progress{display:flex;gap:6px}.step-progress span{flex:1;height:4px;border-radius:2px;background:var(--line)}.step-progress span.done{background:var(--green)}.step-progress span.cur{background:var(--gold)}.step-progress span.quiz{border-radius:999px;max-width:14px}.quiz-choices{display:grid;gap:8px;margin-top:10px}.quiz-choice{text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--text);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.33,1,.68,1),transform .1s}.quiz-choice:hover{border-color:var(--muted)}.quiz-choice:active{transform:scale(.99)}.quiz-choice.wrong{border-color:#a33;background:#33201d}.quiz-explain{display:block;margin-top:6px;padding-top:6px;border-top:1px dashed #5a3230;color:#f5b9b0;font-size:12.8px}.goal-head{margin-top:10px;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.goal-list{display:grid;gap:6px;margin-top:6px}.goal-item{display:flex;gap:9px;align-items:flex-start;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:13.8px;color:var(--muted);transition:border-color .3s cubic-bezier(.33,1,.68,1),background .3s,color .3s}.goal-item .tick{flex:none;font-size:13px;line-height:1.5}.goal-item.met{background:#14351f;border-color:#2f7a4f;color:var(--text)}.goal-item.met .hl{color:var(--green)}.situation-list{margin:6px 0 0;padding-left:18px;color:var(--muted);font-size:13px}.situation-list li{margin:3px 0}.par-badge{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:2px 10px;color:var(--muted);white-space:nowrap}.par-badge.over{color:var(--gold);border-color:var(--gold)}.node-actions{border-left:3px solid var(--gold);animation:slide-in .3s cubic-bezier(.16,1,.3,1)}.node-actions-title{font-size:13.5px;color:var(--gold)}.node-actions-title .mono{color:var(--text)}.node-actions-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.node-actions-input{display:flex;gap:6px;margin-top:9px}.node-actions-input input{flex:1;background:var(--bg2);border:1px solid var(--line);border-radius:6px;color:var(--text);padding:6px 10px;font-size:13.5px;font-family:inherit}.node-actions-input input:focus-visible{outline:2px solid var(--green);outline-offset:1px}.gclick{cursor:pointer}.gclick:hover .gnode{stroke:var(--gold)}.gsel{pointer-events:none}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:50}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;width:min(560px,92vw)}.modal textarea{width:100%;min-height:160px;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.modal textarea:focus-visible{outline:2px solid var(--green)}.rebase-rows{display:grid;gap:6px;margin:10px 0}.rebase-row{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.rebase-row select,.rebase-row input{background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px 7px;font-size:12.5px;font-family:inherit}.zone-badge{display:inline-block;border-radius:999px;font-size:11.5px;padding:2px 10px;font-weight:700}.zone-safe{background:#14351f;color:var(--green)}.zone-warn{background:#43240f;color:var(--gold)}.chaos-rules{max-width:560px;margin:14px auto 0;text-align:left;display:grid;gap:8px}.chaos-rule{font-size:14px}.chaos-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:9px 14px;margin-bottom:8px}.chaos-stat{font-size:14px}.chaos-stat b{color:var(--gold)}.chaos-note{font-size:13px;color:var(--green)}.chaos-calm{color:var(--muted);font-size:13.5px;margin-bottom:8px}.incident-card{margin-bottom:8px;border-left:3px solid var(--gold)}.incident-card.danger{border-left-color:var(--red);animation:incident-pulse 1s ease-in-out infinite}@keyframes incident-pulse{0%,to{box-shadow:0 0 #f8717100}50%{box-shadow:0 0 0 3px #f8717140}}@media(prefers-reduced-motion:reduce){.incident-card.danger{animation:none}}.incident-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.incident-title{font-weight:700;font-size:14.5px}.incident-clock{font-size:13px;color:var(--gold);font-variant-numeric:tabular-nums}.incident-clock.danger{color:var(--red);font-weight:700}.incident-bar{height:5px;background:var(--bg2);border-radius:999px;margin:7px 0;overflow:hidden}.incident-bar-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--gold),var(--green));border-radius:999px;transition:width 1s linear}.incident-story{margin:4px 0 8px;font-size:13.5px;color:var(--text)}.incident-hints{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.incident-hint{font-size:13px;color:var(--muted)}.chaos-over h2{margin:0 0 8px}.chaos-final{font-size:15px}.chaos-final b{color:var(--gold)}.advisor-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.advisor-score{font-size:13.5px}.advisor-score b{color:var(--gold);font-size:16px}.advisor-items{display:grid;gap:5px;margin-top:8px}.advisor-item{display:grid;grid-template-columns:22px 1fr;gap:6px;font-size:13px;color:var(--muted)}.advisor-item.met{color:var(--text)}.advisor-pts{color:var(--muted);font-size:11.5px}.advisor-tip{font-size:12px;color:var(--gold);margin-top:2px}.xp-bar-wrap{max-width:640px;margin:0 auto 22px}.xp-line{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:7px}.xp-level{font-weight:700;font-size:14.5px}.xp-num{font-size:13px;color:var(--gold);font-variant-numeric:tabular-nums}.xp-track{height:6px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:999px;transition:width .5s cubic-bezier(.16,1,.3,1)}.badges-modal{width:min(680px,94vw)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:12px 0;max-height:55vh;overflow:auto}.badge{display:grid;grid-template-columns:34px 1fr;grid-template-areas:"i n" "i d";gap:2px 8px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:9px 10px;opacity:.45}.badge.got{opacity:1;border-color:var(--gold)}.badge-icon{grid-area:i;font-size:22px;align-self:center}.badge-name{grid-area:n;font-size:13px;font-weight:700}.badge-desc{grid-area:d;font-size:11.5px;color:var(--muted)}.toast-stack{position:fixed;right:16px;bottom:16px;display:grid;gap:8px;z-index:80}.toast{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--gold);border-radius:12px;padding:10px 14px;animation:toast-in .4s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 24px #00000073}.toast-icon{font-size:24px}.toast b{font-size:13.5px}.toast .muted{font-size:12px}@keyframes toast-in{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.help-modal{width:min(620px,94vw)}.help-rows{display:grid;gap:7px;margin:12px 0}.help-row{display:grid;grid-template-columns:minmax(120px,32%) 1fr;gap:10px;font-size:13.5px;align-items:baseline}.help-row code{color:var(--gold);font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.help-row span{color:var(--muted)}.menu-card.chaos-card .icon{filter:drop-shadow(0 0 6px rgba(251,191,36,.35))}.view-wrap{position:relative}.view-toggle{position:absolute;top:8px;right:8px;z-index:5;opacity:.92}.garden3d-wrap{position:relative;height:460px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.garden3d-wrap canvas{display:block}.garden3d-hint{position:absolute;left:10px;bottom:8px;z-index:4;font-size:11.5px;color:var(--muted);background:#0e1512b3;padding:3px 9px;border-radius:999px;pointer-events:none}