:root{--bg-color: #050510;--text-color: #fff;--primary-color: #0ff;--secondary-color: #f0f;--accent-color: #ffd700;--danger-color: #f00;--success-color: #0f0;--panel-bg: rgba(13, 13, 26, .95);--canvas-bg: #1a1a2e;--font-main: "Orbitron", sans-serif;--font-mono: "Courier New", monospace;--shadow-glow: 0 0 20px rgba(0, 255, 255, .2);--border-width: 2px;--bb-ui-scale: 1;--bb-controls-scale: 1}body.theme-retro{--bg-color: #000;--text-color: #fff;--primary-color: #fff;--secondary-color: #fff;--accent-color: #fff;--danger-color: #fff;--success-color: #fff;--panel-bg: #000;--canvas-bg: #000;--font-main: "Courier New", monospace;--shadow-glow: none;--border-width: 4px}body.theme-minimal{--bg-color: #eee;--text-color: #333;--primary-color: #333;--secondary-color: #666;--accent-color: #333;--panel-bg: #fff;--canvas-bg: #fff;--shadow-glow: 0 5px 15px rgba(0, 0, 0, .1);--border-width: 1px}body{margin:0;display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;transition:background-color .3s,color .3s}body.ui-mode{touch-action:pan-y}#app{position:relative;width:100%;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center}canvas{background-color:var(--canvas-bg);box-shadow:var(--shadow-glow),0 0 40px #00ffff1a;max-width:100%;max-height:100%;aspect-ratio:800/600;border:var(--border-width) solid var(--primary-color);transition:all .3s ease}@media(hover:none)and (pointer:coarse)and (orientation:landscape){canvas{max-width:92vw}}body.theme-retro canvas{box-shadow:none}body.theme-minimal canvas{box-shadow:var(--shadow-glow)}@keyframes textGlow{0%{text-shadow:0 0 10px var(--primary-color)}50%{text-shadow:0 0 20px var(--primary-color),0 0 30px var(--text-color)}to{text-shadow:0 0 10px var(--primary-color)}}@keyframes pulseBorder{0%{box-shadow:0 0 10px var(--primary-color)}50%{box-shadow:0 0 20px var(--primary-color),0 0 40px var(--secondary-color)}to{box-shadow:0 0 10px var(--primary-color)}}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:center;align-items:center}.screen{display:none;flex-direction:column;align-items:center;background:var(--panel-bg);background-image:linear-gradient(rgba(0,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.05) 1px,transparent 1px);background-size:50px 50px;border:var(--border-width) solid var(--primary-color);padding:60px;border-radius:15px;pointer-events:auto;text-align:center;box-shadow:0 0 30px #0ff3;min-width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:150;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;animation:pulseBorder 4s infinite}body.theme-retro .screen{background-image:none;border-radius:0;box-shadow:none;animation:none}body.theme-minimal .screen{background-image:none;box-shadow:var(--shadow-glow);animation:none}.screen::-webkit-scrollbar{width:8px}.screen::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.screen::-webkit-scrollbar-track{background:transparent}.screen.active{display:flex}.ui-settings-note{margin:0 0 15px;max-width:420px;font-size:.9rem;line-height:1.4;color:#fffc;text-shadow:none}body.theme-minimal .ui-settings-note{color:#666}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:420px;margin:10px 0;font-size:1rem}.setting-row label{flex:1;text-align:left}.setting-row select{flex:1;max-width:220px;padding:10px;border-radius:8px;border:var(--border-width) solid var(--primary-color);background:#0006;color:var(--text-color);font-family:var(--font-main)}.setting-row input[type=range]{flex:1;max-width:220px}#ui-scale-value{width:60px;text-align:right;font-variant-numeric:tabular-nums;color:#ffffffd9}body.theme-minimal #ui-scale-value{color:#333}body.theme-minimal .setting-row select{background:#fff;color:#333}.toggle-btn{min-width:90px}h1{font-size:3.5rem;color:var(--primary-color);text-transform:uppercase;letter-spacing:4px;margin-bottom:30px;animation:textGlow 2s infinite;line-height:1.1}body.theme-retro h1,body.theme-minimal h1{animation:none;text-shadow:none}h2{font-size:2.5rem;color:var(--secondary-color);margin-bottom:20px;text-shadow:0 0 15px var(--secondary-color);border-bottom:2px solid var(--secondary-color);padding-bottom:10px;width:100%}body.theme-retro h2,body.theme-minimal h2{text-shadow:none}button{background:#00ffff1a;border:var(--border-width) solid var(--primary-color);color:var(--primary-color);font-family:var(--font-main);font-size:1.5rem;padding:12px 30px;margin:10px;cursor:pointer;transition:all .3s ease;text-shadow:0 0 5px var(--primary-color);position:relative;overflow:hidden;flex-shrink:0}body.theme-retro button{background:#000;border-radius:0;text-shadow:none}body.theme-minimal button{background:#fff;box-shadow:0 2px 5px #0000001a;text-shadow:none}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.4),transparent);transition:.5s}button:hover:before{left:100%}button:hover{background:var(--primary-color);color:#000;box-shadow:0 0 25px var(--primary-color);transform:scale(1.05)}body.theme-minimal button:hover{color:#fff;box-shadow:none}.info-content{text-align:left;margin-bottom:30px;width:100%}.info-content p{font-size:1.2rem;color:#ccc;margin-bottom:10px}body.theme-minimal .info-content p{color:#555}h3{margin-top:20px;color:var(--text-color);border-left:4px solid var(--primary-color);padding-left:10px}ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin-top:15px}li{margin:5px 0;font-weight:700;font-size:1.1rem;text-shadow:0 0 5px currentColor;background:#ffffff0d;padding:5px 10px;border-radius:5px}body.theme-minimal li{background:#eee;text-shadow:none}body.theme-retro li{text-shadow:none}.shop-balance{margin:10px 0 18px;font-size:1rem;color:var(--text-color);text-shadow:none}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:640px;margin:12px 0}.shop-item{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;background:#00000059;border:var(--border-width) solid rgba(0,255,255,.3);box-shadow:0 0 18px #00ffff14}body.theme-retro .shop-item{box-shadow:none;background:#00000040}body.theme-minimal .shop-item{background:#f6f6f6;border-color:#ddd;box-shadow:none}.shop-item .icon{font-size:1.6rem;line-height:1;margin-bottom:6px}.shop-item .name{font-weight:700;font-size:.95rem}.shop-item .desc{margin-top:6px;font-size:.82rem;color:#ffffffbf;text-shadow:none}body.theme-minimal .shop-item .desc{color:#555}.shop-item button.btn-buy{margin-top:10px;width:100%;padding:10px}@media(max-width:600px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.shop-grid{grid-template-columns:1fr}}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.admin-grid button{font-size:1rem;padding:10px;margin:0;width:100%}#hud{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;padding-top:calc(env(safe-area-inset-top) + (20px * var(--bb-ui-scale)));padding-bottom:calc(env(safe-area-inset-bottom) + (20px * var(--bb-ui-scale)));padding-left:calc(env(safe-area-inset-left) + (40px * var(--bb-ui-scale)));padding-right:calc(env(safe-area-inset-right) + (40px * var(--bb-ui-scale)));box-sizing:border-box;font-size:calc(clamp(.95rem,2.2vw,1.2rem) * var(--bb-ui-scale));color:var(--primary-color);text-shadow:0 0 5px var(--primary-color);pointer-events:none;align-items:flex-start;gap:calc(20px * var(--bb-ui-scale))}body.theme-retro #hud,body.theme-minimal #hud{text-shadow:none}#combo-display{position:absolute;top:calc(60px * var(--bb-ui-scale));right:0;font-size:calc(clamp(1.05rem,3.8vw,1.5rem) * var(--bb-ui-scale));font-weight:700;color:var(--accent-color);text-shadow:0 0 10px var(--accent-color);display:none;animation:pulseCombo .5s infinite alternate;padding:calc(8px * var(--bb-ui-scale)) calc(12px * var(--bb-ui-scale));background:#0000008c;border:calc(2px * var(--bb-ui-scale)) solid var(--accent-color);border-radius:calc(12px * var(--bb-ui-scale))}#combo-text{line-height:1.1}#combo-bar{margin-top:calc(6px * var(--bb-ui-scale));height:calc(6px * var(--bb-ui-scale));width:min(calc(180px * var(--bb-ui-scale)),32vw);background:#ffffff26;border-radius:999px;overflow:hidden}#combo-fill{height:100%;width:0%;background:linear-gradient(90deg,gold,#ff8c00,red);border-radius:999px;transition:width .08s linear}body.theme-retro #combo-display,body.theme-minimal #combo-display{animation:none;text-shadow:none}@keyframes pulseCombo{0%{transform:scale(1)}to{transform:scale(1.1)}}#powerup-timers{position:absolute;top:calc(40px * var(--bb-ui-scale));left:0;display:flex;flex-direction:column;gap:calc(5px * var(--bb-ui-scale));pointer-events:none}#skill-panel{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;gap:calc(6px * var(--bb-ui-scale));padding:calc(10px * var(--bb-ui-scale)) calc(12px * var(--bb-ui-scale));background:#000000a6;border:calc(2px * var(--bb-ui-scale)) solid var(--secondary-color);border-radius:calc(14px * var(--bb-ui-scale));color:var(--text-color);pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none;max-width:min(360px,82vw)}#skill-panel.skill-layout-row{max-width:min(520px,92vw);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-items:start}#skill-panel.skill-layout-row #skill-panel-header,#skill-panel.skill-layout-row #skill-panel-toast{grid-column:1 / -1}#skill-panel.skill-layout-row .skill-slot-row{flex-direction:column;justify-content:center;gap:calc(6px * var(--bb-ui-scale))}#skill-panel.skill-layout-row .skill-slot-name{text-align:center;font-size:calc(.8rem * var(--bb-ui-scale));max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#skill-panel-header{font-size:calc(.75rem * var(--bb-ui-scale));letter-spacing:1px;color:#ffffffd9}.skill-slot-row{display:flex;align-items:center;gap:calc(10px * var(--bb-ui-scale));padding:calc(4px * var(--bb-ui-scale)) calc(6px * var(--bb-ui-scale));border-radius:calc(10px * var(--bb-ui-scale));cursor:pointer;transition:background .12s ease,transform .08s ease}.skill-slot-row.skill-slot-empty{opacity:.75}.skill-slot-row:active,.skill-slot-row.pressed{background:#ffffff14;transform:scale(.98)}.skill-slot-icon{width:calc(28px * var(--bb-ui-scale));height:calc(28px * var(--bb-ui-scale));border-radius:calc(8px * var(--bb-ui-scale));display:flex;align-items:center;justify-content:center;font-weight:700;border:calc(2px * var(--bb-ui-scale)) solid #555;color:#555;background:#ffffff0f;flex:0 0 auto;font-size:calc(.8rem * var(--bb-ui-scale))}.skill-slot-name{font-size:calc(.9rem * var(--bb-ui-scale));font-weight:600;color:var(--text-color)}#skill-panel-toast{font-size:calc(.75rem * var(--bb-ui-scale));color:#fffc;margin-top:2px}body.theme-minimal #skill-panel{background:#ffffffe6;color:#333}body.theme-minimal #skill-panel-toast{color:#555}@media(hover:none)and (pointer:coarse){#skill-panel{top:calc(90px * var(--bb-ui-scale));bottom:auto}}.powerup-timer{display:flex;align-items:center;gap:calc(10px * var(--bb-ui-scale));font-size:calc(.9rem * var(--bb-ui-scale));text-shadow:0 0 2px #000}body.theme-minimal .powerup-timer{text-shadow:none;color:#333}.timer-icon{width:calc(20px * var(--bb-ui-scale));height:calc(20px * var(--bb-ui-scale));border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:calc(.8rem * var(--bb-ui-scale));box-shadow:0 0 calc(5px * var(--bb-ui-scale)) currentColor;color:#fff;background:#00000080}body:after{content:"";position:absolute;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;pointer-events:none;z-index:10}body.theme-retro:after,body.theme-minimal:after{display:none}@media(max-width:768px){.screen{min-width:300px;width:90%;padding:20px 10px;max-height:85dvh;margin-top:10px}h1{font-size:2rem;margin-bottom:15px}button{padding:10px 20px;font-size:1.1rem;margin:8px}}@media(max-height:500px)and (orientation:landscape){.screen{padding:10px 40px;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:90%;min-width:auto}.screen h1,.screen h2{width:100%;margin-bottom:10px;font-size:2rem}.screen button{margin:5px 10px;padding:8px 16px;font-size:1rem}.info-content{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;font-size:.9rem;margin-bottom:10px}.info-content ul{margin-top:5px;gap:5px}.info-content p{font-size:.9rem;margin-bottom:5px}#start-screen{flex-direction:column}#hud{top:0;padding-top:calc(env(safe-area-inset-top) + (8px * var(--bb-ui-scale)));padding-bottom:calc(env(safe-area-inset-bottom) + (8px * var(--bb-ui-scale)));padding-left:calc(env(safe-area-inset-left) + (20px * var(--bb-ui-scale)));padding-right:calc(env(safe-area-inset-right) + (20px * var(--bb-ui-scale)));font-size:calc(.9rem * var(--bb-ui-scale))}#hud:before{content:"";position:absolute;top:0;left:0;right:0;height:calc(env(safe-area-inset-top) + (48px * var(--bb-ui-scale)));background:#00000080;border-bottom:1px solid var(--primary-color);pointer-events:none}#powerup-timers{top:calc(35px * var(--bb-ui-scale));left:0;flex-direction:row}#combo-display{top:calc(35px * var(--bb-ui-scale));right:calc(150px * var(--bb-ui-scale));font-size:calc(1.2rem * var(--bb-ui-scale))}}#mobile-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:center;align-items:center;z-index:100}#mobile-controls.touch-disabled{display:none!important}.controls-wrapper{position:relative;width:100%;height:100%;pointer-events:none}.controls-wrapper>*{pointer-events:auto}.pause-btn{top:5%;right:5%;width:calc(10% * var(--bb-ui-scale) * var(--bb-controls-scale));height:auto;aspect-ratio:1/1;font-size:calc(1.2rem * var(--bb-ui-scale) * var(--bb-controls-scale));border-color:var(--secondary-color);color:var(--secondary-color);box-shadow:0 0 5px var(--secondary-color);bottom:auto}.control-btn{pointer-events:auto;position:absolute;bottom:5%;width:calc(15% * var(--bb-ui-scale) * var(--bb-controls-scale));height:auto;aspect-ratio:1/1;background:#00000080;border:calc(4px * var(--bb-ui-scale) * var(--bb-controls-scale)) solid var(--success-color);border-radius:50%;color:var(--success-color);font-size:calc(5vmin * var(--bb-ui-scale) * var(--bb-controls-scale));font-weight:700;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .1s,background .1s,box-shadow .1s;z-index:100;animation:pulseBtn 2s infinite}body.theme-retro .control-btn{border-radius:0;border:calc(4px * var(--bb-ui-scale) * var(--bb-controls-scale)) solid #fff;background:#000;color:#fff;animation:none;box-shadow:none}body.theme-minimal .control-btn{background:#fff;border:calc(1px * var(--bb-ui-scale) * var(--bb-controls-scale)) solid #333;color:#333;animation:none;box-shadow:0 2px 5px #0000001a}@keyframes pulseBtn{0%{box-shadow:0 0 5px var(--success-color)}50%{box-shadow:0 0 15px var(--success-color)}to{box-shadow:0 0 5px var(--success-color)}}.control-btn:active,.control-btn.active{background:#00ff004d;transform:scale(.9);box-shadow:0 0 25px var(--success-color)}#btn-left{left:5%;bottom:5%}#btn-right{right:5%;bottom:5%}.skill-btn{bottom:25%;right:5%;width:calc(12% * var(--bb-ui-scale) * var(--bb-controls-scale));height:auto;aspect-ratio:1/1;border-color:#555;color:#555;font-size:calc(3vmin * var(--bb-ui-scale) * var(--bb-controls-scale));animation:none}.skill-btn:after{content:attr(data-slot);position:absolute;top:12%;left:14%;font-size:.7em;font-weight:700;color:#ffffffe6;text-shadow:0 0 6px rgba(0,0,0,.8);pointer-events:none}#btn-skill-2{bottom:37%;right:5%}#btn-skill-3{bottom:49%;right:5%}.skill-btn.active-skill{border-color:#fff;color:#fff;box-shadow:0 0 15px #fff}#red-line-visual{position:absolute;bottom:5px;left:0;width:100%;height:3px;background:var(--danger-color);box-shadow:0 -2px 10px var(--danger-color);pointer-events:none;z-index:50;opacity:.8}#leaderboard-screen{border:var(--border-width) solid #d400d4;box-shadow:0 0 30px #d400d4}body.theme-retro #leaderboard-screen{border:4px solid #fff;box-shadow:none}body.theme-minimal #leaderboard-screen{border:1px solid #333;box-shadow:0 0 10px #0000001a}#leaderboard-list li{font-family:Courier New,Courier,monospace;text-transform:uppercase;letter-spacing:1px}#leaderboard-list li:first-child{background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);border:1px solid var(--accent-color)}#player-name{text-transform:uppercase;letter-spacing:2px}body.ui-editing .draggable{border:2px dashed #ffff00!important;background:#ff03!important;cursor:grab;pointer-events:auto!important;z-index:10000!important;touch-action:none}body.ui-editing .draggable *{pointer-events:none!important}#ui-edit-overlay{pointer-events:auto}body.ui-editing .draggable:active{cursor:grabbing}#nameplate{position:absolute;top:calc(10px * var(--bb-ui-scale));left:50%;transform:translate(-50%);background:#000000b3;border:calc(2px * var(--bb-ui-scale)) solid var(--primary-color);padding:calc(5px * var(--bb-ui-scale)) calc(15px * var(--bb-ui-scale));border-radius:calc(20px * var(--bb-ui-scale));text-align:center;box-shadow:0 0 calc(10px * var(--bb-ui-scale)) var(--primary-color);pointer-events:auto}body.theme-retro #nameplate{border-radius:0;border:calc(2px * var(--bb-ui-scale)) solid #fff;background:#000;box-shadow:none}body.theme-minimal #nameplate{background:#fff;border:calc(1px * var(--bb-ui-scale)) solid #333;color:#333;box-shadow:none}#np-name{font-size:calc(1.2rem * var(--bb-ui-scale));color:#fff;font-weight:700}body.theme-minimal #np-name{color:#333}#np-stats{font-size:calc(.8rem * var(--bb-ui-scale));color:var(--accent-color)}body.theme-minimal #np-stats{color:#333}.controls-wrapper.has-gutters #btn-left{left:calc((-1 * var(--bb-gutter-left-px, 0px)) + max(env(safe-area-inset-left),12px))!important;bottom:calc(env(safe-area-inset-bottom) + 5%)!important;opacity:.9}.controls-wrapper.has-gutters #btn-right{right:calc((-1 * var(--bb-gutter-right-px, 0px)) + max(env(safe-area-inset-right),12px))!important;bottom:calc(env(safe-area-inset-bottom) + 5%)!important;opacity:.9}.controls-wrapper.has-gutters #btn-skill{right:calc((-1 * var(--bb-gutter-right-px, 0px)) + max(env(safe-area-inset-right),12px))!important;bottom:25%!important;opacity:.9}.controls-wrapper.has-gutters #btn-skill-2{right:calc((-1 * var(--bb-gutter-right-px, 0px)) + max(env(safe-area-inset-right),12px))!important;bottom:37%!important;opacity:.9}.controls-wrapper.has-gutters #btn-skill-3{right:calc((-1 * var(--bb-gutter-right-px, 0px)) + max(env(safe-area-inset-right),12px))!important;bottom:49%!important;opacity:.9}.controls-wrapper.has-gutters #btn-pause-mobile{left:calc((-1 * var(--bb-gutter-left-px, 0px)) + max(env(safe-area-inset-left),12px))!important;right:auto!important;top:calc(env(safe-area-inset-top) + 5%)!important;opacity:.9}@media(hover:none)and (pointer:coarse){#hud.has-wide-right-gutter #skill-panel{left:auto;right:calc((-1 * var(--bb-gutter-right-px, 0px)) + max(env(safe-area-inset-right),12px));top:50%;bottom:auto;transform:translateY(-50%);max-width:min(360px,calc(var(--bb-gutter-right-px, 0px) - 24px))}}#auth-modal{z-index:200;top:0;left:0;transform:none;width:100%;height:100%;max-height:none;min-width:0;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 20px);border:none;border-radius:0;box-shadow:none;background:#000000a6;background-image:none;justify-content:center;align-items:center;animation:none}.auth-box{width:300px;background:#000c;border:1px solid var(--primary-color);padding:20px;border-radius:10px;position:relative;box-shadow:0 0 20px #0ff3}body.theme-minimal .auth-box{background:#fff;color:#333;border:1px solid #ccc;box-shadow:0 5px 15px #0000001a}.auth-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid var(--primary-color)}.auth-message{display:none;margin:-5px 0 15px;padding:10px;border-radius:8px;border:1px solid var(--primary-color);background:#0000008c;font-size:.9rem;line-height:1.3;text-shadow:none}body.theme-minimal .auth-message{background:#eee;border:1px solid #ccc}.auth-message.success{border-color:var(--success-color)}.auth-message.error{border-color:var(--danger-color)}.auth-help{font-size:.85rem;line-height:1.3;color:#ffffffd9;text-shadow:none}body.theme-minimal .auth-help{color:#555}.auth-tabs button{flex:1;background:transparent;border:none;color:#555;font-size:1rem;padding:10px;margin:0;cursor:pointer;box-shadow:none;transition:color .3s}.auth-tabs button.active{color:var(--primary-color);border-bottom:3px solid var(--primary-color);text-shadow:0 0 5px var(--primary-color)}body.theme-minimal .auth-tabs button.active{text-shadow:none}.auth-tabs button:before{display:none}.auth-tabs button:hover{color:var(--text-color);transform:none;background:transparent;box-shadow:none}body.theme-minimal .auth-tabs button:hover{color:#333}.auth-form{display:none;flex-direction:column;gap:15px}.auth-form.active{display:flex}.auth-form input{background:#ffffff1a;border:1px solid var(--primary-color);padding:10px;color:#fff;font-family:var(--font-main);font-size:1rem;outline:none;text-align:center}body.theme-minimal .auth-form input{background:#eee;color:#333;border:1px solid #ccc}.auth-form input::placeholder{color:#aaa}.auth-form button{margin:10px 0 0;padding:10px;font-size:1.2rem}.auth-form .btn-secondary{background:transparent;border-color:var(--secondary-color);color:var(--secondary-color);box-shadow:none}body.theme-minimal .auth-form .btn-secondary{border-color:#666;color:#333}.close-btn{position:absolute;top:5px;right:5px;background:transparent;border:none;color:var(--danger-color);font-size:1.2rem;padding:5px;margin:0;width:30px;height:30px;line-height:1;box-shadow:none}.close-btn:hover{color:#fff;background:var(--danger-color);box-shadow:0 0 10px var(--danger-color);transform:scale(1.1)}.close-btn:before{display:none}#shop-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;pointer-events:auto;justify-content:center;align-items:center;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 20px);background:#000000a6;z-index:210}#shop-modal.active{display:flex}.shop-modal-box{width:340px;max-width:92vw;background:#000000d9;border:1px solid var(--primary-color);padding:20px;border-radius:10px;position:relative;box-shadow:0 0 20px #0ff3}body.theme-minimal .shop-modal-box{background:#fff;color:#333;border:1px solid #ccc;box-shadow:0 5px 15px #0000001a}.shop-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.shop-modal-title{font-size:1.3rem;color:var(--primary-color);text-transform:uppercase;text-shadow:none}body.theme-minimal .shop-modal-title{color:#333}.shop-modal-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.shop-modal-row label{flex:1;text-align:left;font-size:.9rem;color:#ffffffd9;text-shadow:none}body.theme-minimal .shop-modal-row label{color:#555}.shop-modal-row input{width:120px;background:#ffffff1a;border:1px solid var(--primary-color);padding:10px;color:#fff;font-family:var(--font-main);font-size:1rem;outline:none;text-align:center}body.theme-minimal .shop-modal-row input{background:#eee;color:#333;border:1px solid #ccc}.shop-modal-suggestions{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:10px}.shop-modal-suggestion{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-radius:8px;border:1px solid rgba(0,255,255,.35);background:#00ffff14;cursor:pointer;text-shadow:none;-webkit-user-select:none;user-select:none}body.theme-minimal .shop-modal-suggestion{border:1px solid #ccc;background:#f6f6f6}.shop-modal-suggestion.active{border-color:var(--success-color)}.shop-modal-suggestion-label{font-size:.95rem;color:var(--text-color)}body.theme-minimal .shop-modal-suggestion-label{color:#333}.shop-modal-suggestion-price{font-variant-numeric:tabular-nums;color:var(--accent-color)}.shop-modal-total{margin-top:10px;font-size:1.05rem;color:var(--accent-color);text-shadow:none}body.theme-minimal .shop-modal-total{color:#333}.shop-modal-actions{margin-top:10px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.shop-modal-actions button{margin:0;font-size:1.1rem;padding:10px 18px}.hidden{display:none!important}body.ui-editing #nameplate.hidden{display:block!important}