@font-face{font-family:Manrope;src:url(/fonts/manrope.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}:root{color:#253d37;font-synthesis:none;--forest:#244b45;--muted:#60746a;--line:#e3e8df;--mint:#e6eddf;--accent:#cbe4ab;--radius:12px;background:#f7f9f5;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #719346}::selection{color:#fff;background:#3f7666}input{caret-color:#3f7666}svg{stroke-width:1.7px;flex-shrink:0;width:20px;height:20px}button{color:inherit;background:0 0;border:0}.app-shell{grid-template:82px minmax(0,1fr)/218px minmax(0,1fr);height:100dvh;min-height:680px;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:4;background:#fff;grid-column:1/-1;align-items:center;gap:48px;padding:0 32px;display:flex}.brand{color:var(--forest);letter-spacing:-.04em;align-items:center;gap:10px;font-size:30px;font-weight:800;text-decoration:none;display:flex}.brand-mark{width:34px;height:34px}.topnav{align-items:center;gap:28px;height:100%;display:flex}.topnav button{height:100%;color:var(--muted);align-items:center;gap:8px;padding:0 4px;font-size:13px;font-weight:600;display:flex;position:relative}.topnav button.active{color:var(--forest)}.topnav button.active:after{content:"";background:var(--forest);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.topnav .step{border:1px solid #cbd5ca;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.topnav .active .step{background:var(--forest);border-color:var(--forest);color:#fff}.header-actions{align-items:center;gap:18px;margin-left:auto;display:flex}.saved{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.saved svg{width:15px;height:15px}.icon-button{border-radius:8px;justify-content:center;align-items:center;padding:9px;display:inline-flex}.icon-button:hover{background:#edf2e9}.header-actions .icon-button{border:1px solid var(--line)}.sidebar{background:var(--forest);color:#edf3e6;flex-direction:column;gap:28px;min-height:0;padding:34px 16px 22px;display:flex}.sidebar-heading{margin:0 14px;font-size:14px;font-weight:600}.category-list{flex-direction:column;gap:7px;min-height:0;display:flex;overflow-y:auto}.category{text-align:left;color:#c1d3c6;border-radius:10px;align-items:center;gap:13px;padding:15px 14px;display:flex}.category svg{width:21px;height:21px}.category strong{font-size:13px;font-weight:600;display:block}.category small{color:#b3c9ba;margin-top:4px;font-size:10px;display:block}.category:hover{background:#315950}.category.active{color:#244b45;background:#d5e8bf}.category.active small{color:#4c684a}.sidebar-bottom{flex-shrink:0;margin-top:auto;padding:0 12px}.sidebar-note{border-top:1px solid #45685b;padding-top:23px}.sidebar-note svg{color:#d5e8bf;width:28px;height:28px;margin-bottom:9px}.sidebar-note p{color:#c1d3c6;margin:0 0 20px;font-size:12px;line-height:1.8}.reset{color:#d8e5d7;align-items:center;gap:9px;padding:6px 0;font-size:11px;display:flex}.reset:hover{color:#fff}.reset svg{width:15px;height:15px}.workspace{grid-template:minmax(0,1fr) 105px/minmax(300px,1fr) 352px;min-width:0;display:grid}.stage{isolation:isolate;background:#e8eedf;position:relative;overflow:hidden}.stage canvas{touch-action:none;width:100%;height:100%;display:block}.stage-intro{pointer-events:none;z-index:1;position:absolute;top:32px;left:36px}.stage-intro h1{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(24px,2.9vw,40px);font-weight:700;line-height:1.2}.stage-intro p{color:#5b7261;margin:0;font-size:12px}.preview-tag{color:#486248;background:#f4f7ef;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:10px;display:flex;position:absolute;top:36px;right:26px}.preview-tag svg{width:13px;height:13px}.preview-tools{justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:27px;left:28px;right:28px}.orbit-hint{color:#5b7161;align-items:center;gap:7px;font-size:10px;display:flex}.orbit-hint svg{width:16px;height:16px}.view-tools{background:#f7f9f3;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;box-shadow:0 3px 12px #244b4510}.view-tools button{border-radius:7px;padding:8px 10px;font-size:10px;font-weight:600}.view-tools button.active{background:#dfe9d3}.view-tools .icon-button{padding:7px}.view-tools svg{width:15px;height:15px}.loading{z-index:3;text-align:center;background:#e8eedf;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:30px;font-size:13px;display:flex;position:absolute;inset:0}.loading[hidden]{display:none}.loading .spinner{border:2px solid #bed0ae;border-top-color:var(--forest);border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.panel{border-left:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);padding:31px 27px 24px}.panel-header h2{letter-spacing:-.025em;margin:0 0 7px;font-size:19px;font-weight:700}.panel-header p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.panel-content{scrollbar-width:thin;scrollbar-color:#c2d0bc transparent;flex:1;padding:26px 27px;overflow-y:auto}.control-section{margin-bottom:30px}.control-section:last-child{margin-bottom:0}.control-section h3{margin:0 0 15px;font-size:12px;font-weight:700}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{background:var(--swatch);border:1px solid #00000012;border-radius:50%;width:30px;height:30px;position:relative}.swatch:hover{transform:scale(1.08)}.swatch.selected:after{content:"";border:1.5px solid var(--forest);border-radius:50%;position:absolute;inset:-4px}.swatch.selected svg{width:13px;height:13px;color:var(--check-color,#fff);stroke-width:2.5px;position:absolute;top:7px;left:7px}.custom-color{color:var(--muted);align-items:center;gap:9px;margin-top:15px;font-size:10px;display:inline-flex}.custom-color input{cursor:pointer;background:0 0;border:1px solid #d3ddce;border-radius:5px;width:21px;height:21px;padding:0}.custom-color input::-webkit-color-swatch-wrapper{padding:2px}.custom-color input::-webkit-color-swatch{border:0;border-radius:3px}.slider-row{margin-bottom:22px}.slider-label{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;display:flex}.slider-label output{color:#52674c;text-align:center;font-variant-numeric:tabular-nums;background:#eff3e9;border-radius:5px;min-width:31px;padding:3px 6px;font-size:10px}input[type=range]{appearance:none;cursor:pointer;width:100%;height:4px;accent-color:var(--forest);background:#e5ebdf;border-radius:2px;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--forest);border:3px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 5px #244b4538}input[type=range]::-moz-range-thumb{background:var(--forest);border:3px solid #fff;border-radius:50%;width:10px;height:10px}.slider-ends{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.choice{color:#596a54;border:1px solid #dde5d6;border-radius:8px;min-height:37px;padding:11px 4px;font-size:10px}.choice:hover{background:#f4f7f0;border-color:#99b487}.choice.selected{color:#26483b;background:#e9f1df;border-color:#557851;font-weight:700}.panel-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:17px 27px;display:flex}.shuffle{align-items:center;gap:8px;padding:8px 0;font-size:11px;font-weight:600;display:flex}.shuffle svg{width:15px;height:15px}.panel-bottom .tip{color:var(--muted);font-size:9px}.creation-bar{border-top:1px solid var(--line);background:#fff;grid-column:1/-1;align-items:center;gap:18px;padding:20px 28px 20px 36px;display:flex}.name-control{flex:1;max-width:310px}.name-control label{margin-bottom:8px;font-size:10px;font-weight:600;display:block}.name-input{position:relative}.name-input input{width:100%;color:var(--forest);background:#fbfcf9;border:1px solid #d9e2d3;border-radius:9px;padding:11px 48px 11px 13px;font-size:12px}.name-input span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:9px;position:absolute;top:13px;right:12px}.creation-caption{color:var(--muted);margin-left:auto;font-size:10px;line-height:1.7}.primary{background:var(--forest);color:#f6faef;border-radius:10px;justify-content:center;align-items:center;gap:16px;min-width:174px;padding:16px 22px;font-size:12px;font-weight:600;display:flex}.primary:hover{background:#35695b}.primary svg{width:17px;height:17px}.toast{color:#fff;z-index:10;background:#244b45;border-radius:10px;max-width:calc(100vw - 32px);padding:13px 22px;font-size:12px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #244b4520}.toast[hidden]{display:none}.game-hud{pointer-events:none;z-index:2;display:none;position:absolute;inset:0}.game-title{position:absolute;top:28px;left:32px}.game-title h1{letter-spacing:-.03em;margin:0 0 5px;font-size:24px}.game-title p{color:#435c49;margin:0;font-size:11px}.game-actions{pointer-events:auto;gap:8px;display:flex;position:absolute;top:27px;right:30px}.game-actions button{background:#fff;border-radius:9px;align-items:center;gap:8px;padding:11px 15px;font-size:11px;font-weight:600;display:flex;box-shadow:0 3px 12px #244b4510}.game-actions svg{width:15px;height:15px}.game-controls{color:#52644d;white-space:nowrap;background:#fcfdf7;border-radius:12px;align-items:center;gap:22px;padding:15px 24px;font-size:10px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.game-controls span{align-items:center;gap:8px;display:flex}kbd{color:var(--forest);border:1px solid #dbe4d4;border-bottom-width:2px;border-radius:5px;padding:4px 7px;font-family:inherit;font-size:9px}.game-controls svg{width:15px;height:15px}.compass{color:#435c49;align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;top:92px;right:36px}.compass svg{width:13px;height:13px}.joystick{touch-action:none;pointer-events:auto;background:#f7faefb8;border:1px solid #f5f8eb;border-radius:50%;width:104px;height:104px;display:none;position:absolute;bottom:35px;left:28px}.joystick-knob{pointer-events:none;background:#244b45c9;border-radius:50%;width:42px;height:42px;position:absolute;top:30px;left:30px}.game-mode .app-shell{grid-template:82px minmax(0,1fr)/1fr}.game-mode .sidebar,.game-mode .panel,.game-mode .creation-bar,.game-mode .stage-intro,.game-mode .preview-tools,.game-mode .preview-tag{display:none}.game-mode .workspace{grid-template:minmax(0,1fr)/1fr}.game-mode .game-hud{display:block}@media (width>=1600px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.workspace{grid-template-columns:minmax(0,1fr) 390px}.panel-header,.panel-content{padding-left:32px;padding-right:32px}}@media (width<=1150px){.app-shell{grid-template-columns:174px minmax(0,1fr)}.workspace{grid-template-columns:minmax(260px,1fr) 310px}.topbar{gap:32px;padding:0 24px}.sidebar{padding-left:9px;padding-right:9px}.category{gap:10px;padding-left:12px}.category small{font-size:9px}.stage-intro{top:29px;left:25px}.stage-intro p{max-width:190px;line-height:1.8}.preview-tag{top:115px;left:25px;right:auto}.panel-header,.panel-content{padding-left:23px;padding-right:23px}.creation-caption{display:none}.creation-bar{justify-content:space-between;padding-left:25px}.orbit-hint{display:none}.preview-tools{justify-content:center}.saved{max-width:120px}}@media (width<=820px){.app-shell{grid-template:68px 60px auto/1fr;height:auto;min-height:100dvh}.topbar{gap:20px;padding:0 20px}.brand{font-size:26px}.brand-mark{width:29px;height:29px}.topnav{gap:13px}.topnav button{gap:5px;font-size:11px}.topnav .step{display:none}.header-actions{gap:5px}.saved{display:none}.header-actions .icon-button{border:0;padding:7px}.sidebar{scrollbar-width:none;flex-direction:row;gap:0;padding:8px 15px;overflow-x:auto}.sidebar-heading,.sidebar-bottom{display:none}.category-list{flex-direction:row;flex-shrink:0;justify-content:space-between;gap:5px;width:100%;overflow:visible}.category{border-radius:8px;flex-shrink:0;gap:7px;padding:10px 12px}.category strong{font-size:11px}.category small{display:none}.category svg{width:16px;height:16px}.workspace{grid-template:430px auto 103px/1fr}.stage-intro{top:24px;left:24px}.stage-intro h1{margin-bottom:8px;font-size:27px}.stage-intro p{max-width:none;font-size:11px}.preview-tag{top:25px;left:auto;right:21px}.preview-tools{justify-content:space-between;bottom:17px;left:20px;right:20px}.orbit-hint{font-size:9px;display:flex}.panel{border-left:0;border-top:1px solid var(--line)}.panel-header{padding:23px 24px 16px}.panel-header h2{font-size:17px}.panel-content{grid-template-columns:1fr 1fr;column-gap:28px;padding:22px 24px;display:grid;overflow:visible}.control-section{margin-bottom:22px}.control-section h3{font-size:12px}.panel-bottom{padding:10px 24px}.creation-bar{z-index:4;grid-column:auto;gap:18px;padding:16px 24px;position:sticky;bottom:0;box-shadow:0 -4px 20px #244b4508}.name-control{max-width:none}.primary{min-width:160px;padding:15px 17px}.game-mode .app-shell{grid-template:68px calc(100dvh - 68px)/1fr;height:100dvh}.game-title{left:24px}.game-title h1{font-size:20px}.game-actions{right:20px}.game-controls{gap:12px;padding:13px 16px}}@media (width<=520px){.topbar{gap:18px;padding:0 15px}.topnav{gap:14px}.topnav button{font-size:10px}.brand{gap:7px;font-size:25px}.brand-mark{width:25px;height:25px}.header-actions{gap:0}.header-actions .icon-button{padding:6px}.header-actions svg{width:17px;height:17px}.category{gap:5px;padding:10px 8px}.category-list{gap:2px}.sidebar{padding-left:10px;padding-right:10px}.workspace{grid-template-rows:400px auto 100px}.stage-intro h1{font-size:25px}.stage-intro p{max-width:190px;font-size:10px}.preview-tag{padding:7px 9px;font-size:9px;top:26px}.orbit-hint{max-width:122px;line-height:1.7}.view-tools button{padding:7px 8px;font-size:9px}.panel-content{display:block}.choices{grid-template-columns:repeat(3,1fr)}.creation-bar{gap:13px;padding:14px 18px}.primary{gap:9px;min-width:148px;padding:15px 13px;font-size:11px}.name-input input{padding-right:35px;font-size:11px}.name-input span{font-size:8px;right:8px}.game-title{max-width:180px;top:22px;left:20px}.game-title h1{font-size:18px}.game-title p{max-width:170px;line-height:1.8}.game-actions{top:23px;right:14px}.game-actions button{padding:10px;font-size:10px}.game-actions .recenter{display:none}.game-controls{padding:12px 14px;bottom:40px;left:auto;right:18px;transform:none}.game-controls .desktop-control{display:none}.joystick{display:block}.compass{top:76px;right:20px}}@media (pointer:coarse){.game-controls .desktop-control{display:none}.joystick{display:block}.game-controls{bottom:40px;left:auto;right:24px;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}