@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;600;700&display=swap";:root{color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#f4efe7}button,input{font-family:inherit}.editor-root{height:100vh;display:flex;flex-direction:column;background:#efe9dd;color:#1c1a17;font-family:Space Grotesk,system-ui,sans-serif;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#f8f4ec;border-bottom:1px solid #ddd5c8}.editor-header h1{font-family:Bebas Neue,Space Grotesk,sans-serif;letter-spacing:.08em;margin:0}.tabs{display:flex;gap:8px}.tabs button{border:1px solid #d6ccbf;background:#fffaf2;padding:8px 14px;border-radius:10px;font-weight:600;cursor:pointer}.tabs button.active{background:#f6c65b;border-color:#f6c65b}.editor-layout{display:grid;grid-template-columns:1fr 320px;gap:16px;padding:16px;flex:1;min-height:0;overflow:hidden}.canvas-wrap{background:#f9f6ef;border-radius:18px;padding:12px;box-shadow:inset 0 0 0 1px #e1d7ca}.canvas-wrap canvas{width:100%;height:auto;border-radius:12px;border:1px solid #e0d5c8;touch-action:none}.rig-canvas-wrap{overflow:auto}.rig-canvas-wrap canvas{width:auto;height:auto;display:block}.sidebar{display:flex;flex-direction:column;gap:16px;min-height:0;max-height:100%;overflow-y:auto;padding-right:4px}.panel-block{background:#fffaf2;border-radius:16px;padding:14px;box-shadow:0 10px 20px #00000014;display:flex;flex-direction:column;gap:10px}.panel-block h2,.panel-block h3{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.panel-block ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.panel-block button{border:none;background:#efe5d9;padding:8px 10px;border-radius:10px;text-align:left;cursor:pointer}.panel-block button.active{background:#f6c65b}.panel-block label{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:.85rem;align-items:center}.panel-block input[type=range]{grid-column:1 / -1}.panel-block textarea{width:100%;border:1px solid #dacfc1;border-radius:12px;padding:10px;font-family:JetBrains Mono,monospace;font-size:.75rem;background:#fdfaf5}.panel-block select{border:1px solid #dacfc1;border-radius:10px;padding:6px 8px;background:#fffaf2}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row button{text-align:center}.hint{font-size:.75rem;color:#6b635a}.build-tag{position:fixed;right:12px;bottom:10px;z-index:50;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.04em;color:#5e564d;background:#fffaf2f2;border:1px solid #d6ccbf;border-radius:8px;padding:5px 8px;pointer-events:none}@media(max-width:980px){.editor-layout{grid-template-columns:1fr}}.app{position:relative;width:100vw;height:100dvh;min-height:100vh;overflow:hidden;font-family:Space Grotesk,system-ui,sans-serif;color:#151515;background:#f4efe7}.game-canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:calc(12px + env(safe-area-inset-top));left:24px;display:flex;flex-wrap:wrap;gap:28px;background:#ffffffd1;padding:12px 18px;border-radius:16px;box-shadow:0 10px 30px #00000014;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5}.hud-group{display:flex;flex-direction:column;gap:4px}.hud-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#5b574f}.hud-value{font-size:1.4rem;font-weight:700}.hud-value-danger{color:#d13f3f}.control{position:absolute;bottom:24px;width:140px;height:140px;border-radius:32px;border:none;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#221f1b;background:#fffc;box-shadow:0 18px 40px #00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none}.control:active{transform:scale(.98)}.control-left{left:24px}.control-right{right:24px}.joystick{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom));width:140px;height:180px;border-radius:28px;background:#fffc;box-shadow:0 18px 40px #00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;-webkit-user-select:none;user-select:none}.joystick-left{left:calc(14px + env(safe-area-inset-left))}.joystick-right{right:calc(14px + env(safe-area-inset-right))}.top-mode-nav{position:fixed;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:1000;display:flex;gap:10px}.top-mode-button{font-size:16px;padding:10px 16px;font-weight:700;border-radius:10px}.game-dev-controls{position:absolute;top:calc(78px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));z-index:8;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(94vw,760px);background:#ffffffd1;padding:8px 10px;border-radius:12px}.app-version{position:absolute;right:calc(10px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));z-index:9;font-size:11px;font-weight:700;letter-spacing:.06em;color:#1e1b188c;background:#ffffff94;border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:3px 7px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.joystick:before{content:"";position:absolute;left:50%;top:12px;bottom:12px;width:8px;transform:translate(-50%);border-radius:999px;background:#28242024}.joystick-thumb{position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;background:#f6c65b;border:2px solid rgba(34,26,11,.22);box-shadow:0 8px 18px #0003}.joystick-label{position:absolute;left:50%;transform:translate(-50%);font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#2a241f;pointer-events:none}.joystick-label.top{top:8px}.joystick-label.bottom{bottom:8px}.overlay{position:absolute;inset:0;display:grid;place-items:center;overflow-y:auto;padding:calc(10px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));background:#14100e59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.panel{width:min(460px,90vw);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;background:#fff9f1;border-radius:28px;padding:28px;box-shadow:0 30px 80px #00000040;display:flex;flex-direction:column;gap:14px}@media(orientation:landscape)and (max-height:560px){.overlay{place-items:start center;padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:calc(8px + env(safe-area-inset-bottom))}.panel{width:min(520px,92vw);max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:20px;padding:14px 16px;gap:10px}.panel h1{font-size:1.55rem}.leaderboard{gap:6px;padding-top:8px}.leaderboard li{font-size:.88rem}.help-row{grid-template-columns:112px minmax(0,1fr);gap:10px}.help-key,.help-value{font-size:.9rem}}.panel h1{font-size:2rem;margin:0;font-family:Bebas Neue,Space Grotesk,sans-serif;letter-spacing:.08em}.panel-score{font-size:2.4rem;font-weight:700;margin:0}.panel-row{display:flex;justify-content:space-between;font-size:.95rem;color:#4d4640}.help-list{display:grid;gap:8px;padding:2px 0 4px}.help-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:baseline}.help-key{color:#5e544a;font-weight:600}.help-value{color:#3f3831;text-align:right}.panel-input{display:flex;flex-direction:column;gap:6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#6a6158}.panel-input input{border:1px solid #d8cfc4;border-radius:12px;padding:10px 12px;font-size:1rem}.primary{border:none;border-radius:14px;padding:12px 16px;font-size:1rem;font-weight:700;background:#f6c65b;color:#221a0b;cursor:pointer}.leaderboard{border-top:1px solid #e6ddd2;padding-top:12px;display:flex;flex-direction:column;gap:10px}.leaderboard-header{display:grid;grid-template-columns:minmax(0,1fr) 84px 88px;gap:12px;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.leaderboard ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.leaderboard li{display:grid;grid-template-columns:minmax(0,1fr) 84px 88px;gap:12px;align-items:baseline;font-size:.95rem;color:#3d342c}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score,.lb-distance{text-align:right;font-variant-numeric:tabular-nums}.lb-muted{color:#8b8178}@media(max-width:720px){.top-mode-nav{top:calc(8px + env(safe-area-inset-top));gap:8px}.top-mode-button{font-size:13px;padding:8px 10px}.hud{top:calc(8px + env(safe-area-inset-top));left:16px;right:16px;gap:14px;padding:10px 12px;justify-content:space-between}.hud-label{font-size:.62rem}.hud-value{font-size:1.1rem}.game-dev-controls{top:calc(60px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));max-width:none;justify-content:center}.game-dev-controls .primary{font-size:.85rem!important;padding:7px 10px!important}.joystick{width:min(26vw,112px);height:min(30vh,150px);border-radius:24px;bottom:calc(10px + env(safe-area-inset-bottom))}.joystick-thumb{width:36px;height:36px}.joystick-label{font-size:.62rem}.help-row{grid-template-columns:102px minmax(0,1fr);gap:8px}}@media(max-width:420px){.joystick{width:96px;height:138px}.joystick-thumb{width:32px;height:32px}}