:root{--bg-deep: #1A0E2E;--panel-color: #2B1548;--text-color: #F5E6B8;--accent-pink: #E8396B;--accent-orange: #E89620;--accent-teal: #4ECDC4;--accent-green: #6BBF59;--accent-purple: #7A3069}#app-container{position:relative;width:100vw;height:100vh;overflow:hidden}#canvas-container{width:100%;height:100%}#babylon-canvas{width:100%;height:100%;touch-action:none;outline:none}.connection-status{position:absolute;top:16px;left:16px;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;font-family:"Baloo 2",cursive,sans-serif;user-select:none;border:1px solid}.connection-status.connected{background:#4ecdc4d9;border-color:var(--accent-teal);color:#1a0e2e}.connection-status.disconnected{background:#e8396bd9;border-color:var(--accent-pink);color:var(--text-color)}.connection-status.connecting{background:#e8962099;border-color:var(--accent-orange);color:var(--text-color)}.dev-tools-corner{position:absolute;bottom:12px;right:12px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.dev-tools-toggle{padding:5px 10px;background:#1a0e2eb3;color:var(--text-color);border:1px solid rgba(245,230,184,.2);border-radius:4px;cursor:pointer;font-family:"Baloo 2",cursive,sans-serif;font-size:10px;opacity:.5;transition:opacity .2s}.dev-tools-toggle:hover{opacity:1}.dev-tools-panel{display:flex;flex-direction:column;gap:4px;min-width:130px}.dev-button{padding:5px 10px;background:#1a0e2ed9;color:var(--text-color);border:1px solid rgba(245,230,184,.15);border-radius:4px;cursor:pointer;font-family:"Baloo 2",cursive,sans-serif;font-size:10px;transition:all .15s;text-align:left}.dev-button:hover:not(:disabled){border-color:var(--accent-orange);color:var(--accent-orange)}.dev-button:disabled{opacity:.35;cursor:not-allowed}.hole-tooltip{position:absolute;transform:translate(-50%,-100%) translateY(-12px);background:#1a0e2eeb;border:1px solid var(--accent-orange);border-radius:6px;padding:8px 12px;pointer-events:none;z-index:100;white-space:nowrap;animation:holeTooltipFadeIn .15s ease-out}.hole-tooltip-text{font-family:"Baloo 2",cursive,sans-serif;font-size:13px;font-weight:600;color:var(--text-color)}.hole-tooltip-bar-bg{margin-top:5px;width:100%;height:6px;background:#f5e6b826;border-radius:3px;overflow:hidden}.hole-tooltip-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-teal),var(--accent-orange));border-radius:3px;transition:width .3s ease-out}@keyframes holeTooltipFadeIn{0%{opacity:0;transform:translate(-50%,-100%) translateY(-8px)}to{opacity:1;transform:translate(-50%,-100%) translateY(-12px)}}@media (max-width: 480px){.connection-status{padding:4px 8px;font-size:10px;top:8px;left:8px}}.hud{position:absolute;bottom:calc(8px + env(safe-area-inset-bottom,0px));left:8px;pointer-events:none;user-select:none;z-index:10;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:clamp(10px,1.8vw,12px);color:#ffffff80;white-space:nowrap}.coin-panel{position:absolute;top:calc(clamp(8px,2vw,14px) + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);user-select:none;z-index:10;display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1vw,6px);background:#1a0e2ed9;border:2px solid rgba(232,150,32,.5);border-radius:clamp(10px,2vw,14px);padding:clamp(6px,1.5vw,8px) clamp(14px,3vw,20px) clamp(6px,1.5vw,8px);box-shadow:0 4px 16px #00000080,inset 0 1px #f5e6b814}.coin-panel-top-row{display:flex;align-items:center;gap:clamp(10px,2.5vw,16px)}.coin-panel-selector{display:flex;align-items:center;gap:clamp(6px,1.5vw,10px)}.coin-arrow-btn{display:flex;align-items:center;justify-content:center;width:clamp(24px,5vw,30px);height:clamp(24px,5vw,30px);border:none;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s,opacity .15s}.coin-arrow-btn img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.coin-arrow-btn:hover:not(:disabled){transform:scale(1.15)}.coin-arrow-btn:active:not(:disabled){transform:scale(.9)}.coin-arrow-btn:disabled{opacity:.25;cursor:default}.coin-slot-dots{display:flex;gap:clamp(5px,1.2vw,8px);align-items:center}.coin-dot{width:clamp(9px,2vw,12px);height:clamp(9px,2vw,12px);border-radius:50%;border:2px solid rgba(232,150,32,.5);background:#e8962026;padding:0;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.coin-dot:hover{background:#e8962059;border-color:#e89620cc}.coin-dot.active{background:#e89620;border-color:#f5c842;box-shadow:0 0 8px #e89620b3,0 0 16px #e896204d;transform:scale(1.15)}.coin-batch-selector{display:flex;gap:3px;justify-content:center}.coin-batch-btn{background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:5px;color:#ffffffb3;padding:2px 8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease;font-family:inherit}.coin-batch-btn.active{background:#ffc80066;border-color:#ffc800cc;color:#fff}.coin-batch-btn:hover:not(.active){background:#ffffff1a;border-color:#fff6}.coin-queue-progress{text-align:center;color:#fff9;font-size:11px}.coin-insert-btn{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(150px,36vw,200px);height:clamp(34px,7vw,42px);border:none;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.coin-insert-btn:hover:not(:disabled){transform:scale(1.04)}.coin-insert-btn.pressed:not(:disabled){transform:scale(.96) translateY(2px)}.coin-insert-btn:disabled{opacity:.35;cursor:not-allowed}.coin-insert-btn-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}.coin-insert-btn:hover:not(:disabled) .coin-insert-btn-bg{filter:drop-shadow(0 4px 12px rgba(232,150,32,.6)) brightness(1.06)}.coin-insert-btn.pressed:not(:disabled) .coin-insert-btn-bg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)) brightness(.88)}.coin-insert-btn-text{position:relative;z-index:1;font-family:"Baloo 2",cursive,sans-serif;font-size:clamp(12px,3vw,15px);font-weight:800;color:#5a3800;letter-spacing:clamp(1px,.4vw,2px);text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.25);pointer-events:none}@media (max-width: 480px){.coin-panel{padding:4px 10px}.coin-panel-top-row{flex-direction:column;gap:4px}.coin-insert-btn{width:130px}}.toolbar{position:absolute;top:calc(clamp(8px,2vw,12px) + env(safe-area-inset-top,0px));right:calc(clamp(8px,2vw,12px) + env(safe-area-inset-right,0px));z-index:100;display:flex;gap:clamp(4px,1vw,6px);align-items:flex-start;user-select:none}.toolbar-icon-btn{display:flex;align-items:center;justify-content:center;width:clamp(32px,7vw,40px);height:clamp(32px,7vw,40px);border:none;background:#1a0e2ecc;border-radius:clamp(8px,1.5vw,10px);cursor:pointer;padding:clamp(6px,1.5vw,8px);transition:all .15s;border:1px solid rgba(245,230,184,.15)}.toolbar-icon-btn img{width:100%;height:100%;object-fit:contain;opacity:.8;transition:opacity .15s}.toolbar-icon-btn:hover{background:#2b1548f2;border-color:#e8962080}.toolbar-icon-btn:hover img{opacity:1}.toolbar-icon-btn.active{background:#2b1548f2;border-color:#e89620b3}.toolbar-settings-wrap{position:relative}.toolbar-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:#1a0e2ef2;border:1px solid rgba(232,150,32,.4);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;min-width:clamp(150px,30vw,170px);box-shadow:0 6px 20px #00000080}.toolbar-dropdown-item{display:flex;align-items:center;gap:8px;padding:clamp(6px,1.5vw,8px) clamp(8px,2vw,10px);border:none;background:none;border-radius:6px;cursor:pointer;color:#f5e6b8;font-family:"Baloo 2",cursive,sans-serif;font-size:clamp(12px,2.5vw,13px);font-weight:600;transition:background .1s;white-space:nowrap}.toolbar-dropdown-item:hover{background:#e8962026}.toolbar-dropdown-check{width:20px;height:20px;object-fit:contain}.toolbar-dropdown-icon{width:18px;height:18px;object-fit:contain;opacity:.75}.toolbar-action-btn{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(32px,7vw,40px);min-width:clamp(64px,14vw,80px);border:none;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s}.toolbar-action-btn:hover:not(:disabled){transform:scale(1.05)}.toolbar-action-btn:active:not(:disabled){transform:scale(.95) translateY(1px)}.toolbar-action-btn:disabled{opacity:.35;cursor:not-allowed}.toolbar-action-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.toolbar-action-btn.shock:hover:not(:disabled) .toolbar-action-bg{filter:drop-shadow(0 3px 10px rgba(232,57,107,.5)) brightness(1.08)}.toolbar-abilities{position:fixed;right:calc(clamp(8px,2vw,12px) + env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:clamp(6px,1.5vw,8px);z-index:100}.toolbar-action-btn.toolbar-action-img{min-width:auto;width:clamp(56px,14vw,84px);height:clamp(56px,14vw,84px);background:#3c3c46d9;border-radius:clamp(10px,2.5vw,14px);border:1px solid rgba(255,255,255,.12);padding:clamp(6px,1.5vw,8px)}.toolbar-action-btn.toolbar-action-img:hover:not(:disabled){border-color:#ffffff4d}.toolbar-action-icon{position:relative;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));transition:filter .15s}.toolbar-action-btn.tornado:hover:not(:disabled) .toolbar-action-icon{filter:drop-shadow(0 3px 10px rgba(57,140,232,.5)) brightness(1.08)}.toolbar-action-btn.tornado.targeting .toolbar-action-icon{filter:drop-shadow(0 3px 12px rgba(57,200,232,.7)) brightness(1.15);animation:targeting-pulse .8s ease-in-out infinite alternate}.toolbar-action-btn.superPush:hover:not(:disabled) .toolbar-action-icon{filter:drop-shadow(0 3px 10px rgba(232,50,30,.5)) brightness(1.08)}.toolbar-action-btn.lightning:hover:not(:disabled) .toolbar-action-icon{filter:drop-shadow(0 3px 10px rgba(140,100,230,.5)) brightness(1.08)}.toolbar-action-btn.explosion:hover:not(:disabled) .toolbar-action-icon{filter:drop-shadow(0 3px 10px rgba(232,150,32,.5)) brightness(1.08)}.toolbar-action-btn.explosion.targeting .toolbar-action-icon{filter:drop-shadow(0 3px 12px rgba(255,180,40,.7)) brightness(1.15);animation:targeting-pulse .8s ease-in-out infinite alternate}.toolbar-action-btn.cooldown .toolbar-action-icon{filter:grayscale(.8) brightness(.5);opacity:.6}@keyframes targeting-pulse{0%{opacity:.7}to{opacity:1}}.toolbar-action-text{position:relative;z-index:1;font-family:"Baloo 2",cursive,sans-serif;font-size:clamp(11px,2.5vw,13px);font-weight:800;color:#fff;letter-spacing:2px;text-shadow:0 1px 2px rgba(0,0,0,.4);pointer-events:none;padding:0 clamp(10px,2.5vw,16px)}@media (max-width: 480px){.toolbar-abilities{gap:4px}.toolbar-action-btn.toolbar-action-img{width:40px;height:40px;border-radius:8px;padding:4px}}.heat-panel{position:absolute;top:calc(clamp(50px,12vw,80px) + env(safe-area-inset-top,0px));left:calc(clamp(8px,2vw,12px) + env(safe-area-inset-left,0px));background:#0009;border:1px solid rgba(255,100,0,.4);border-radius:clamp(6px,1.5vw,8px);padding:clamp(6px,1.5vw,8px) clamp(8px,2vw,12px);min-width:clamp(120px,30vw,180px);pointer-events:none;z-index:10}.heat-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.heat-label{color:#f80;font-size:clamp(11px,2.5vw,14px);font-weight:700}.heat-bar-container{height:clamp(6px,1.5vw,8px);background:#ffffff1a;border-radius:4px;overflow:hidden}.heat-bar-fill{height:100%;background:linear-gradient(90deg,#f40,#f80,#fc0);border-radius:4px;transition:width .3s ease}.heat-queue{color:#ffffff80;font-size:clamp(9px,2vw,11px);margin-top:4px}@media (max-width: 480px){.heat-panel{min-width:100px;padding:4px 6px}.heat-label{font-size:10px}.heat-queue{font-size:9px}}.reward-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00c800cc;color:#fff;font-size:24px;font-weight:700;padding:8px 20px;border-radius:8px;pointer-events:none;z-index:100;animation:reward-float 3s ease-out forwards}@keyframes reward-float{0%{opacity:1;transform:translate(-50%,-50%) translateY(0)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translateY(-60px)}}.editor-panel{position:absolute;top:0;left:0;width:260px;height:100%;background:#14141eeb;color:#e0e0e0;font-family:monospace;font-size:12px;display:flex;flex-direction:column;z-index:200;overflow:hidden;border-right:1px solid rgba(255,255,255,.1)}.editor-panel-header{padding:10px 12px;font-size:13px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1);color:#8bf}.editor-toolbar{padding:8px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid rgba(255,255,255,.1)}.editor-toolbar-row{display:flex;gap:4px}.editor-toolbar-label{font-size:10px;color:#888;text-transform:uppercase;margin-bottom:2px}.editor-btn{padding:5px 8px;background:#ffffff14;color:#ccc;border:1px solid rgba(255,255,255,.12);border-radius:3px;cursor:pointer;font-family:monospace;font-size:11px;transition:background .15s;flex:1}.editor-btn:hover{background:#ffffff26;color:#fff}.editor-btn.active{background:#648cff4d;border-color:#648cff80;color:#adf}.editor-btn.danger{color:#f88}.editor-btn.danger:hover{background:#ff505033}.editor-object-list{flex:1;overflow-y:auto;border-bottom:1px solid rgba(255,255,255,.1)}.editor-object-list-header{padding:6px 10px;font-size:10px;color:#888;text-transform:uppercase}.editor-object-item{padding:6px 10px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .1s}.editor-object-item:hover{background:#ffffff0f}.editor-object-item.selected{background:#648cff33;color:#adf}.editor-object-item-type{font-size:10px;color:#777;width:50px}.editor-object-item-name{flex:1}.editor-property-panel{padding:8px 10px;max-height:240px;overflow-y:auto}.editor-property-group{margin-bottom:8px}.editor-property-label{font-size:10px;color:#888;text-transform:uppercase;margin-bottom:4px}.editor-property-row{display:flex;gap:4px;align-items:center}.editor-property-axis{font-size:10px;color:#666;width:10px;text-align:center}.editor-property-input{width:60px;padding:3px 4px;background:#0000004d;color:#ddd;border:1px solid rgba(255,255,255,.1);border-radius:2px;font-family:monospace;font-size:11px;text-align:right}.editor-property-input:focus{outline:none;border-color:#648cff80}.editor-toggle-btn{position:absolute;top:50px;left:10px;z-index:201;padding:6px 12px;background:#14141ed9;color:#8bf;border:1px solid rgba(100,140,255,.3);border-radius:4px;cursor:pointer;font-family:monospace;font-size:12px;font-weight:700;transition:background .15s}.editor-toggle-btn:hover{background:#28283ce6}.editor-toggle-btn.active{background:#648cff4d;border-color:#648cff99}.editor-empty{padding:12px;color:#666;text-align:center;font-style:italic}