:root{color-scheme:dark;--bg:#121813;--panel:#1c241e;--line:#364237;--muted:#a6b0a2;--green:#b3e979;--bright:#92c75c;--text:#f0f0df}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 'Trebuchet MS',Arial,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:4px}button:disabled{opacity:.4;cursor:default}a{color:inherit}.page-header{max-width:1240px;margin:auto;min-height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 32px}.brand{font-size:13px;font-weight:bold;letter-spacing:1.5px;text-decoration:none;display:flex;align-items:center;gap:14px}.block-logo{width:25px;height:25px;background:var(--green);box-shadow:inset -7px -7px #6e9c47,inset 6px 6px #d2f3a6}.edition{font-size:10px;letter-spacing:2px;color:var(--muted)}main{max-width:1176px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 40px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:15px}h1{font-size:clamp(38px,4.2vw,56px);line-height:1.07;letter-spacing:-1.5px;margin:0;font-weight:900}h1>span:not(.pixel-spark){color:var(--green)}.pixel-spark{display:inline-block;color:var(--green);font-size:38px;margin-left:20px;vertical-align:top}.intro p{margin:18px 0 0;color:var(--muted);font-size:16px}.landscape{position:relative;width:420px;height:210px;overflow:hidden;background:#202e25;border-bottom:5px solid #4e6c36;clip-path:polygon(0 18%,12% 18%,12% 10%,34% 10%,34% 0,88% 0,88% 10%,100% 10%,100% 100%,0 100%)}.moon{position:absolute;width:36px;height:36px;background:#d7e5ac;right:65px;top:22px;box-shadow:8px 8px #2d3a2a}.cloud{position:absolute;width:60px;height:10px;background:#435143;top:45px;left:50px;box-shadow:20px -10px #435143}.c2{left:185px;top:26px;transform:scale(.65)}.mountain{position:absolute;bottom:45px;width:180px;height:110px;background:#364c37;clip-path:polygon(0 100%,0 65%,15% 65%,15% 40%,32% 40%,32% 20%,48% 20%,48% 0,68% 0,68% 25%,85% 25%,85% 60%,100% 60%,100% 100%)}.m1{left:15px}.m2{left:150px;height:85px;background:#2c402f}.terrain{position:absolute;bottom:0;height:49px;left:0;right:0;background:#4a4931;border-top:13px solid #79a54e;box-shadow:0 -6px #405c36}.terrain:after{content:'';display:block;position:absolute;left:25px;top:12px;width:12px;height:9px;background:#67603b;box-shadow:42px 9px #343c29,85px 0 #67603b,149px 11px #343c29,230px 3px #67603b,310px 12px #343c29}.tree{position:absolute;z-index:2;bottom:45px;right:70px;width:12px;height:64px;background:#66513a}.tree:before{content:'';position:absolute;width:62px;height:55px;background:#719a48;left:-25px;top:-22px;box-shadow:inset -12px -10px #4c7439;clip-path:polygon(0 18%,18% 18%,18% 0,80% 0,80% 15%,100% 15%,100% 80%,80% 80%,80% 100%,15% 100%,15% 80%,0 80%)}.t2{right:18px;transform:scale(.65);transform-origin:bottom}.landscape-label{position:absolute;bottom:14px;z-index:3;font-size:9px;letter-spacing:2px;color:#f0f0df;left:26px}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:start}.guide{padding:17px 0}.guide h2{font-size:19px;margin:0 0 8px}.guide>p{color:var(--muted);font-size:13px;margin:0 0 24px}.guide nav{display:flex;flex-direction:column;gap:8px}.guide nav button{display:flex;align-items:center;text-align:left;gap:13px;color:var(--text);padding:15px 12px;background:#1a221c;border:1px solid #344034;min-height:78px}.guide nav button:hover{border-color:var(--bright);background:#263325}.tile-icon{font-size:27px;color:var(--green);width:30px;text-align:center}.guide nav button>span+span{font-size:13px;font-weight:bold}.guide small{display:block;color:var(--muted);font-size:11px;font-weight:normal;margin-top:3px}.guide-note{display:flex;gap:13px;border-top:1px solid var(--line);margin-top:25px;padding-top:20px;align-items:center}.guide-note>span{width:27px;height:27px;background:#333d2a;text-align:center;color:var(--green);font-weight:bold}.guide-note p{font-size:12px;color:var(--muted);margin:0}.text-button{border:0;padding:0;background:none;color:var(--green);text-decoration:underline;text-underline-offset:4px}.offline-note{font-size:10px;color:var(--muted);margin-top:28px}.offline-note span{color:var(--green)}.chat{background:var(--panel);border:1px solid #485441;box-shadow:0 5px 0 #090e0b;min-width:0}.chat-heading{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:17px 24px;background:#222c23}.mini-avatar,.avatar{display:grid;place-items:center;background:#a9d679;color:#23361d;font-size:28px;font-weight:bold;width:37px;height:37px;box-shadow:inset -4px -4px #73944f;flex-shrink:0}.chat-heading h2{font-size:14px;margin:0}.chat-heading p{font-size:11px;color:var(--muted);margin:2px 0 0}.chat-mark{margin-left:auto;color:#8b9b83;letter-spacing:3px}#messages{height:380px;overflow-y:auto;padding:25px 22px;scrollbar-color:#526248 #1c241e;scrollbar-width:thin}.message{display:flex;gap:12px;margin-bottom:22px;animation:appear .2s ease-out}.avatar{width:29px;height:29px;font-size:22px}.bubble{max-width:calc(100% - 41px);min-width:0}.bubble strong{font-size:10px;letter-spacing:.3px;color:#c4d7b2}.bubble p{font-size:14px;white-space:pre-line;background:#29332a;border:1px solid #3a4639;padding:13px 16px;margin:6px 0 0;overflow-wrap:anywhere}.user{flex-direction:row-reverse}.user .avatar{font-size:10px;background:#394737;color:#dce7ce;box-shadow:none}.user .bubble strong{display:block;text-align:right}.user p{background:#3c5131;border-color:#536d3f}.options{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.options button{font-size:12px;line-height:1.4;text-align:left;background:#273322;border:1px solid #65814b;color:#d0e9af;padding:10px 12px;min-height:40px;box-shadow:0 2px #111b0f}.options button:hover{background:#3e512e;border-color:#a9d679}.composer{padding:19px 22px 15px;border-top:1px solid var(--line)}form{display:flex;gap:10px}input{width:100%;min-width:0;background:#121a14;border:1px solid #45533e;color:var(--text);padding:13px 14px;font-size:13px;border-radius:0}input::placeholder{color:#9aa494}.send{background:var(--bright);border:1px solid #c1ed91;box-shadow:inset 0 -4px #5b8439;color:#14220d;font-size:13px;font-weight:bold;padding:12px 18px;white-space:nowrap}.send:hover{background:#b8e88c}.send span{margin-left:12px}.chat-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:13px}.chat-tools button{background:none;color:#bdc6b5;border:0;font-size:11px;padding:6px 10px 6px 0;margin-right:9px}.chat-tools button:hover:not(:disabled){color:var(--green)}#save-note{color:#9eaa96;font-size:9px}#typing{padding:0 24px 10px;color:var(--muted);font-size:12px}footer{display:flex;justify-content:space-between;color:#9ba690;font-size:10px;padding:30px 0;margin-top:5px}footer span+span{font-size:9px;letter-spacing:1.5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.intro{padding-top:65px;padding-bottom:50px}#messages{height:440px}}@media(max-width:1240px){main{padding:0 28px}.page-header{margin:0 28px;padding:0}.landscape{width:360px}}@media(max-width:800px){.edition{display:none}.intro{padding:30px 0}.landscape{width:270px;height:180px}.workspace{grid-template-columns:1fr;gap:18px}.guide{padding:0}.guide h2,.guide>p,.guide-note,.offline-note{display:none}.guide nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guide nav button{min-height:65px;padding:9px 12px}.guide small{font-size:10px}.guide nav button>span+span{font-size:12px}#messages{height:390px}footer{gap:20px}.chat-tools{flex-wrap:wrap}}@media(max-width:520px){main{padding:0 15px}.page-header{margin:0 15px;min-height:65px}.brand{font-size:10px;letter-spacing:1px}.intro{position:relative;padding:28px 0 25px}.intro h1{font-size:39px}.eyebrow{font-size:8px;letter-spacing:1px}.landscape{display:none}.intro p{font-size:14px;margin-top:13px}.pixel-spark{font-size:30px}.tile-icon{font-size:22px;width:22px}.guide nav button{gap:8px}.guide small{display:none}.chat-heading{padding:14px}#messages{padding:20px 12px;height:370px}.bubble p{padding:11px 12px;font-size:13px}.message{gap:8px}.bubble{max-width:calc(100% - 37px)}.composer{padding:14px 12px}.send{padding:10px;font-size:12px}.send span{display:none}input{padding:12px 10px;font-size:12px}.options button{font-size:11px;padding:10px}#save-note{font-size:9px}footer{padding:23px 0}footer span+span{display:none}.chat-tools button{min-height:36px}.guide nav button{min-height:52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}