:root{--sp-bg:#fdeff6;--sp-btn:#ffffff59;--sp-btn-border:#ffffff8c;--sp-btn-active:#fff9}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--sp-bg);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;overflow:hidden}#app{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#app canvas{touch-action:none;display:block}#controls{z-index:10;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:fixed;bottom:0;left:0;right:0}#controls.is-active{display:flex}.controls-left,.controls-right{align-items:flex-end;gap:14px;display:flex}.ctl-btn{border:2px solid var(--sp-btn-border);background:var(--sp-btn);color:#3a3a4abf;pointer-events:auto;touch-action:none;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:50%;width:64px;min-width:56px;height:64px;min-height:56px;font-family:system-ui,sans-serif;font-size:22px;font-weight:700}.ctl-btn:active,.ctl-btn.is-pressed{background:var(--sp-btn-active);transform:scale(.92)}.ctl-btn-raised{margin-bottom:26px}#rotate-hint{display:none}@media (orientation:landscape) and (height<=480px){#rotate-hint{z-index:100;background:var(--sp-bg);color:#3a3a4a;justify-content:center;align-items:center;font-family:system-ui,sans-serif;font-size:22px;font-weight:700;display:flex;position:fixed;inset:0}}