:root{color-scheme:dark;--bg:#101310;--text:#ecefe5;--muted:#a0a89d;--green:#bcf783;--line:#30372d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a,button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:5px}.shell{max-width:1500px;margin:auto;padding:0 64px}.playground{min-height:100svh;padding:64px 0;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:65px;align-items:center}.section-label{color:var(--green);font:10px/1.6 monospace;letter-spacing:1.5px;margin-bottom:32px}h1{font-weight:400;font-size:clamp(32px,3.2vw,45px);line-height:1.16;letter-spacing:-1.7px;margin:0 0 28px}.accent{color:var(--green)}.secondary-title{color:#a4af9c}.terminal-intro p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.9;margin:0}.terminal-intro .challenge{margin-top:20px;color:#c7cfbf}.intro-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.start-button{background:var(--green);color:#14200e;border:0;border-radius:3px;padding:15px 18px;font-size:12px;font-weight:bold}.start-button:hover{background:#d5ffaf}.start-button span{margin-left:24px;font-size:17px}.help-button{background:none;color:var(--text);border:0;border-bottom:1px solid #59654f;padding:7px 0;font:12px monospace}.help-button span{margin-left:8px;color:var(--muted)}.mission-status{display:flex;align-items:center;gap:9px;margin-top:35px;color:var(--muted);font:9px/1.7 monospace;letter-spacing:.4px}.status-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#8a957f}.mission-status.is-complete{color:var(--green)}.is-complete .status-dot{background:var(--green);box-shadow:0 0 12px #bcf78355}.terminal-window{min-width:0;border:1px solid #3b4435;background:#0c0f0c;border-radius:7px;overflow:hidden;box-shadow:0 22px 55px #0002}.terminal-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 15px;border-bottom:1px solid var(--line);font:10px monospace;color:var(--muted);background:#191e17;min-height:46px}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:#748367}.dots i:nth-child(2){background:#536148}.dots i:nth-child(3){background:#37432e}#terminal-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#expand{flex-shrink:0;border:1px solid #394531;background:#1d2519;border-radius:3px;color:#c9d9bc;font-size:22px;width:32px;height:29px;line-height:1}#expand:hover{color:var(--green);border-color:#698651}.terminal-body{padding:24px 24px 38px;font:12px/1.85 monospace;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;cursor:text}#output{max-height:360px;min-height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#425337 transparent;overflow-wrap:anywhere;padding-right:6px;white-space:pre-wrap}#output p{margin:0 0 13px}.muted{color:var(--muted)}.error{color:#edbd9c}#command-form{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap;position:relative;padding-right:26px}label{white-space:nowrap;font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis}label span{color:var(--green)}label b{color:var(--muted);font-weight:normal}input{min-width:80px;flex:1;width:100%;border:0;background:transparent;color:var(--text);font:12px/1.85 monospace;outline:none;caret-color:var(--green);padding:0}#command:focus-visible{outline:none}.run{position:absolute;right:-4px;bottom:-3px;background:none;border:0;color:var(--green);font-size:20px;padding:4px}.terminal-bottom{min-height:39px;border-top:1px solid #252d21;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font:9px monospace}.desktop-hints span{margin:0 7px;color:#4f5e46}.lab-label{font-size:8px;letter-spacing:1px}.touch-controls{display:none;gap:7px}.touch-controls button{min-width:44px;min-height:38px;border:1px solid #394531;background:#192014;color:var(--text);border-radius:3px;font:12px monospace}.skip{position:fixed;top:-100px;background:var(--green);color:#101310;padding:15px;z-index:10}.skip:focus{top:10px}.playground.is-expanded{grid-template-columns:1fr;gap:24px;padding:28px 0}.is-expanded .terminal-intro{display:none}.is-expanded .terminal-body{min-height:calc(100svh - 155px)}.is-expanded #output{max-height:calc(100svh - 260px);min-height:calc(100svh - 275px)}
@media(min-width:1600px){.shell{max-width:1600px}.terminal-body{min-height:520px}#output{min-height:380px;max-height:440px}}
@media(max-width:1100px){.shell{padding:0 32px}.playground{gap:34px;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr)}.terminal-body{padding:20px 18px 36px}.lab-label{font-size:7px;letter-spacing:.5px}}
@media(max-width:760px){.shell{padding:0 20px}.playground{grid-template-columns:minmax(0,1fr);gap:36px;padding:44px 0;align-content:center}.section-label{margin-bottom:22px}h1{font-size:38px}.terminal-intro p{max-width:500px}.mission-status{margin-top:22px}.terminal-body{min-height:370px;padding:19px 16px 33px}#output{min-height:240px;max-height:330px}.desktop-hints{display:none}.touch-controls{display:flex}.terminal-bottom{padding:8px 13px}.lab-label{font-size:8px}.is-expanded .terminal-body{min-height:calc(100svh - 175px)}.is-expanded #output{max-height:calc(100svh - 295px);min-height:calc(100svh - 295px)}input{font-size:16px;line-height:1.5}label{font-size:10px}}
@media(pointer:coarse){.touch-controls{display:flex}.desktop-hints{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.contact-prompt{color:var(--green)}.contact-trap{position:absolute!important;width:1px!important;min-width:0!important;height:1px;padding:0!important;overflow:hidden;clip-path:inset(50%);pointer-events:none}.run:disabled{opacity:.5;cursor:wait}