:root{--bg:#111514;--panel:#1b201e;--line:#343b34;--text:#e6e6d8;--muted:#8c968b;--lime:#d1e49e;--gold:#d9b876}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,sans-serif}button,select,textarea{font:inherit}button,select{color:var(--text);background:#262d27;border:1px solid #414c3f;border-radius:5px;padding:8px 10px;cursor:pointer}button:hover{background:#3d493a}button:disabled{opacity:.4;cursor:default}.primary{background:var(--lime);color:#19221a;border-color:var(--lime);font-weight:650}.primary:hover{background:#e2f5b3}header{height:80px;padding:0 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px}.brand{font:bold 38px Georgia,serif;letter-spacing:-2px;color:var(--text);text-decoration:none}.brand>span:first-child{font-style:italic}.brand .star{font-size:22px;color:var(--lime);margin-left:9px}.tagline,.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--muted)}.header-right{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:12px}#restored{color:var(--lime)}main{display:grid;grid-template-columns:205px minmax(480px,1fr) 400px;max-width:1900px;margin:auto}aside{border-right:1px solid var(--line);padding:30px 19px;position:relative}h2{font:25px/1.18 Georgia,serif;margin:15px 0}p.muted{color:var(--muted);font-size:12px;margin-bottom:30px}nav{display:flex;flex-direction:column;gap:6px}nav button{text-align:left;border:1px solid transparent;background:none;padding:12px 8px;font-size:12px;display:flex;gap:10px;align-items:center}nav button.selected{background:#2c3629;border-color:#53613e;color:var(--lime)}nav button span{color:#85967a;font-size:10px}nav button b{font-weight:500}nav button small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.aside-foot{margin-top:45px;font-size:9px;letter-spacing:1px;color:var(--muted)}.aside-foot small{letter-spacing:0;display:block;padding-top:6px}.status-dot{display:inline-block;border-radius:50%;background:var(--lime);width:5px;height:5px;margin-right:5px}.workspace{padding:28px;min-width:0}.act-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font:32px/1.15 Georgia,serif;margin:9px 0 0}.venue-badge{text-align:center;color:#777d69;border:1px solid #50553f;border-radius:50%;font-size:9px;padding:12px 10px;transform:rotate(-8deg)}.venue-badge b{font-size:7px}.stage{height:360px;background:#191814;border:1px solid #625138;border-radius:9px 9px 4px 4px;position:relative;overflow:hidden;box-shadow:0 12px 45px #0004}.stage-top{height:34px;display:flex;justify-content:space-between;padding:10px 18px;background:#29251c;font-size:8px;letter-spacing:2px;color:#cbbd96}#live{color:#9eaa83;letter-spacing:1px}.arch{position:absolute;inset:35px 25px 48px;border:9px solid #483a28;border-top:17px solid #5b4a30;border-radius:45% 45% 0 0 / 12% 12% 0 0;overflow:hidden;background:#111c22}.backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#293441,#101820);transition:background 1s}.stars{position:absolute;left:17%;top:20%;color:#aeac8c;letter-spacing:18px;font-size:18px}.moon{position:absolute;top:25px;right:24%;width:62px;height:62px;border-radius:50%;background:#f1ddb3;box-shadow:0 0 55px #c8c49a55;opacity:0;transition:opacity 1s}.backdrop.moon-set .moon{opacity:1}.backdrop.city-set .skyline{position:absolute;inset:65px 0 35px;background:repeating-linear-gradient(90deg,#434969 0 25px,transparent 25px 32px);clip-path:polygon(0 35%,15% 35%,15% 0,25% 0,25% 50%,45% 50%,45% 12%,60% 12%,60% 38%,80% 38%,80% 0,100% 0,100% 100%,0 100%)}.backdrop.garden-set{background:radial-gradient(ellipse at bottom,#55734c,#152f29)}.floor{position:absolute;bottom:0;height:57px;width:100%;background:repeating-linear-gradient(0deg,#4d3a2b 0 1px,transparent 1px 15px),repeating-linear-gradient(95deg,#6d5138 0 50px,#382d22 51px 52px);transform-origin:bottom;box-shadow:0 -8px 35px #dec09115}.curtain{z-index:5;position:absolute;top:0;bottom:0;width:51%;background:repeating-linear-gradient(90deg,#56232a 0,#77343c 14px,#4a1c25 29px);transition:transform 1.6s ease-in-out;border-bottom:5px solid #b09a57;box-shadow:5px 0 18px #0008}.curtain.left{left:0}.curtain.right{right:0}.stage.open .curtain.left{transform:translateX(-86%)}.stage.open .curtain.right{transform:translateX(86%)}.valance{position:absolute;top:-23px;left:0;right:0;height:54px;border-radius:0 0 50% 50%;background:repeating-linear-gradient(90deg,#652630,#7c3c43 20px,#56232a 35px);border-bottom:4px solid #c1a66a;z-index:6}.mark{position:absolute;bottom:17px;color:#bea57477;font:9px monospace;border:1px solid #b99c5655;border-radius:50%;width:25px;text-align:center}.mark-left{left:23%}.mark-center{left:48%}.mark-right{left:73%}.actor{position:absolute;bottom:37px;left:4%;width:45px;height:84px;transition:left 1.7s ease-in-out,opacity .7s;z-index:3;opacity:0}.actor.visible{opacity:1}.actor .beam{position:absolute;bottom:-17px;left:-67px;width:175px;height:245px;background:linear-gradient(transparent,var(--light));clip-path:polygon(48% 0,53% 0,100% 100%,0 100%);opacity:.16;pointer-events:none}.robot{position:relative;height:76px;transform-origin:50% 90%}.head{position:absolute;top:4px;left:8px;width:29px;height:24px;background:#c2a567;border:2px solid #e4ca89;border-radius:8px;box-shadow:inset 0 -5px #927944}.head:before{content:'• •';position:absolute;top:-6px;left:4px;color:#26322d;font-size:23px}.head:after{content:'';position:absolute;top:-8px;left:12px;height:6px;width:2px;background:#d8bf86}.body{position:absolute;left:10px;top:30px;width:25px;height:29px;background:#557d71;border:2px solid #b4c2a0;border-radius:6px}.body:after{content:'✦';position:absolute;left:5px;top:1px;color:#d6bd77}.arm{position:absolute;top:32px;left:2px;width:6px;height:29px;border-radius:5px;background:#b8a277;transform:rotate(14deg)}.arm.r{left:38px;transform:rotate(-14deg)}.leg{position:absolute;top:58px;left:12px;width:8px;height:18px;background:#b9a173;border-radius:4px}.leg.r{left:26px}.actor.ada .body{background:#876a99}.actor.bolt .body{background:#b77850}.actor label{display:block;text-align:center;font-size:8px;letter-spacing:2px;color:#d8d4b5;position:absolute;top:86px;width:50px}.actor.hop .robot{animation:hop .5s infinite alternate}.actor.twirl .robot{animation:twirl 1.1s infinite}.actor.slide .robot{animation:slide .8s infinite alternate}.actor.bow .robot{transform:rotate(23deg)}.actor.bow .arm{transform:rotate(-55deg)}@keyframes hop{to{transform:translateY(-15px) rotate(5deg)}}@keyframes twirl{50%{transform:scaleX(-1) rotate(9deg)}}@keyframes slide{to{transform:translateX(13px) rotate(-9deg)}}.stage.paused *{animation-play-state:paused!important;transition:none!important}.prop{position:absolute;bottom:34px;left:8%;border:2px solid #b48a55;background:#795532;color:#d2b68e;padding:8px;font:9px monospace;transform:rotate(-6deg);z-index:4}.footlights{position:absolute;bottom:32px;left:0;right:0;text-align:center;color:#d9c791;font-size:11px;text-shadow:0 0 8px #ffcd69;letter-spacing:8px}.audience{position:absolute;bottom:-13px;left:10%;right:10%;height:37px;background:radial-gradient(ellipse at 50% 100%,#30322b 0 18px,transparent 19px) 0 0 / 47px 40px}.effect{position:absolute;inset:20px;color:#ffdf9d;font-size:30px;text-align:center;word-spacing:20px;pointer-events:none;z-index:7}.effect.burst{animation:burst 2s infinite}@keyframes burst{from{transform:translateY(-30px);opacity:1}to{transform:translateY(120px);opacity:0}}.transport{display:flex;justify-content:space-between;align-items:center;padding:17px 0;gap:8px}.transport>div{display:flex;gap:5px}.transport button{font-size:11px;padding:9px}.transport label{font-size:10px;color:var(--muted);white-space:nowrap}.transport select{font-size:11px;padding:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:5px;background:#1c211b}.metrics>div{padding:13px 17px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics span{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.metrics strong{display:block;font:27px Georgia,serif;margin-top:4px}.metrics strong span{font:10px system-ui;letter-spacing:0;margin-left:5px}.lower{display:grid;grid-template-columns:1.1fr 1fr;gap:15px;margin-top:19px}.panel{border:1px solid var(--line);border-radius:5px;padding:18px;background:#191e19}h3{font-size:14px;font-weight:500;line-height:1.55;margin:11px 0}.objective p{font-size:11px;color:var(--muted)}#checks{font-size:10px;display:flex;flex-wrap:wrap;gap:6px}#checks span{border:1px solid #394033;border-radius:3px;padding:3px 6px;color:#9aa28e}#checks span.ok{color:var(--lime);border-color:#657349}#result{font-size:11px;color:var(--gold);padding-top:11px;border-top:1px solid var(--line)}#best{font-size:10px;color:var(--muted);margin:9px 0}.panel-title{display:flex;justify-content:space-between;letter-spacing:1px;font-size:9px;color:var(--muted)}#log{height:160px;overflow:auto;margin-top:14px;font:10px/1.8 ui-monospace,monospace}#log div{border-bottom:1px solid #2b3026;color:#b0bba4}#log time{color:#718064;margin-right:9px}#log .error{color:#f29988}#log .warning{color:#d9b876}#active{color:var(--lime);font-size:10px;padding-top:9px}.editor-panel{background:#191d1b;border-left:1px solid var(--line);min-width:0}.editor-top{display:flex;justify-content:space-between;padding:18px;font-size:11px;background:#232921;border-bottom:1px solid var(--line)}.editor-top>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.code-dot{display:inline-block;width:6px;height:6px;background:#cbbb71;border-radius:50%;margin-right:8px}.editor-toolbar{padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.editor-toolbar button{font-size:10px;background:transparent;padding:5px 8px}.editor-toolbar span{font-size:9px;color:#7d8d77}.code-wrap{display:flex;height:355px;overflow:hidden}#line-numbers{margin:0;padding:15px 11px 15px 16px;color:#56634f;font:12px/1.8 ui-monospace,SFMono-Regular,monospace;text-align:right;user-select:none}textarea{resize:none;border:0;outline:0;background:transparent;color:#d9e5b4;line-height:1.8;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;flex:1;min-width:0;padding:15px 12px 15px 0;tab-size:2;white-space:pre;overflow:auto}textarea:focus{background:#20261c66}.editor-footer{padding:11px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:7px;letter-spacing:.5px;color:#7e8974}.help{padding:23px 20px}.help p{font-size:11px;color:var(--muted)}code{font-family:ui-monospace,monospace;color:#d4dfb1}details{border-bottom:1px solid var(--line);padding:13px 0}summary{font-size:12px;cursor:pointer;color:#c1cab3}dl{font-size:10px;margin-bottom:0}dt{font-family:ui-monospace,monospace;color:#d2ddb7;margin-top:12px;overflow-wrap:anywhere}dd{margin:4px 0 0;color:var(--muted);line-height:1.6}.variant{display:block;font-size:10px;color:var(--muted);margin-top:20px}.variant select{display:block;width:100%;margin-top:7px;font-size:11px}.help .small{font-size:9px;line-height:1.7}#error{margin:10px 15px;padding:12px;background:#492e2a;border:1px solid #9c6252;color:#ffc2a8;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 monospace}button:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media(min-width:1600px){.stage{height:430px}.code-wrap{height:430px}}@media(max-width:1200px){main{grid-template-columns:160px minmax(430px,1fr) 335px}.workspace{padding:22px 18px}.tagline{display:none}.venue-badge{display:none}.transport{flex-wrap:wrap}h1{font-size:28px}.lower{grid-template-columns:1fr}.cue-panel{min-height:220px}}@media(max-width:950px){main{grid-template-columns:145px 1fr}.editor-panel{grid-column:2}.code-wrap{height:330px}.lower{grid-template-columns:1fr 1fr}}@media(max-width:600px){header{padding:0 16px;height:70px}.header-right{gap:5px}#restored{display:none}main{display:block}aside{padding:16px;border-bottom:1px solid var(--line)}aside h2,aside p,aside .eyebrow,.aside-foot{display:none}nav{flex-direction:row;overflow:auto}nav button{min-width:125px;padding:6px}nav button small{display:none}.workspace{padding:20px 12px}.stage{height:330px}.lower{grid-template-columns:1fr}.editor-panel{border-top:1px solid var(--line)}h1{font-size:27px}.metrics>div{padding:12px}.transport>div{flex-wrap:wrap}.venue-badge{display:none}}

.restoration{position:absolute;bottom:6px;right:10px;z-index:8;color:#c1a265;font-size:9px;letter-spacing:2px}.stage.restored{border-color:#b59d68;box-shadow:0 0 28px #bfa66a15}.stage.restored .arch{border-color:#806c42}.inspector{padding:6px 0}.inspector summary{font-size:9px}.inspector pre{font-size:9px;color:#a9b693;white-space:pre-wrap}

.aside-foot button{display:block;margin-top:10px;font-size:9px;padding:5px 8px;background:transparent;letter-spacing:0}

[hidden]{display:none!important}.guide{margin-bottom:20px;border-color:#566348}.guide h3{font-family:Georgia,serif;font-size:21px}.guide ol{padding-left:20px;font-size:12px;color:#c4cdbb}.guide li{margin:8px 0}.guide p{font-size:12px;color:#a8b49e}.first-step{border-left:2px solid var(--lime);padding-left:12px;margin:15px 0;font-size:11px}.first-step b{color:var(--lime)}.hints{margin:16px 0}.hints button{font-size:11px;margin:0 5px 8px 0}.hints ol{padding-left:19px}.hints li{margin-bottom:14px;font-size:11px;color:var(--lime)}.hints li p{color:#c2ccb7}.hints pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#10170f;padding:12px;font:11px/1.7 monospace;color:#d2dfb5}.command-card{border-bottom:1px solid var(--line);padding:14px 0}.command-card code{font-size:11px;overflow-wrap:anywhere}.command-card small{font-size:9px;color:#839778}.command-card p{margin:7px 0}.header-right #guide-toggle{font-size:11px}

.autocomplete{border-top:1px solid #65774c;border-bottom:1px solid #65774c;background:#222c20;padding:7px 10px}.autocomplete [role=listbox]{max-height:170px;overflow:auto}.completion-option{padding:7px 8px;display:flex;justify-content:space-between;gap:8px;font-size:11px;cursor:pointer;border-radius:3px}.completion-option[aria-selected=true]{background:#d1e49e;color:#172315}.completion-option[aria-selected=true] code{color:#172315}.completion-option span{font-size:10px;opacity:.8}.completion-signature{font-size:11px;color:#d5dfbd;padding:6px 8px 10px;line-height:1.6}.completion-footer,.completion-help{font-size:9px;color:#a9b898;padding:8px 10px;line-height:1.5}.completion-help{border-top:1px solid var(--line)}

.concept-panel{margin-bottom:20px;border-color:#596b43}.concept-panel summary{font:22px Georgia,serif;color:var(--lime);line-height:1.3}.concept-panel p,.concept-panel li{font-size:12px;line-height:1.7;color:#bac6ad}.concept-panel pre{white-space:pre-wrap;padding:15px;background:#101710;color:#d6e6b1;border:1px solid #3c4b32;border-radius:4px;font:12px/1.8 ui-monospace,monospace}.concept-panel ol{padding-left:22px}.concept-panel li{margin:10px 0}.experiment{padding:15px;background:#273221;border-left:3px solid var(--lime)}.experiment b{font-size:12px;color:var(--lime)}.experiment small{display:block;margin-top:10px;font-size:10px;color:var(--muted)}.practice-reminder{margin:0;padding:14px 18px;border-bottom:1px solid #596b43;color:#d6e5b4;background:#2b3623;font-size:12px;line-height:1.6}.editor-toolbar{flex-wrap:wrap;gap:6px}

.welcome-dialog{color:var(--text);background:#1b241c;border:1px solid #77875c;border-radius:12px;width:min(650px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:30px 34px;box-shadow:0 24px 100px #0009}.welcome-dialog::backdrop{background:#070c09c9;backdrop-filter:blur(5px)}.welcome-dialog h2{font:36px/1.15 Georgia,serif;margin:13px 0 18px}.welcome-dialog p,.welcome-dialog li{font-size:13px;line-height:1.65;color:#bac8b2}.welcome-dialog ol{padding-left:21px}.welcome-dialog li{margin:13px 0;padding-left:3px}.welcome-dialog b{color:#e0e8d2}.welcome-dialog .welcome-example{background:#111b12;border-left:3px solid var(--lime);padding:13px 16px}.welcome-dialog .welcome-note{font-size:11px;color:#91a385}.welcome-dialog button{padding:11px 20px;margin-top:5px}@media(max-width:600px){.welcome-dialog{padding:23px}.welcome-dialog h2{font-size:29px}}