:root{--bg-dark: #0a0515;--sidebar-bg: #110520;--accent: #00ffff;--danger: #ff00ff;--grid-color: rgba(255, 0, 255, .28);--grid-major: rgba(0, 255, 255, .55)}@keyframes pulse{0%{box-shadow:0 0 10px #00ffff4d,0 0 20px #00ffff1a;opacity:.85}to{box-shadow:0 0 25px #00ffffb3,0 0 50px #00ffff4d;opacity:1}}body{margin:0;padding:0;background:var(--bg-dark);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#score-display{position:absolute;top:20px;right:40px;font-family:Orbitron,Courier,monospace;font-size:56px;font-weight:900;color:#fff;z-index:100;text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 40px #ff00ff,0 0 80px #00ffff;pointer-events:none;letter-spacing:4px;transition:transform .1s}#app{display:flex;height:100vh}#sidebar{width:280px;width:clamp(280px,45vw,850px);min-width:280px;background:var(--sidebar-bg);border-right:1px solid #333;padding:20px;display:flex;flex-direction:column;z-index:100;overflow-y:auto}.logo{font-size:1.5rem;font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:2px;margin-bottom:20px;color:#fff;text-shadow:0 0 10px var(--accent)}.logo span{color:var(--danger);text-shadow:0 0 10px var(--danger)}.section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:#888;margin-bottom:15px;margin-top:20px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px}.tool{aspect-ratio:1;background:#2a2a2a;border:1px solid #444;border-radius:8px;font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.tool:hover{background:#221040;border-color:var(--danger);box-shadow:0 0 10px var(--danger)}.tool.active{background:rgba(0,255,255,.15);border-color:var(--accent);box-shadow:0 0 15px var(--accent),inset 0 0 10px var(--accent)}.settings{margin-bottom:40px}.settings label{display:block;margin-bottom:10px;font-size:.9rem}input[type=range]{width:100%;accent-color:var(--accent)}.actions{margin-top:auto;display:flex;flex-direction:column;gap:10px}button.btn-primary,button.btn-secondary,button.btn-danger{padding:12px;border-radius:8px;border:none;font-weight:700;cursor:pointer;transition:opacity .2s}.btn-primary{background:var(--accent);color:#000}.btn-secondary{background:#444;color:#fff}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger);margin-top:10px}button:hover{opacity:.8}.hidden{display:none!important}#table-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;width:440px;max-width:100vw;box-shadow:0 0 50px #0ff3;border-radius:12px;background:#000}#in-game-header{width:100%!important;background:rgba(17,5,32,.95);border:4px solid var(--accent)!important;border-bottom:none!important;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;box-sizing:border-box;font-family:Orbitron,sans-serif;position:relative;height:60px}#header-left{display:flex;align-items:center}#canvas-score{display:flex;align-items:center;gap:1.5px;background:#06020a;padding:3px 5px;border-radius:6px;border:2px solid #ff0055;box-shadow:inset 0 0 8px #000000e6,0 0 10px #f053;-webkit-user-select:none;user-select:none}.reel-digit{width:17px;height:26px;background:linear-gradient(to bottom,#dedede 0%,#ffffff 50%,#dedede 100%);color:#000;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:950;display:flex;align-items:center;justify-content:center;border-radius:2px;border:1.2px solid #000;box-shadow:inset 0 2px 3px #0009,inset 0 -2px 3px #0009;position:relative;overflow:hidden}.reel-digit:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:rgba(0,0,0,.18);pointer-events:none}.reel-separator{color:#f05;text-shadow:0 0 5px #ff0055;font-size:22px;font-weight:900;width:5px;display:flex;align-items:center;justify-content:center;margin:0 -1px}@keyframes mechanical-roll{0%{transform:translateY(-3px);filter:blur(.3px)}50%{transform:translateY(3px);filter:blur(.8px)}to{transform:translateY(0);filter:blur(0)}}.spin-reel{animation:mechanical-roll .12s ease-out}#header-right{display:flex;align-items:center;gap:15px;position:relative}#canvas-balls{font-size:13px;color:#0ff;text-shadow:0 0 5px #00ffff;font-weight:700;letter-spacing:1px}#btn-settings-toggle{background:rgba(0,255,255,.1);border:1px solid var(--accent);color:#0ff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 0 5px #0ff3;padding:0}#btn-settings-toggle:hover{background:rgba(0,255,255,.3);box-shadow:0 0 12px var(--accent);transform:rotate(45deg)}#btn-settings-toggle:active{transform:scale(.95)}#settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:rgba(17,5,32,.98);border:2px solid var(--accent);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;z-index:10000;box-shadow:0 0 25px #00ffff59;min-width:150px;transition:all .2s ease}#settings-dropdown.hidden{display:none!important}.dropdown-btn{width:100%;background:rgba(0,255,255,.05);border:1px solid rgba(0,255,255,.2);color:#fff;padding:8px 12px;border-radius:6px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-sizing:border-box}.dropdown-btn:hover{background:rgba(0,255,255,.2);border-color:var(--accent);box-shadow:0 0 8px var(--accent)}#canvas-wrapper{position:relative;width:100%;height:840px;border:4px solid var(--accent);border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background:#05020a;overflow:hidden}#game-canvas{background:#05020a;cursor:crosshair;width:100%;height:100%;display:block}#launch-hint{position:absolute;bottom:140px;left:50%;transform:translate(-50%);background:rgba(10,5,20,.95);border:2px solid var(--accent);box-shadow:0 0 20px #0ff6;padding:12px 24px;border-radius:12px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 10px var(--accent);z-index:5000;pointer-events:none;text-align:center;white-space:nowrap;animation:pulse 1s infinite alternate}#grid-overlay{position:absolute;pointer-events:none;top:0;left:0;width:100%;height:840px;box-sizing:border-box;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px),linear-gradient(var(--grid-major) 2px,transparent 2px),linear-gradient(90deg,var(--grid-major) 2px,transparent 2px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-position:center center;border:2px solid var(--grid-major)}#touch-controls{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:50}#touch-l,#touch-r{flex:1}#mobile-flipper-buttons{position:absolute;bottom:0;left:0;width:100%;height:120px;display:flex;justify-content:space-between;padding:0 25px;box-sizing:border-box;z-index:1000;pointer-events:none}.flipper-button{width:80px;height:80px;margin-top:20px;border-radius:50%;background:rgba(255,0,255,.1);border:3px solid var(--danger);color:#fff;font-family:Orbitron,sans-serif;font-weight:700;font-size:14px;box-shadow:0 0 15px var(--danger),inset 0 0 10px var(--danger);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;pointer-events:auto}.flipper-button:active{background:rgba(255,0,255,.3);box-shadow:0 0 25px var(--danger),inset 0 0 15px var(--danger)}#highscore-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;max-width:90vw;background:rgba(17,5,32,.95);border:3px solid var(--accent);border-radius:12px;padding:20px;z-index:1000;box-shadow:0 0 30px #00ffff80,inset 0 0 15px #ff00ff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;color:#fff;box-sizing:border-box}.modal-content h2{font-family:Orbitron,sans-serif;margin-top:0;color:var(--accent);text-shadow:0 0 10px var(--accent);font-size:24px}#highscores-list{margin:15px 0;max-height:none;overflow-y:visible;font-family:Orbitron,Courier,monospace;font-size:14px;text-align:left}.score-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dotted rgba(255,255,255,.1)}.score-row.current-top{color:#ffeb3b;font-weight:700}#new-record-form input{width:100%;background:#2a2a2a;border:1px solid #ff00ff;border-radius:6px;padding:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:18px;letter-spacing:4px;box-sizing:border-box;margin-bottom:8px}.modal-actions{display:flex;flex-direction:row;justify-content:space-between;gap:10px;margin-top:15px}#editor-container{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;overflow-y:auto;box-sizing:border-box}#mobile-tabs{display:none;background:rgba(17,5,32,.95);border-bottom:2px solid var(--accent);justify-content:space-around;padding:10px 0;position:sticky;top:0;z-index:200}.tab-btn{background:transparent;border:none;color:#fff;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s ease}.tab-btn.active{background:var(--accent);color:#000;box-shadow:0 0 10px var(--accent)}@media (max-width: 768px){#mobile-tabs{display:flex}#app{flex-direction:column;height:auto;overflow-y:auto}#sidebar{width:100%;border-right:none;border-bottom:1px solid #333;box-sizing:border-box}#sidebar.hidden-mobile{display:none!important}#editor-container{width:100%;height:auto;min-height:auto;display:flex;justify-content:center;align-items:flex-start;padding:8px;box-sizing:border-box}#editor-container.hidden-mobile{display:none!important}#table-wrapper{width:100vw;max-width:440px;height:auto;max-height:none;display:flex;flex-direction:column;box-sizing:border-box}#in-game-header{width:100%!important;flex-shrink:0}#canvas-wrapper{width:100%;height:auto;max-width:440px;aspect-ratio:440 / 840;position:relative}#game-canvas{width:100%;height:100%;object-fit:contain}#grid-overlay{width:100%;height:100%}}.dashboard-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:25px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);padding:12px;border-radius:10px;box-shadow:inset 0 0 15px #0000004d}.dash-block{display:flex;flex-direction:column;gap:8px;padding:4px}.dash-header{font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:900;color:#888;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:4px;margin-bottom:2px}.dash-row{display:flex;gap:6px;align-items:center}.dash-row input[type=text],.dash-row select{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:5px;padding:6px 10px;font-size:12px;font-family:inherit;min-width:0;transition:border .2s}.dash-row select option{background:#1a0825;color:#fff}.dash-row input[type=text]:focus,.dash-row select:focus{border-color:var(--accent);outline:none;background:rgba(255,255,255,.1)}.dash-row button{padding:6px 10px;border:none;border-radius:5px;font-family:Orbitron,sans-serif;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s}.dash-row button:hover{opacity:.9}.dash-row button:active{transform:scale(.96)}#btn-save-api{background:#4caf50;color:#fff;font-size:10px;letter-spacing:1px}#btn-load-api{background:#2196f3;color:#fff;font-size:14px;flex-shrink:0}#btn-import-file{background:#673ab7;color:#fff;font-size:14px;flex-shrink:0}#btn-delete-api{background:#ff0055;color:#fff;font-size:14px;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.actions-block{justify-content:space-between}.component-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;margin-bottom:25px}.category-block{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px;box-shadow:inset 0 0 10px #00000080;transition:border-color .2s}.category-block:hover{border-color:#0ff3}.category-header{font-size:.65rem;font-family:Orbitron,sans-serif;font-weight:700;color:var(--accent);text-shadow:0 0 5px rgba(0,255,255,.3);margin-bottom:8px;letter-spacing:1.5px;text-transform:uppercase}.category-block .tools-grid{margin-bottom:0}.portal-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;transition:opacity .5s ease}#matrix-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.65}.login-card{position:relative;z-index:10;width:380px;max-width:90vw;background:rgba(10,5,20,.75);border:2px solid #00ff00;border-radius:16px;padding:30px;box-shadow:0 0 35px #00ff0040,inset 0 0 20px #00ff001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;box-sizing:border-box}.login-glitch-logo{font-size:2.2rem;font-weight:900;letter-spacing:4px;color:#fff;text-shadow:0 0 12px #00ff00;margin-bottom:10px}.login-glitch-logo span{color:#f0f;text-shadow:0 0 12px #ff00ff}.login-subtitle{font-size:.72rem;color:#8f8;letter-spacing:2px;margin-bottom:25px}.login-input-wrapper{display:flex;flex-direction:column;gap:12px}.login-input-wrapper input{background:rgba(0,0,0,.6);border:1px solid #00ff00;border-radius:8px;padding:12px;color:#fff;font-family:Orbitron,sans-serif;font-size:16px;text-align:center;letter-spacing:3px;box-sizing:border-box;outline:none;transition:all .2s}.login-input-wrapper input:focus{box-shadow:0 0 15px #0f06;border-color:#0f0}#btn-login-submit{background:#00ff00;color:#000;font-family:Orbitron,sans-serif;font-weight:900;font-size:14px;padding:12px;border:none;border-radius:8px;cursor:pointer;letter-spacing:1px;transition:all .2s}#btn-login-submit:hover{background:#88ff88;box-shadow:0 0 15px #0f0;transform:translateY(-1px)}#login-error{color:#f05;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-top:15px;text-shadow:0 0 8px rgba(255,0,85,.4)}#hub-screen{display:flex;flex-direction:row;width:100vw;height:100vh}.split-side{flex:1;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:flex .5s cubic-bezier(.16,1,.3,1);cursor:pointer}.split-side:hover{flex:1.35}.left-side{background:radial-gradient(circle at center,#110520 0%,#05020a 100%);border-right:1px solid rgba(0,255,255,.15)}.right-side{background:radial-gradient(circle at center,#2e0811 0%,#050103 100%);border-left:1px solid rgba(255,0,85,.15)}.split-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.08;pointer-events:none;transition:transform .8s ease,opacity .5s ease}.left-side:hover .split-bg,.right-side:hover .split-bg{transform:scale(1.15);opacity:.18}.split-content{position:relative;z-index:10;text-align:center;max-width:420px;padding:30px;box-sizing:border-box}.split-logo{font-size:2.5rem;font-weight:900;letter-spacing:4px;margin-bottom:15px;text-shadow:0 0 15px var(--accent)}.left-side .split-logo{color:#fff}.left-side .split-logo span{color:var(--accent);text-shadow:0 0 15px var(--accent)}.right-side .split-logo{color:#fff;text-shadow:0 0 15px #ff0055}.right-side .split-logo span{color:#f05;text-shadow:0 0 15px #ff0055}.font-racing{font-family:Orbitron,sans-serif;font-weight:900;font-style:italic}.split-desc{font-size:.9rem;color:#bbb;line-height:1.6;margin-bottom:30px;letter-spacing:1px}.left-side:hover .split-desc,.right-side:hover .split-desc{color:#fff}.split-actions{display:flex;flex-direction:column;gap:12px;opacity:.75;transform:translateY(10px);transition:all .4s ease}.split-side:hover .split-actions{opacity:1;transform:translateY(0)}.hub-btn{background:transparent;color:#fff;font-family:Orbitron,sans-serif;font-weight:700;font-size:13px;padding:14px 24px;border-radius:8px;cursor:pointer;letter-spacing:1.5px;transition:all .2s ease;box-sizing:border-box}.left-side .hub-btn{border:2px solid var(--accent);box-shadow:0 0 8px #0ff3}.left-side .hub-btn:hover{background:var(--accent);color:#000;box-shadow:0 0 20px var(--accent)}.right-side .hub-btn{border:2px solid #ff0055;box-shadow:0 0 8px #f053}.right-side .hub-btn:hover{background:#ff0055;color:#fff;box-shadow:0 0 20px #f05}.split-divider{position:absolute;left:50%;top:10%;width:2px;height:80%;background:linear-gradient(to bottom,transparent,#00ff00,transparent);z-index:5;pointer-events:none;animation:pulse 2s infinite alternate}.hub-logout-btn{position:absolute;bottom:25px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:45px;height:45px;color:#f05;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:20}.hub-logout-btn:hover{background:#ff0055;color:#fff;box-shadow:0 0 15px #f05;transform:translate(-50%) scale(1.1)}@media (max-width: 768px){#hub-screen{flex-direction:column}.split-side{width:100%;height:50%;transition:flex .5s ease}.split-side:hover{flex:1.25}.split-divider{left:10%;top:50%;width:80%;height:2px;background:linear-gradient(to right,transparent,#00ff00,transparent)}.split-logo{font-size:1.8rem}.split-desc{display:none}.split-actions{opacity:1;transform:none}#hub-btn-open-workshop,#btn-goto-workshop,#modal-btn-exit{display:none!important}}.pc-only-badge{display:inline-block;background:rgba(255,0,85,.15);border:1px solid rgba(255,0,85,.4);color:#f8a;font-size:10px;font-weight:700;padding:6px 12px;border-radius:20px;letter-spacing:1px;text-shadow:0 0 5px #ff0055;margin-top:10px;align-self:center;width:fit-content;text-transform:uppercase;box-shadow:0 0 10px #ff00551a}.ios-fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;background:#05020a!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:10px!important}.ios-fullscreen #canvas-wrapper{width:100%!important;max-width:min(440px,96vw)!important;max-height:calc(100vh - 100px)!important;height:auto!important;aspect-ratio:440 / 840!important}body.retro-theme{--accent: #d4af37;--danger: #b71c1c;--grid-color: rgba(62, 39, 35, .14);--grid-major: rgba(139, 90, 43, .3)}body.retro-theme #in-game-header{border-color:#3e2723!important;background:#ba9261!important;color:#3e2723!important}body.retro-theme #canvas-wrapper{border-color:#3e2723!important;background:#edd5a1!important}body.retro-theme #btn-settings-toggle{background:#3e2723!important;border:1px solid #d4af37!important;color:#d4af37!important;box-shadow:0 0 5px #d4af374d!important}body.retro-theme #btn-settings-toggle:hover{background:#5d4037!important;box-shadow:0 0 12px #d4af37!important}body.retro-theme #ball-count{color:#3e2723!important}body.retro-theme #launch-hint{background:#3e2723!important;border-color:#d4af37!important;box-shadow:none!important;text-shadow:none!important;color:#fff9c4!important}body.retro-theme .flipper-button{background:#b71c1c!important;border:3px solid #3e2723!important;color:#fff9c4!important;box-shadow:0 4px #3e2723,inset 0 2px 4px #fff3!important;text-shadow:none!important}body.retro-theme .flipper-button:active{background:#d32f2f!important;box-shadow:0 2px #3e2723,inset 0 2px 4px #0006!important;transform:translateY(2px)!important}#rules-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:3000}#rules-modal.hidden{display:none!important}