*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;background:#000;width:100vw;height:100vh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}body.island-mode{background:#f4f6f8}#canvas-container{z-index:1;cursor:none;touch-action:none;width:100vw;height:100vh;position:fixed;inset:0}body.island-mode #canvas-container{cursor:crosshair}#canvas-container canvas{touch-action:none;display:block;width:100vw!important;height:100vh!important}#cursor-reticle{pointer-events:none;z-index:100;will-change:transform;border:1px solid #ffffffd9;border-radius:50%;width:44px;height:44px;position:fixed;top:0;left:0;transform:translate(-100px,-100px)translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}body.island-mode #cursor-reticle{border-color:#141e288c;box-shadow:0 0 0 1px #ffffffa6;width:22px!important;height:22px!important}#cursor-reticle.pressing{border-width:1.5px;border-color:#fff}.hud-minimal-top{z-index:20;-webkit-backdrop-filter:blur(16px);background:#0c0e12db;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000002e}.tab-controls{align-items:center;gap:10px;display:flex}.hidden{display:none!important}.tab-switcher{background:#ffffff14;border-radius:999px;padding:2px}.seg-group{align-items:center;gap:3px;display:flex}.seg-divider{background:#fff3;width:1px;height:18px}.seg-btn{color:#ffffffbd;letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.seg-btn:hover{color:#fff;background:#ffffff1a}.seg-btn.active{color:#000;background:#fff;font-weight:600}.slider-group{align-items:center;gap:12px;padding:0 4px;display:flex}.mini-slider{letter-spacing:.02em;color:#ffffffbd;align-items:center;gap:6px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;display:flex}.mini-slider input[type=range]{appearance:none;cursor:pointer;background:#ffffff4d;border-radius:999px;outline:none;width:58px;height:2px}.mini-slider input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:1px solid #000;border-radius:50%;width:10px;height:10px}.island-hint{z-index:20;color:#000;letter-spacing:.02em;pointer-events:none;white-space:nowrap;background:0 0;padding:8px 18px;font-size:12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.label-short,.mobile-bottom-dock,.mobile-sheet-backdrop,.mobile-bottom-sheet{display:none}@media (width<=1220px){.label-full{display:none}.label-short{display:inline}.hud-minimal-top{gap:6px;padding:5px 10px}.tab-controls{gap:6px}.seg-btn{padding:5px 10px;font-size:11.5px}.slider-group{gap:8px}.mini-slider input[type=range]{width:44px}}@media (width<=900px){.desktop-only-control{display:none!important}.hud-minimal-top{gap:8px;max-width:calc(100vw - 24px);padding:5px 8px;top:14px}.hud-minimal-top .seg-btn{padding:6px 12px;font-size:12px}.island-hint{white-space:normal;text-align:center;width:calc(100vw - 32px);max-width:460px;padding:4px 8px;font-size:11px;line-height:1.35;bottom:74px}.mobile-bottom-dock{z-index:25;-webkit-backdrop-filter:blur(16px);background:#0c0e12e0;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 20px);padding:6px 10px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000038}.mobile-bottom-dock .seg-btn{padding:7px 12px;font-size:12px}.mobile-filter-btn{border-radius:50%;justify-content:center;align-items:center;width:32px;height:30px;display:inline-flex;padding:0!important}.mobile-filter-btn.active svg circle{fill:#fff}.mobile-sheet-backdrop{z-index:35;-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#00000052;transition:opacity .2s cubic-bezier(.16,1,.3,1);display:block;position:fixed;inset:0}.mobile-sheet-backdrop.open{opacity:1;pointer-events:auto}.mobile-bottom-sheet{z-index:40;-webkit-backdrop-filter:blur(20px);background:#0e1016f0;border-top:1px solid #ffffff2e;border-radius:22px 22px 0 0;flex-direction:column;padding:8px 20px 26px;transition:transform .22s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -12px 36px #00000059}.mobile-bottom-sheet.open{transform:translate(0,0)}.mobile-sheet-handle{background:#ffffff47;border-radius:999px;width:36px;height:4px;margin:2px auto 10px}.mobile-sheet-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.mobile-sheet-title{letter-spacing:.02em;color:#fff;font-size:13px;font-weight:600}.mobile-sheet-close{color:#ffffffd9;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mobile-sheet-body{flex-direction:column;gap:14px;display:flex}.sheet-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.sheet-label{color:#ffffffc7;min-width:72px;font-size:12px;font-weight:500}.sheet-seg-group{background:#ffffff14;border-radius:999px;padding:2px}.sheet-slider{appearance:none;cursor:pointer;background:#ffffff47;border-radius:999px;outline:none;flex:1;height:3px}.sheet-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:1px solid #000;border-radius:50%;width:16px;height:16px}.sheet-actions{border-top:1px solid #ffffff1f;align-items:center;gap:10px;padding-top:6px;display:flex}.sheet-action-btn{text-align:center;color:#fff;background:#ffffff1a;border:1px solid #ffffff29;flex:1;padding:9px 14px;font-size:12px;font-weight:500}}@media (width<=400px){.hud-minimal-top .seg-btn{padding:5px 9px;font-size:11px}.mobile-bottom-dock .seg-btn{padding:6px 10px;font-size:11.5px}}