:root{--mat:#1c1e22b8;--mat-strong:#16181ce6;--line:#ffffff24;--text:#f5f6f7;--sub:#c4c8cc;--accent:#34c38f;--accent-ink:#062b1d;--r:16px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{overscroll-behavior:none;background:#0b0d10;height:100%;margin:0;overflow:hidden}#view{touch-action:none;outline:none;width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}#loading{z-index:50;background:#0b0d10;place-items:center;transition:opacity .5s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#loading.done{opacity:0;pointer-events:none}.ld-box{text-align:center;width:min(320px,80vw)}.ld-title{letter-spacing:.04em;margin-bottom:18px;font-size:20px;font-weight:700}.ld-bar{background:#ffffff1f;border-radius:2px;height:4px;overflow:hidden}.ld-bar i{background:var(--accent);width:0;height:100%;transition:width .3s;display:block}.ld-msg{color:var(--sub);margin-top:12px;font-size:13px}#hud{left:16px;top:calc(12px + var(--safe-t));z-index:5;background:var(--mat);-webkit-backdrop-filter:blur(18px)saturate(1.4);border:1px solid var(--line);pointer-events:none;border-radius:12px;padding:8px 14px;position:fixed}.hud-title{letter-spacing:.06em;font-size:15px;font-weight:700}.hud-sub{color:var(--sub);font-variant-numeric:tabular-nums;margin-top:1px;font-size:12px}#toast{left:50%;top:calc(14px + var(--safe-t));z-index:30;background:var(--mat-strong);border:1px solid var(--line);opacity:0;pointer-events:none;text-align:center;border-radius:12px;max-width:min(92vw,420px);padding:10px 16px;font-size:14px;line-height:1.5;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,-8px)}#toast.show{opacity:1;transform:translate(-50%)}#bar{left:50%;bottom:calc(14px + var(--safe-b));z-index:10;background:var(--mat);-webkit-backdrop-filter:blur(20px)saturate(1.5);border:1px solid var(--line);border-radius:22px;gap:2px;max-width:calc(100vw - 24px);padding:6px;display:flex;position:fixed;transform:translate(-50%)}#bar button{min-width:56px;height:52px;color:var(--sub);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 8px;font-size:11px;transition:background .2s,color .2s;display:flex}#bar button:active{transform:scale(.96)}#bar button.on{color:var(--text);background:#ffffff24}#bar button.on .ic{background:var(--accent)}.ic{background:var(--sub);width:22px;height:22px;-webkit-mask:var(--m) center/contain no-repeat;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}.ic-fly{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 18l9-13 9 13z'/%3E%3Cpath d='M8 18l4-6 4 6'/%3E%3C/svg%3E")}.ic-walk{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='13' cy='4' r='2'/%3E%3Cpath d='M9 21l3-7 3 3v4M12 14l1-5-4 2-2 3M13 9l3 3 3 1'/%3E%3C/svg%3E")}.ic-geo{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M21 3L3 10.5l7.5 3 3 7.5z'/%3E%3C/svg%3E")}.ic-paint{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='7' y='9' width='8' height='12' rx='1.5'/%3E%3Cpath d='M9 9V6h4v3M13 4h2M17 3l2-1M17 6h3M17 9l2 1'/%3E%3C/svg%3E")}.ic-time{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}.ic-info{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E")}.sheet{left:50%;bottom:calc(84px + var(--safe-b));z-index:20;border-radius:var(--r);background:var(--mat-strong);-webkit-backdrop-filter:blur(24px);border:1px solid var(--line);width:min(420px,100vw - 24px);max-height:60vh;padding:14px 16px 16px;position:fixed;overflow:auto;transform:translate(-50%)}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.sheet-close{background:#ffffff1f;border-radius:15px;width:30px;height:30px;position:relative}.sheet-close:before,.sheet-close:after{content:"";background:var(--text);width:12px;height:2px;position:absolute;top:14px;left:9px;transform:rotate(45deg)}.sheet-close:after{transform:rotate(-45deg)}.row{align-items:center;gap:12px;margin:10px 0;font-size:14px;display:flex}.row span{min-width:72px;color:var(--sub);font-variant-numeric:tabular-nums}.row input[type=range]{accent-color:var(--accent);flex:1}select{font:inherit;color:var(--text);border:1px solid var(--line);background:#ffffff1a;border-radius:10px;padding:6px 10px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{color:var(--sub);background:#ffffff14;border-radius:10px;padding:7px 12px;font-size:13px}.seg button.on{background:var(--accent);color:var(--accent-ink);font-weight:700}.info-body{color:var(--sub);font-size:13px;line-height:1.7}.info-body h3{color:var(--text);margin:12px 0 4px;font-size:13px}.info-body a{color:#8fe3c0}#joystick{left:24px;bottom:calc(96px + var(--safe-b));border:1px solid var(--line);z-index:9;touch-action:none;background:#ffffff14;border-radius:60px;width:120px;height:120px;position:fixed}.js-knob{background:#ffffff8c;border-radius:22px;width:44px;height:44px;position:absolute;top:38px;left:38px}#painter{z-index:40;padding:calc(10px + var(--safe-t)) 12px calc(12px + var(--safe-b));background:#0a0b0df0;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.pt-head{justify-content:space-between;align-items:center;height:44px;display:flex}.pt-head button{background:#ffffff1a;border-radius:12px;padding:8px 14px;font-size:15px}.pt-head .primary{background:var(--accent);color:var(--accent-ink);font-weight:700}#pt-title{font-size:15px;font-weight:700}.pt-stage{flex:1;place-items:center;min-height:0;padding:8px 0;display:grid}#pt-canvas{aspect-ratio:4/3;touch-action:none;background:#888;border-radius:6px;max-width:100%;max-height:100%;box-shadow:0 8px 30px #00000080}.pt-tools{flex-direction:column;gap:10px;display:flex}.pt-colors{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pt-colors button{border:2px solid #ffffff40;border-radius:17px;width:34px;height:34px}.pt-colors button.on{border-color:#fff;transform:scale(1.12)}.pt-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.pt-row>button{background:#ffffff1a;border-radius:10px;padding:7px 12px;font-size:13px}#pt-size{width:120px;accent-color:var(--accent)}@media (max-width:420px){#bar button{min-width:50px;padding:4px;font-size:10px}#hud{left:12px}}