*{box-sizing:border-box}body{margin:0;background:#101820;color:#edf4ed;font:15px system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;background:#25323b;color:#edf4ed;border:1px solid #42505a;border-radius:7px;padding:9px 14px}button:hover{border-color:#c4fa79}header{display:flex;gap:12px;align-items:center;padding:22px 4%;border-bottom:1px solid #35424b}.brand{font-size:23px;color:inherit;text-decoration:none;margin-right:auto}.brand span{font-size:11px;background:#c4fa79;color:#16221b;padding:5px}.tag,.eyebrow{font-size:10px;letter-spacing:2px;color:#b7c5c7}.tag{margin-right:22px}main{display:grid;grid-template-columns:260px 1fr;max-width:1600px;margin:auto}aside{padding:35px 25px;border-right:1px solid #35424b}h1{font-size:35px;line-height:1.13;letter-spacing:-1px}h2{font-size:28px;margin:12px 0}.muted,small{color:#a6b6be}nav{display:grid;gap:8px;margin:30px 0}nav button{text-align:left;background:transparent;font-size:13px}nav button.active{background:#c4fa79;color:#17231e;border-color:#c4fa79}.mentor{border:1px solid #485a54;border-radius:10px;padding:18px;background:#1b2c2a}.mentor b{color:#c4fa79;font-size:11px}.mentor p{line-height:1.6}.mentor small{display:block;font-size:10px;margin-top:12px}section{padding:32px}.mission{max-width:950px}.mission p{color:#c1ccd0;line-height:1.6}.cycle{font-size:10px;letter-spacing:1px;color:#c4fa79;margin:22px 0}input,textarea{background:#121d25;border:1px solid #3b4a52;color:#edf4ed;border-radius:6px;padding:12px}label{display:grid;gap:8px;font-size:12px;color:#a6b6be}input{width:100%}.workspace{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;margin-top:24px}.editor,.world{background:#18252e;border:1px solid #3b4a52;border-radius:10px;overflow:hidden}.panelbar{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #35424b;font:10px monospace;color:#c6d4d8}#code{resize:vertical;border:0;border-radius:0;width:100%;height:290px;font:14px/1.65 ui-monospace,monospace;color:#d1f8a6;tab-size:2}.tools{display:flex;gap:8px;padding:12px}.primary{background:#c4fa79;color:#14231b;font-weight:700}pre{white-space:pre-wrap;padding:0 15px;color:#b3c4c9;min-height:45px;font-size:11px}canvas{width:100%;height:330px;display:block;background:#132333;outline:none}.world small{display:block;padding:12px;font-size:10px}.controls{display:flex;justify-content:center;gap:5px;padding:8px}.reflection{display:grid;gap:16px;margin-top:22px;padding:22px;background:#1d2a32;border-radius:10px}.reflection h3{margin:0}.reflection p{color:#c1ccd0;font-size:13px;line-height:1.6}.reflection textarea{height:70px}.reflection button{justify-self:start}details{font-size:12px;color:#a6b6be;margin-top:22px;line-height:1.7}button:focus-visible,canvas:focus-visible{outline:2px solid #c4fa79;outline-offset:3px}@media(max-width:1000px){main{grid-template-columns:210px 1fr}.workspace{grid-template-columns:1fr}.tag{display:none}aside{padding:25px 16px}}@media(max-width:650px){header{flex-wrap:wrap;padding:16px}.brand{width:100%}main{display:block}aside{border:0;padding:20px}h1,.muted,aside>.eyebrow{display:none}nav{grid-template-columns:1fr 1fr;margin:0}.mentor{margin-top:15px}section{padding:18px}.workspace{margin-top:18px}}#learner-profile{background:#17262f;color:#edf4ed;border:1px solid #60716d;border-radius:16px;width:min(660px,calc(100% - 24px));max-height:92dvh;padding:0}#learner-profile::backdrop{background:#071019ee}.profile-content{padding:28px}.profile-note{font-size:13px;color:#b5c5cb;line-height:1.6}#profile-form{display:grid;gap:12px}#profile-form fieldset{border:1px solid #50616a;border-radius:8px;padding:15px}#profile-form legend{font-size:13px;padding:0 8px}#avatar-list{display:flex;gap:12px;flex-wrap:wrap}.avatar-choice{display:grid!important;grid-template-columns:22px 58px 1fr;align-items:center;gap:10px!important;border:1px solid #59706d;padding:12px;border-radius:9px;min-height:80px;cursor:pointer}.avatar-choice:has(input:checked){border-color:#c4fa79;background:#293e37}.avatar-choice input{width:20px;height:20px}.avatar-choice img{width:58px;height:58px;object-fit:contain}.block-avatar{display:block;background:#e3edf0;width:32px;height:44px;border-radius:2px;position:relative}.block-avatar:after{content:'';position:absolute;width:6px;height:6px;right:5px;top:7px;background:#132333}.profile-actions,#profile-list{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}#learner-profile button,#profile-open{min-height:46px}#profile-error,#profile-warning{color:#ffd17c;font-size:13px;line-height:1.6}#legacy-work{padding:18px 0;border-top:1px solid #50616a}body.profile-pending main{visibility:hidden}@media(max-width:600px){.profile-content{padding:20px}.avatar-choice{width:100%}.profile-actions button{flex:1}header #profile-open{max-width:100%;overflow-wrap:anywhere}}