*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#0b1220;width:100%;height:100%;overflow:hidden}.stage{width:100vw;height:100vh}.stage canvas{display:block}.ui-layer{pointer-events:none;z-index:10;position:fixed;inset:0}.control-bar{-webkit-backdrop-filter:blur(10px);pointer-events:auto;color:#c9d4e8;-webkit-user-select:none;user-select:none;background:#0a101e9e;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 2px 16px #00000059}.control-bar button{appearance:none;color:inherit;font-size:inherit;cursor:pointer;white-space:nowrap;background:#94b0e014;border:1px solid #94b0e038;border-radius:999px;padding:5px 10px;transition:background .18s,border-color .18s}.control-bar button:hover{background:#94b0e02e;border-color:#94b0e066}.control-bar button:active{transform:scale(.97)}.control-bar button[aria-pressed=true]{color:#ffd9b0;border-color:#ffb36b8c}.control-bar .volume{white-space:nowrap;align-items:center;gap:6px;padding:0 6px;display:flex}.control-bar input[type=range]{accent-color:#ffb36b;cursor:pointer;width:84px}.hover-hint{z-index:11;pointer-events:none;color:#e8eef9;letter-spacing:.02em;opacity:0;white-space:nowrap;background:#0a101ec7;border-radius:6px;padding:4px 9px;font-size:12px;transition:opacity .15s;position:fixed;transform:translate(14px,14px)}.hover-hint.visible{opacity:1}.ripple{z-index:11;pointer-events:none;border:1.5px solid #ffd9b0e6;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;animation:.55s ease-out forwards ripple-expand;position:fixed}@keyframes ripple-expand{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(4.5)}}@media (prefers-reduced-motion:reduce){.ripple{animation-duration:10ms}}