:root{color:#182018;background:#6fbf68;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #ffe066;outline-offset:2px}.start-shell,.app-shell{position:relative;width:100%;height:100%;overflow:hidden}.start-shell{display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#85cefff2,#a7e0ffb8 36%,#6fbf68f2 36%),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.16) 1px,transparent 1px),#6fbf68;background-size:auto,52px 52px,52px 52px,auto}.start-hero{width:min(760px,100%);padding:28px;border:3px solid rgba(32,46,28,.42);border-radius:8px;background:#fafff1f5;box-shadow:0 22px 58px #1825174d}.brand-mark,.brand-pill,.top-actions,.start-actions,.status-hud,.help-dock,.studio-panel,.primary-row,.wide-command,.danger-row,.toggle-row,.quick-shapes div,.palette-row,.piece-list,.world-stats,.toolbelt,.toolbelt div{display:flex;align-items:center}.brand-mark{gap:12px;color:#234f2c;font-weight:950;letter-spacing:0}.brand-mark span{font-size:3.6rem;line-height:.9}.start-hero h1{margin:18px 0 8px;color:#172018;font-size:3rem;line-height:1;letter-spacing:0}.start-hero p{max-width:58ch;margin:0 0 24px;color:#3f553f;font-size:1.08rem;line-height:1.45}.start-actions{flex-wrap:wrap;gap:12px;margin-bottom:20px}.primary-action,.secondary-action,.code-box,.save-list button,.icon-action,.hotbar button,.modal-panel button,.block-grid button,.creative-card,.world-stats div,.toolbelt,.toolbelt button,.toolbelt div,.gallery-row{border:2px solid rgba(25,51,31,.25);border-radius:8px;background:#ffffffe6;color:#173018}.primary-action,.secondary-action{min-height:58px;padding:0 20px;font-weight:950}.primary-action{display:inline-flex;align-items:center;gap:10px;background:#ffd93d;border-color:#b88a14;box-shadow:inset 0 -4px #0000001f}.secondary-action{background:#d8f5d0}.code-box{display:grid;gap:5px;min-width:220px;padding:8px 12px}.code-box span,.mission-panel span,.studio-panel span,.status-hud span,.help-dock span,.save-list small,.gallery-row small,.world-stats span,.toolbelt span{color:#486047;font-size:.78rem;font-weight:850}.code-box input{width:100%;border:0;background:transparent;color:#142114;font-weight:900;outline:0}.save-list{display:grid;gap:8px}.save-list strong{margin-top:4px}.save-list button,.gallery-row{display:flex;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;text-align:left}.game-viewport,.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.game-canvas{display:block;outline:none}.crosshair{position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%);pointer-events:none}.crosshair:before,.crosshair:after{position:absolute;content:"";background:#fffffff5;box-shadow:0 0 0 1px #0000009e}.crosshair:before{top:11px;left:2px;width:20px;height:2px}.crosshair:after{top:2px;left:11px;width:2px;height:20px}.top-bar{position:absolute;top:14px;left:14px;right:14px;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;pointer-events:none}.brand-pill,.top-actions,.mission-panel,.status-hud,.studio-panel,.help-dock,.toast,.toolbelt{border:2px solid rgba(16,32,19,.24);border-radius:8px;background:#fafff4eb;box-shadow:0 12px 30px #1120142e;pointer-events:auto;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.brand-pill{gap:10px;padding:10px 12px}.brand-pill div{display:grid}.brand-pill strong{font-size:1.05rem}.brand-pill span{color:#4b6049;font-size:.76rem;font-weight:850}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:min(840px,calc(100vw - 220px));padding:6px}.icon-action{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:7px 10px;font-weight:900}.icon-action:hover,.hotbar button:hover,.modal-panel button:hover,.save-list button:hover,.toolbelt button:hover{border-color:#1c642c8f;transform:translateY(-1px)}.mission-panel{position:absolute;left:14px;top:86px;z-index:4;display:grid;gap:10px;width:min(340px,calc(100vw - 28px));padding:12px}.mission-panel strong{display:block;margin:2px 0 4px}.mission-panel p{margin:0;color:#375337;font-size:.9rem;line-height:1.35}.mission-steps{display:flex;flex-wrap:wrap;gap:6px}.mission-steps span,.help-dock span,.status-hud span{padding:5px 7px;border-radius:7px;background:#41803e1f}.status-hud{position:absolute;top:86px;right:14px;z-index:4;flex-wrap:wrap;gap:7px;max-width:min(540px,calc(100vw - 380px));padding:10px}.status-hud strong{padding:5px 8px;border-radius:7px;background:#ffd93d}.toolbelt{position:absolute;right:14px;bottom:104px;z-index:5;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(560px,calc(100vw - 440px));padding:8px}.toolbelt div{gap:6px;padding:4px;background:#e8f4dcf2}.toolbelt button{min-height:36px;padding:6px 10px;font-weight:900}.toolbelt button.active{background:#ffe066;border-color:#d98d00;box-shadow:inset 0 -3px #0000001a}.hotbar{position:absolute;left:50%;bottom:16px;z-index:5;display:grid;grid-template-columns:repeat(9,minmax(58px,78px));gap:6px;transform:translate(-50%)}.hotbar button{position:relative;display:grid;place-items:center;min-height:70px;padding:7px 6px}.hotbar button.active{border-color:#ffd43b;background:#fff7cf;box-shadow:0 0 0 3px #ffd43b59}.hotbar small{max-width:100%;overflow:hidden;font-size:.68rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.slot-number{position:absolute;top:3px;left:6px;color:#4d604a;font-size:.7rem;font-weight:950}.block-swatch{display:inline-block;width:30px;height:30px;border:2px solid rgba(25,30,22,.3);border-radius:6px;box-shadow:inset 0 3px #ffffff47,inset 0 -5px #00000026}.studio-panel{position:absolute;left:14px;bottom:104px;z-index:4;justify-content:space-between;gap:12px;width:min(390px,calc(100vw - 28px));padding:12px}.studio-panel div{min-width:0}.studio-panel strong,.studio-panel p{display:block;overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.studio-panel button,.primary-row,.wide-command,.danger-row{gap:8px;min-height:42px;padding:8px 12px;font-weight:900}.help-dock{position:absolute;left:50%;bottom:104px;z-index:4;flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(420px,calc(100vw - 900px));padding:8px;transform:translate(-50%)}.toast{position:absolute;left:50%;bottom:184px;z-index:5;max-width:min(420px,calc(100vw - 32px));padding:10px 14px;color:#173018;font-weight:900;text-align:center;transform:translate(-50%)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#101c125c}.modal-panel{width:min(980px,100%);max-height:min(82vh,760px);overflow:auto;border:3px solid rgba(16,32,19,.28);border-radius:8px;background:#f8fff1;box-shadow:0 26px 70px #0c160e61}.modal-panel>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:2px solid rgba(22,49,25,.14);background:#f8fff1}.modal-panel>header strong{font-size:1.25rem}.modal-panel>header button{width:40px;height:40px;border-radius:8px;font-size:1.6rem;line-height:1}.modal-stack{display:grid;gap:16px;padding:16px}.controls-panel{gap:14px}.control-intro,.platform-note{margin:0;color:#263c27;font-size:1rem;line-height:1.35}.controls-grid{display:grid;gap:6px}.controls-grid [role=row]{display:grid;grid-template-columns:minmax(110px,.75fr) minmax(170px,1fr) minmax(190px,1fr);gap:6px;align-items:stretch}.controls-grid span,.controls-grid strong{min-height:44px;padding:10px;border:2px solid rgba(25,51,31,.18);border-radius:8px;background:#ffffffdb}.controls-grid strong{background:#d8f5d0}.controls-head span{background:#ffd93d;color:#173018;font-weight:950}.platform-note{padding:12px;border:2px solid #d98d00;border-radius:8px;background:#fff4ce}.block-group h3,.quick-shapes h3,.creative-card h3{margin:0 0 8px}.block-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.block-grid button{display:grid;gap:6px;min-height:126px;padding:10px;text-align:left}.block-grid button.selected{border-color:#f59f00;background:#fff4ce}.block-grid small,.creative-card p,.preview-copy,.save-list p{margin:0;color:#4a5d49;font-size:.86rem;line-height:1.3}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.creative-card{display:grid;gap:10px;padding:12px}.card-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:8px;background:#d8f5d0;color:#225c2f;font-weight:950}.palette-row,.piece-list,.command-chips{flex-wrap:wrap;gap:6px}.piece-list,.command-chips{display:flex}.piece-list button,.command-chips button,.quick-shapes button,.toggle-row button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;font-weight:850}.quick-shapes div{flex-wrap:wrap;gap:8px}.wide-command,.primary-row{justify-content:center;background:#d8f5d0}.danger-row{justify-content:center;background:#ffe3e3;border-color:#d9480f}.toggle-row{gap:10px;flex-wrap:wrap}.toggle-row .enabled{background:#d8f5d0;border-color:#2f9e44}textarea{width:100%;min-height:92px;resize:vertical;border:2px solid rgba(25,51,31,.25);border-radius:8px;padding:12px;color:#142114;font-weight:850;outline:0}.world-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.world-stats div{display:grid;gap:4px;padding:12px;text-align:center}.world-stats strong{font-size:1.45rem}.in-modal{padding:0}@media(max-width:1100px){.toolbelt{left:14px;right:auto;bottom:104px;max-width:min(520px,calc(100vw - 28px));justify-content:flex-start}.help-dock{display:none}.toast{bottom:184px}}@media(max-width:900px){.top-bar{align-items:stretch}.top-actions{max-width:calc(100vw - 150px)}.icon-action span{display:none}.mission-panel,.status-hud{top:74px}.mission-panel{width:300px}.status-hud{max-width:calc(100vw - 340px)}.studio-panel{display:none}.hotbar{grid-template-columns:repeat(9,1fr);width:calc(100vw - 16px);gap:4px}.hotbar button{min-width:0;min-height:58px;padding:5px 3px}.hotbar small{display:none}}@media(max-width:680px){.brand-mark span{font-size:2.35rem}.start-hero{padding:20px}.start-hero h1{font-size:2.25rem}.brand-pill span,.mission-panel{display:none}.top-actions{max-width:calc(100vw - 82px)}.status-hud{left:10px;right:10px;top:72px;max-width:none}.toolbelt{left:10px;right:10px;bottom:88px;max-width:none}.toast{bottom:164px}.world-stats{grid-template-columns:repeat(2,1fr)}.controls-grid [role=row]{grid-template-columns:1fr}}