:root{--bg:#2a3e50;--panel-bg:#142c429e;--accent:#7ecfff;--text:#e8f4ff;--text-dim:#a0c4da}.bigbubble-container,#app{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.bigbubble-container *,#app *{box-sizing:border-box}.bigbubble-container canvas,#app canvas{display:block}.bigbubble-container #game-hud,#app #game-hud{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.bigbubble-container .hud-panel,#app .hud-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);pointer-events:auto;border:1px solid #7ecfff26;border-radius:12px;min-width:180px;padding:14px 20px;position:absolute;top:16px;left:16px}.bigbubble-container .hud-level-name,#app .hud-level-name{color:var(--accent);margin-bottom:6px;font-size:15px;font-weight:600}.bigbubble-container .hud-bubble-count,#app .hud-bubble-count{margin-bottom:4px;font-size:22px;font-weight:700}.bigbubble-container .hud-fluid-info,#app .hud-fluid-info{color:var(--text-dim);font-size:12px}.bigbubble-container .hud-controls,#app .hud-controls{pointer-events:auto;gap:8px;display:flex;position:absolute;top:16px;right:16px}.bigbubble-container .hud-btn,#app .hud-btn{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);color:var(--text);cursor:pointer;border:1px solid #7ecfff33;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s}.bigbubble-container .hud-btn:hover,#app .hud-btn:hover{border-color:var(--accent);background:#1e3c5abf}.bigbubble-container .hud-btn-next,#app .hud-btn-next{background:#328cc880}.bigbubble-container .hud-btn-next:hover,#app .hud-btn-next:hover{background:#3ca0dcb3}.bigbubble-container .hud-completion-card,#app .hud-completion-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);text-align:center;pointer-events:auto;border:1px solid #7ecfff40;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:40px 56px;animation:.4s ease-out bigbubbleCardAppear;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bigbubble-container .hud-completion-card h2,#app .hud-completion-card h2{color:var(--accent);margin:0;font-size:28px;font-weight:700}.bigbubble-container .hud-completion-card p,#app .hud-completion-card p{color:var(--text-dim);margin:0;font-size:16px}@keyframes bigbubbleCardAppear{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.bigbubble-container .hud-mobile-controls,#app .hud-mobile-controls{pointer-events:auto;gap:12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=600px){.bigbubble-container .hud-panel,#app .hud-panel{padding:10px 14px;top:8px;left:8px}.bigbubble-container .hud-controls,#app .hud-controls{top:auto;bottom:16px;right:16px}.bigbubble-container .hud-level-name,#app .hud-level-name{font-size:13px}.bigbubble-container .hud-bubble-count,#app .hud-bubble-count{font-size:18px}}