:root{--bg:#17150f;--panel:#211e17;--panel-2:#2a261d;--border:#3b372b;--text:#f1e9d6;--muted:#a39b88;--accent:#e0714a;--accent-2:#d4a53a;--green:#6fb07f;--red:#e26d5a;--purple:#b48ac9;--display:"Fraunces", Georgia, serif;--body:"Manrope", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--body);margin:0}#app{flex-direction:column;height:100vh;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:10px 18px;display:flex}.brand{font-family:var(--display);color:var(--text);font-size:20px;font-weight:700;text-decoration:none}.top-links{gap:16px;margin-right:auto;display:flex}.top-links a{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.top-links a:hover{color:var(--text)}.top-links .nav-icon{align-items:center;gap:6px;display:inline-flex}.stats{align-items:center;gap:14px;font-weight:700;display:flex}.stats span:first-child{color:var(--green)}.stats span:nth-child(2){color:var(--accent-2)}select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;max-width:260px;padding:7px 10px;font-family:inherit;font-size:13px}.layout{flex:1;grid-template-columns:340px 1fr 380px;gap:12px;min-height:0;padding:12px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;overflow:auto}.panel-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:700}.muted{color:var(--muted);text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}.story-panel{flex-direction:column;gap:12px;font-size:14.5px;line-height:1.55;display:flex}.world-tag{color:var(--accent-2);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.story-panel h2{font-family:var(--display);margin:0;font-size:26px;font-weight:600;line-height:1.15}#story p{color:#d8d0bc;margin:0 0 8px}.concept,.task{background:var(--panel-2);border-left:4px solid var(--purple);border-radius:12px;padding:12px 14px}.task{border-left-color:var(--accent-2)}.concept strong{color:var(--purple);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.task strong{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.concept p{margin:4px 0 0}.task div{margin-top:4px}.feedback{color:#f3d9a0;background:#3a2a14;border:1px solid #8a6520;border-radius:12px;padding:10px 12px;font-size:13px}.hints{flex-direction:column;gap:8px;margin-top:auto;display:flex}.hint{background:var(--panel-2);border-radius:10px;gap:8px;padding:8px 10px;font-size:13px;display:flex}.hint-n{color:var(--accent);font-weight:700}.hint pre{white-space:pre-wrap;margin:0;font-family:inherit}.btn{background:var(--accent);color:#17150f;cursor:pointer;border:none;border-radius:999px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:700}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn:hover:not(:disabled){filter:brightness(1.1)}.center{flex-direction:column;gap:12px;min-height:0;display:flex}.terminal{border:1px solid var(--border);background:#0f0e0a;border-radius:16px;flex:1;min-height:260px;padding:10px;overflow:hidden}.terminal .xterm{height:100%}.files-panel{max-height:160px}.file-list{flex-wrap:wrap;gap:6px;display:flex}.file{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font-family:var(--mono);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:13px}.file:hover{border-color:var(--accent)}.right{flex-direction:column;gap:12px;min-height:0;display:flex}.right .panel:first-child{flex:1}.graph{min-height:120px}.graph-empty{color:var(--muted);padding:10px 0;font-size:13px}.graph svg text{fill:var(--text);font-size:12px;font-family:var(--mono)}.graph svg text.meta{fill:var(--muted);font-size:10px}.graph svg .ref{fill:var(--accent-2);font-weight:700}.graph svg .ref-head{fill:var(--green)}.graph svg .node.head circle{stroke:var(--text)}.areas{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.area{background:var(--panel-2);border-radius:12px;min-height:90px;padding:8px}.area-name{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:700}.area ul{font-family:var(--mono);margin:0;padding:0;font-size:11.5px;list-style:none}.area li{word-break:break-all;padding:2px 0}.area li.untracked{color:var(--red)}.area li.modified{color:var(--accent-2)}.area li.staged{color:var(--green)}.area li.committed{color:#9ec9e6}.area li.gone{opacity:.6;text-decoration:line-through}.area li.empty{color:var(--muted);font-style:italic}.modal{z-index:10;background:#0a0906b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal.hidden,.hidden{display:none!important}.modal-box{background:var(--panel);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:12px;width:min(640px,92vw);padding:22px;display:flex}.modal-title{font-weight:600;font-family:var(--mono)}#editor-text{width:100%;height:300px;color:var(--text);border:1px solid var(--border);font-family:var(--mono);resize:vertical;background:#0f0e0a;border-radius:12px;padding:10px;font-size:14px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.complete-box{text-align:center;align-items:center}.complete-box .big{color:var(--accent-2);letter-spacing:4px;font-size:44px}.complete-box h3{font-family:var(--display);margin:0;font-size:28px;font-weight:600}.badge{border:1px solid var(--accent-2);color:#f3d9a0;background:#3a2a14;border-radius:12px;padding:8px 14px}@media (max-width:1100px){.layout{grid-template-columns:1fr;overflow:auto}.terminal{min-height:320px}.right .panel:first-child{flex:none}}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:-moz-fit-content;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}