.simulator-layout{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;margin-top:1.5rem}@media(max-width:900px){.simulator-layout{grid-template-columns:1fr}}.sidebar-panel{display:flex;flex-direction:column;gap:1.25rem}.tutorial-box{display:flex;flex-direction:column;gap:.5rem}.level-dropdown{width:100%;padding:.5rem .75rem;border-radius:var(--radius-md);background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border);font-size:.95rem;cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.level-dropdown:focus{border-color:var(--primary)}.level-description{padding:1rem;background-color:rgba(var(--primary-rgb, 59, 130, 246),.05);border-left:4px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.95rem;line-height:1.5}.level-description p{margin:0}.commands-ref h3{font-size:1.1rem;margin-bottom:.75rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.cmd-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem;font-size:.85rem}.cmd-list li{display:flex;flex-direction:column;gap:.25rem}.cmd-list code{background-color:#ffffff0d;color:var(--accent);padding:.2rem .4rem;border-radius:var(--radius-sm);font-family:var(--font-mono, monospace);font-weight:600;font-size:.9rem;align-self:flex-start}.main-simulator-panel{display:flex;flex-direction:column;gap:1.5rem}.visualizer-card{display:flex;flex-direction:column;gap:1rem}.visualizer-header{display:flex;justify-content:space-between;align-items:center}.svg-container{background-color:#0b0f19;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;position:relative;box-shadow:inset 0 2px 8px #00000080;min-height:320px}#git-svg{display:block;-webkit-user-select:none;user-select:none}.commit-node{cursor:pointer;transition:transform var(--transition-fast)}.commit-node:hover{transform:scale(1.15)}.commit-circle{stroke-width:4px;transition:fill var(--transition-fast),stroke var(--transition-fast)}.commit-text{font-family:var(--font-mono, monospace);font-size:11px;font-weight:700;text-anchor:middle;pointer-events:none}.commit-link{stroke-width:3px;stroke-linecap:round;fill:none;transition:stroke var(--transition-fast)}.ref-rect{stroke-width:1px}.ref-text{font-size:11px;font-weight:700;text-anchor:middle}.ref-pointer{stroke-width:2px;stroke-dasharray:3,3}.terminal-card{display:flex;flex-direction:column;padding:0!important;overflow:hidden;background-color:#0d1117;border:1px solid var(--border)}.quick-actions-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;background-color:#161b22;border-bottom:1px solid var(--border)}.action-btn{background-color:#21262d;border:1px solid #30363d;color:#c9d1d9;padding:.4rem .8rem;font-size:.85rem;font-weight:500;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.action-btn:hover{background-color:#30363d;border-color:#8b949e;color:#f0f6fc}.action-btn i{font-size:.8rem}.terminal-crt-container{position:relative;border-radius:var(--radius-md);overflow:hidden;background-color:#080c14;border:1px solid rgba(57,255,20,.25);box-shadow:inset 0 0 25px #39ff141f,0 8px 24px #0006}.terminal-crt-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000038 50%),linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05);background-size:100% 4px,6px 100%;z-index:5;pointer-events:none}.terminal-crt-container:before{content:" ";display:block;position:absolute;inset:0;background:radial-gradient(circle,transparent 65%,rgba(0,0,0,.45) 100%);z-index:6;pointer-events:none}.terminal-shell{padding:1.25rem;font-family:var(--font-mono, monospace);font-size:.9rem;color:#39ff14;text-shadow:0 0 3px rgba(57,255,20,.4);display:flex;flex-direction:column;height:220px;position:relative;z-index:2;animation:crtFlicker .15s infinite}@keyframes crtFlicker{0%{opacity:.99}50%{opacity:.97}to{opacity:.99}}.terminal-output{flex-grow:1;min-height:0;overflow-y:auto;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.35rem;scrollbar-width:thin}.terminal-output::-webkit-scrollbar{width:6px}.terminal-output::-webkit-scrollbar-track{background:transparent}.terminal-output::-webkit-scrollbar-thumb{background:#39ff1433;border-radius:3px}.terminal-output::-webkit-scrollbar-thumb:hover{background:#39ff1466}.terminal-line{white-space:pre-wrap;word-break:break-all;line-height:1.4}.system-line,.log-line{color:#39ff14a6}.log-hash{color:var(--accent);font-weight:700}.error-line{color:#f44;text-shadow:0 0 4px rgba(255,68,68,.5)}.success-line{color:#39ff14;text-shadow:0 0 6px rgba(57,255,20,.6)}.cmd-echo{color:#0ff;text-shadow:0 0 4px rgba(0,255,255,.5)}.terminal-input-line{display:flex;align-items:center;gap:.5rem;border-top:1px solid rgba(57,255,20,.2);padding-top:.5rem}.terminal-prompt{color:#39ff14;font-weight:700;-webkit-user-select:none;user-select:none;white-space:nowrap}#terminal-input{background:transparent;border:none;outline:none;color:#39ff14;text-shadow:0 0 3px rgba(57,255,20,.4);font-family:var(--font-mono, monospace);font-size:.9rem;flex-grow:1;padding:0;min-width:0}@media(max-width:600px){.terminal-shell{height:250px;padding:.75rem}.terminal-input-line{flex-wrap:wrap;gap:.25rem}.terminal-prompt{font-size:.8rem}#terminal-input{width:100%;min-width:0}}
