*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;background:radial-gradient(120% 90% at 50% 0%,#f6fbee,#e8f2d8 55%,#dcebc6);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#sideBtns{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 10px);display:flex;flex-direction:column;gap:8px;z-index:5}#sideBtns button{display:flex;align-items:center;gap:6px;padding:8px 13px;border:2px solid #cfe0b0;border-radius:999px;background:#fffffaeb;color:#5c7a3a;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}#sideBtns button svg{width:17px;height:17px;stroke:currentColor;stroke-width:2}#sideBtns button:active{transform:scale(.94)}#field.on{background:#d3ecba!important;border-color:#8fbf63!important;color:#40632a!important}#field:disabled{opacity:.5}#fieldModal{position:fixed;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;padding:20px;background:#3c462866;backdrop-filter:blur(2px)}#fieldCard{width:min(94vw,460px);max-height:88vh;overflow-y:auto;padding:18px 18px 14px;border-radius:22px;background:#fffef8;border:3px solid #d8e6bd;box-shadow:0 12px 40px #465a1e4d;text-align:center}#fieldCard h2{font-size:17px;font-weight:900;color:#5c7a3a;margin-bottom:14px}#fieldList{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.fieldCard{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:7px 7px 9px;border:3px solid #eef2e0;border-radius:16px;background:#fffef9;font-family:inherit;font-weight:800;font-size:14px;color:#6c8046;cursor:pointer}.fieldCard:active{transform:scale(.96)}.fieldCard.sel{border-color:#8fce67;background:#f4fbe9;box-shadow:0 0 0 3px #78b4502e}.fieldCard .thumb{display:block;height:62px;border-radius:11px;overflow:hidden;background:#e8eede}.fieldCard .thumb svg{display:block;width:100%;height:100%}#fieldClose{margin-top:14px;padding:9px 22px;border:2px solid #d8e6bd;border-radius:999px;background:#f4f8e8;font-family:inherit;font-weight:800;font-size:14px;color:#5c7a3a;cursor:pointer}#fieldClose:active{transform:scale(.95)}@media(max-height:470px){#sideBtns{gap:5px}#sideBtns button{padding:5px 10px;font-size:12px}#sideBtns button svg{width:15px;height:15px}}#bottom{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 8px;z-index:4;pointer-events:none}#bottom>*{max-width:100%;pointer-events:auto}#hint{padding:8px 16px;border-radius:999px;background:#fffae0f2;border:2px solid #e9cf76;color:#77621e;font-weight:700;font-size:13px;text-align:center;pointer-events:none!important}#hint.pulse{animation:hintpop .45s ease}@keyframes hintpop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}#dock{display:flex;flex-direction:column;gap:7px;padding:8px 10px;border-radius:20px;background:#fffff9e6;border:2px solid #d8e6bd;box-shadow:0 6px 22px #5a782829}#tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px}#tools button{flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:7px 12px;border:2px solid #d8e6bd;border-radius:999px;background:#fffef9;color:#5c7a3a;font-family:inherit;font-weight:700;font-size:12px;white-space:nowrap;cursor:pointer}#tools button svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.1;fill:none}#tools button:active{transform:scale(.94)}#eraser.on{background:#ffb28f;border-color:#e58a5f;color:#7a3a16}#run{margin-left:auto;border-color:#7fb95c!important;background:#8fce67!important;color:#fff!important;font-size:14px!important;padding:8px 15px!important;box-shadow:0 4px 13px #5a963259}#tray{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}#tray::-webkit-scrollbar{display:none}#tray button{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:60px;padding:7px 6px 5px;border:2px solid #eef2e0;border-radius:14px;background:#fffef9;font-family:inherit;font-weight:700;font-size:10px;color:inherit;cursor:pointer}#tray button:active{transform:scale(.93)}#tray button.sel{border-color:currentColor;background:#f4fbe9;box-shadow:0 0 0 2px #78b4502e}#tray button svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.9}#tray button span{color:#6c8046;white-space:nowrap}#stretchbar{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 16px;border-radius:20px;background:#fffff9eb;border:2px solid #b9d8f2;box-shadow:0 6px 22px #3c6ea02e}#stretchTip{color:#3d6f9c;font-weight:700;font-size:12px}#stretchDone{display:flex;align-items:center;gap:5px;padding:8px 14px;border:2px solid #6aa8dd;border-radius:999px;background:#7ebbec;color:#fff;font-family:inherit;font-weight:700;font-size:13px;white-space:nowrap;cursor:pointer}#stretchDone svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.4;fill:none}#stretchDone:active{transform:scale(.94)}#runbar{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border-radius:20px;background:#fffff9eb;border:2px solid #d8e6bd;box-shadow:0 6px 22px #5a782829}#runbar button{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;border:2px solid #d8e6bd;border-radius:999px;background:#fffef9;color:#5c7a3a;font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}#runbar button:active{transform:scale(.94)}#runbar button svg{width:17px;height:17px;stroke:currentColor;stroke-width:2.1}#whistleBtn{color:#c9762e!important;border-color:#ecd0a0!important}#speeds{display:flex;align-items:center;gap:4px;padding:3px;border:2px solid #d8e6bd;border-radius:999px;background:#f4f8e8}#speeds button{border:none;padding:6px 8px;background:transparent;border-radius:999px}#speeds button.sel{background:#8fce67;color:#fff}@media(max-width:400px),(max-height:470px){#bottom{padding:0 6px}#dock{padding:8px;gap:6px}#tools{gap:5px}#tools button{padding:7px 10px;font-size:11px}#tools button svg{width:15px;height:15px}#run{font-size:13px!important;padding:8px 12px!important}#tray{gap:5px}#tray button{min-width:56px;padding:6px 5px 4px;font-size:9.5px}#tray button svg{width:27px;height:27px}}@media(max-width:520px){#runbar{display:grid;grid-template-columns:auto auto;justify-content:center;gap:6px}#runbar>*{justify-self:stretch}}@media(max-height:470px)and (min-width:640px){#dock{flex-direction:row;align-items:center}#tools{display:contents}#tray{order:0}#undo,#eraser{order:1}#run{order:2;margin-left:0}}body.garage{background:radial-gradient(120% 95% at 50% 42%,#fff 0% 58%,#f1f1ec)}#garage{position:fixed;inset:0;z-index:7;pointer-events:none}#gDone{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 10px);display:flex;align-items:center;gap:6px;padding:10px 16px;border:2px solid #7fb95c;border-radius:999px;background:#8fce67;color:#fff;font-family:inherit;font-weight:800;font-size:15px;box-shadow:0 5px 16px #5a963259;cursor:pointer;pointer-events:auto}#gDone svg{width:17px;height:17px;stroke:currentColor;stroke-width:2.4}#gDone:active{transform:scale(.94)}#gSheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:9px;padding:12px 12px calc(env(safe-area-inset-bottom,0px) + 12px);border-radius:22px 22px 0 0;background:#fffff9f2;border-top:3px solid #d8e6bd;box-shadow:0 -6px 26px #5a78282e;pointer-events:auto}.gRow{display:flex;flex-direction:column;gap:4px}.gLabel{padding-left:3px;font-size:11px;font-weight:800;color:#93a874}.gLine{display:flex;align-items:center;gap:10px}#gStrip,#gPick,#gPaint{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}#gStrip::-webkit-scrollbar,#gPick::-webkit-scrollbar,#gPaint::-webkit-scrollbar{display:none}#gPaint{flex:1 1 auto}.gVeh,.gKind,.gAdd{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:62px;padding:6px 6px 5px;border:2px solid #eef2e0;border-radius:14px;background:#fffef9;font-family:inherit;font-weight:700;font-size:10px;color:#7d8f60;cursor:pointer}.gVeh svg,.gKind svg,.gAdd svg{width:34px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9}.gVeh span,.gKind span,.gAdd span{color:#6c8046;white-space:nowrap}.gVeh:active,.gKind:active,.gAdd:active{transform:scale(.93)}.gVeh.sel,.gKind.sel{border-color:currentColor;background:#f4fbe9;box-shadow:0 0 0 2px #78b45033}.gAdd{border-style:dashed;border-color:#bcd39a;color:#8aa864}.gPaintDot{flex:0 0 auto;width:30px;height:30px;border:2px solid rgba(0,0,0,.12);border-radius:50%;cursor:pointer}.gPaintDot:active{transform:scale(.9)}.gPaintDot.sel{box-shadow:0 0 0 3px #8fce67;border-color:#fffef9}#gRemove{flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:8px 12px;border:2px solid #ecc0a4;border-radius:999px;background:#fff3ec;color:#b5673a;font-family:inherit;font-weight:800;font-size:12px;white-space:nowrap;cursor:pointer}#gRemove svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}#gRemove:active{transform:scale(.94)}@media(max-height:470px){#gSheet{left:auto;top:calc(env(safe-area-inset-top,0px) + 56px);right:0;bottom:0;width:min(52vw,330px);gap:7px;padding:10px 10px calc(env(safe-area-inset-bottom,0px) + 10px);border-radius:20px 0 0;border-top:none;border-left:3px solid #d8e6bd;overflow-y:auto}#gDone{padding:7px 12px;font-size:13px}}#nowebgl{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-weight:700;color:#5c7a3a;background:#edf4e2;z-index:20}