:root{--bg:#f4f0df;--ink:#28261f;--card:#fffaf0;--line:#5d584a;--accent:#df765f;--soft:#c8d89a;--shadow:rgba(55,49,39,.16)}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:ui-rounded,"Hiragino Maru Gothic ProN","Yu Gothic",system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 0,#fff9e7 0,#f1ead5 48%,#d9e5bf 100%)}button,input{font:inherit}.shell{max-width:1180px;margin:0 auto;padding:18px}.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.brand{font-weight:900;letter-spacing:.03em;font-size:21px}.brand small{display:block;font-size:11px;font-weight:700;opacity:.6}.pill{background:#fff9;backdrop-filter:blur(10px);border:2px solid #ffffffb8;border-radius:999px;padding:8px 12px;box-shadow:0 8px 24px var(--shadow)}.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.world-card,.panel{background:var(--card);border:2px solid #fff;border-radius:22px;box-shadow:0 18px 45px var(--shadow)}.world-card{padding:10px;overflow:hidden;position:relative}.world-wrap{aspect-ratio:4/3;max-height:74vh;border-radius:16px;overflow:hidden;background:#97c98e;position:relative}.world{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.hud{position:absolute;left:18px;bottom:18px;display:flex;gap:7px;flex-wrap:wrap}.hud button,.btn{border:0;border-radius:12px;padding:9px 12px;font-weight:800;background:#fff7e7;color:#3d392f;box-shadow:0 5px 16px #2b291f22;cursor:pointer}.btn.primary{background:#df765f;color:white}.btn.dark{background:#353229;color:white}.panel{padding:14px}.panel h3{margin:0 0 10px;font-size:14px}.muted{font-size:12px;opacity:.67;line-height:1.55}.profile-line{display:flex;gap:10px;align-items:center;margin-bottom:12px}.avatar{width:46px;height:46px;border-radius:12px;background:#e5dcae;image-rendering:pixelated;border:2px solid #fff;box-shadow:0 4px 14px #3332}.stack{display:grid;gap:9px}.field{display:grid;gap:5px}.field label{font-size:11px;font-weight:800;opacity:.7}.field input{width:100%;padding:9px 10px;border:1.5px solid #d7cfbc;border-radius:10px;background:white}.palette-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.palette-row button{height:32px;border:2px solid white;border-radius:9px;cursor:pointer;box-shadow:0 2px 8px #3332}.mini{display:grid;grid-template-columns:128px 1fr;gap:10px;align-items:start}.mini iframe{width:128px;height:128px;border:0;border-radius:13px;background:#a6d498;box-shadow:0 6px 18px #3332}.codebox{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;background:#2e2b25;color:#f8f0de;padding:8px;border-radius:9px;overflow:auto;white-space:nowrap}.online{display:grid;gap:6px;max-height:140px;overflow:auto}.person{display:flex;align-items:center;justify-content:space-between;font-size:12px;background:#f3ecd9;padding:7px 8px;border-radius:9px}.dot{width:7px;height:7px;border-radius:50%;background:#6ea768;display:inline-block;margin-right:5px}.modal{position:fixed;inset:0;background:#24201788;display:grid;place-items:center;padding:16px;z-index:20}.modal.hidden{display:none}.auth{width:min(420px,100%);background:#fffaf0;border-radius:24px;padding:22px;box-shadow:0 24px 70px #1117;border:2px solid white}.auth h1{font-size:24px;margin:0 0 4px}.tabs{display:flex;gap:6px;margin:14px 0}.tabs button{flex:1;border:0;border-radius:10px;padding:8px;font-weight:800;background:#eee5cf}.tabs button.active{background:#353229;color:#fff}.error{min-height:18px;color:#aa3c35;font-size:12px;font-weight:700}.kbd{font:700 11px ui-monospace,monospace;border:1px solid #b9b09e;border-bottom-width:3px;border-radius:6px;padding:2px 5px;background:white}@media(max-width:850px){.grid{grid-template-columns:1fr}.world-wrap{max-height:none}.panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel>section{min-width:0}}@media(max-width:560px){.shell{padding:8px}.panel{grid-template-columns:1fr}.brand{font-size:17px}.world-card{border-radius:15px}.world-wrap{border-radius:11px}.topbar{align-items:flex-start}.pill{padding:7px 9px;font-size:12px}}
/* v2 site + platform pages */
a{color:inherit}.logo{text-decoration:none;font-weight:950;letter-spacing:.03em}.sublogo{display:block;font-size:10px;opacity:.55;font-weight:800;margin-top:2px}.sitebar{max-width:1180px;margin:auto;padding:18px;display:flex;align-items:center;justify-content:space-between}.sitebar nav{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:800}.sitebar nav a{text-decoration:none}.navplay{background:#353229;color:#fff;padding:9px 13px;border-radius:999px}.landing main{overflow:hidden}.hero{max-width:1180px;margin:20px auto 0;padding:34px 18px 65px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero h1{font-size:clamp(36px,5vw,68px);line-height:1.07;letter-spacing:-.045em;margin:12px 0 20px}.hero p{font-size:16px;line-height:1.9;max-width:650px;opacity:.72}.eyebrow{font-size:11px;font-weight:950;letter-spacing:.18em;opacity:.58}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.bigbtn,.smallbtn{display:inline-block;text-decoration:none;border:0;background:#fff7e7;color:#3d392f;border-radius:14px;padding:12px 16px;font-weight:900;box-shadow:0 7px 20px #30291d1c;cursor:pointer}.bigbtn.dark{background:#353229;color:#fff}.smallbtn{padding:8px 11px;font-size:12px}.hero-world{position:relative;border-radius:30px;background:#fff8e9;padding:12px;box-shadow:0 30px 80px #3c34252b;transform:rotate(1deg)}.hero-world canvas{width:100%;height:auto;border-radius:20px;image-rendering:pixelated;display:block}.floating-note{position:absolute;right:-22px;bottom:20px;background:#fffaf0;padding:12px 15px;border-radius:14px;font-weight:850;font-size:12px;line-height:1.45;box-shadow:0 12px 30px #332b1f33;transform:rotate(-4deg)}.section{max-width:1180px;margin:0 auto;padding:70px 18px}.intro{text-align:center;max-width:850px}.intro h2,.section h2{font-size:clamp(27px,3.5vw,44px);line-height:1.15;letter-spacing:-.03em;margin:8px 0 16px}.intro p,.section>p{line-height:1.9;opacity:.7}.section-head{margin-bottom:28px}.cards{display:grid;gap:12px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards article{background:#fffaf0;border:2px solid #fff;border-radius:20px;padding:22px;box-shadow:0 13px 35px #3c342519}.cards article b{font-size:12px;opacity:.62}.cards article h3{font-size:19px;margin:14px 0 8px}.cards article p{font-size:13px;line-height:1.7;opacity:.68}.data-section{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.diagram{background:#353229;border-radius:26px;padding:28px;color:#fff;display:grid;grid-template-columns:1fr auto 1.25fr;align-items:center;gap:18px;box-shadow:0 22px 55px #31281f33}.device-stack{display:grid;gap:7px}.device-stack span{background:#ffffff12;border:1px solid #ffffff21;padding:8px;border-radius:9px;text-align:center;font-size:12px}.pipe{text-align:center;font:11px ui-monospace,monospace;opacity:.6;line-height:1.7}.serverbox{background:#f2ead4;color:#353229;padding:18px;border-radius:17px;display:grid;gap:7px}.serverbox b{font-size:16px}.serverbox span{font-size:10px;opacity:.65}.serverbox strong{margin-top:7px;font-size:10px;background:#df765f;color:white;padding:6px;border-radius:7px;text-align:center}.clean{list-style:none;padding:0;margin:22px 0;display:grid;gap:9px;font-size:13px}.clean li:before{content:'✓';font-weight:950;margin-right:8px;color:#668d58}.widget-promo{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:50px}.widget-promo pre{background:#2e2b25;color:#f8f0de;padding:15px;border-radius:13px;overflow:auto;font-size:11px}.widget-stage{display:grid;place-items:center;background:#fffaf0;border-radius:28px;padding:38px;box-shadow:0 15px 40px #30271924}.widget-stage iframe{border:0;border-radius:13px;box-shadow:0 7px 20px #3328}.widget-stage span{font:10px ui-monospace;margin-top:12px;opacity:.5}.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:25px auto 35px}.chips span{background:#fffaf0;border:1px solid #fff;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800}.roadmap{text-align:center}.center{text-align:center}footer{text-align:center;padding:35px;font:11px ui-monospace;opacity:.45}.top-actions{display:flex;gap:9px;align-items:center}.hidden{display:none!important}.linkbtn{border:0;background:none;cursor:pointer;font-weight:800}.privacy{display:grid;gap:7px;font-size:11px}.privacy label{display:flex;gap:7px;align-items:center;background:#f4edda;padding:7px 8px;border-radius:9px}.events{display:grid;gap:5px;max-height:110px;overflow:auto}.events>div{background:#f4edda;padding:6px 8px;border-radius:8px}.btn.tiny{padding:4px 7px;font-size:10px}.offline-shell{max-width:1020px;margin:auto;padding:18px}.offline-note{background:#fff4cc;border-radius:14px;padding:12px 15px;font-size:12px;line-height:1.6;margin:10px 0 14px}.offline-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:15px}.hero-world{max-width:650px}.cards.four{grid-template-columns:1fr 1fr}.data-section,.widget-promo{grid-template-columns:1fr}.widget-stage{max-width:280px}.offline-grid{grid-template-columns:1fr}.sitebar nav a:not(.navplay){display:none}}
@media(max-width:560px){.cards.four{grid-template-columns:1fr}.hero h1{font-size:40px}.hero{gap:25px}.floating-note{right:8px}.diagram{grid-template-columns:1fr}.pipe{transform:rotate(90deg);height:25px}.sitebar{padding:11px}.hero-actions .bigbtn{width:100%;text-align:center}.top-actions{align-items:flex-end;flex-direction:column}.mini{grid-template-columns:1fr}.mini iframe{justify-self:start}}