:root{--bg-color:#050510;--text-color:#fff;--primary-color:#0ff;--secondary-color:#f0f;--accent-color:gold;--danger-color:red;--success-color:#0f0;--panel-bg:#0d0d1af2;--canvas-bg:#1a1a2e;--font-main:"Orbitron", sans-serif;--font-mono:"Courier New", monospace;--shadow-glow:0 0 20px #0ff3;--border-width:2px;--air-table-base:#070c16;--air-table-base-dark:#04070d;--air-table-surface:#0c1b2b;--air-table-surface-dark:#07101a;--air-table-line:#ffffff4d;--air-table-highlight:#00f5ff29;--air-table-goal:#04060b;--air-table-goal-glow:#ffd15abf;--air-table-rail-glow:#1ef7ff59;--bb-ui-scale:1;--bb-controls-scale:1;--air-desktop-arena-aspect:.82;--air-arena-vertical-ui-space:clamp(196px, 25dvh, 228px)}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;--air-table-base:#000;--air-table-base-dark:#000;--air-table-surface:#111;--air-table-surface-dark:#000;--air-table-line:#ffffff59;--air-table-highlight:#fff3;--air-table-goal:#000;--air-table-goal-glow:#ffffff4d;--air-table-rail-glow:#ffffff2e}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 #0000001a;--border-width:1px;--air-table-base:#d7dde3;--air-table-base-dark:#b9c2cc;--air-table-surface:#eff3f7;--air-table-surface-dark:#dde5ed;--air-table-line:#0003;--air-table-highlight:#ffffffb3;--air-table-goal:#c6cdd6;--air-table-goal-glow:#5a5a5a4d;--air-table-rail-glow:#00000014}body{background-color:var(--bg-color);height:100dvh;color:var(--text-color);font-family:var(--font-main);touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:0;transition:background-color .3s,color .3s;display:flex;overflow:hidden}body.ui-mode{touch-action:pan-y}#app{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative}canvas{background-color:var(--canvas-bg);box-shadow:var(--shadow-glow), 0 0 40px #00ffff1a;width:min(calc(100vw - 16px), calc((100dvh - var(--air-arena-vertical-ui-space)) * var(--air-desktop-arena-aspect)), 1440px);height:min(calc((100vw - 16px) / var(--air-desktop-arena-aspect)), calc(100dvh - var(--air-arena-vertical-ui-space)), calc(1440px / var(--air-desktop-arena-aspect)));max-width:100%;max-height:calc(100dvh - var(--air-arena-vertical-ui-space));aspect-ratio:var(--air-desktop-arena-aspect);border:var(--border-width) solid var(--primary-color);box-sizing:border-box;transition:all .3s}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{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.screen{background:var(--panel-bg);border:var(--border-width) solid var(--primary-color);box-sizing:border-box;pointer-events:auto;text-align:center;z-index:150;-webkit-overflow-scrolling:touch;touch-action:pan-y;background-image:linear-gradient(#00ffff0d 1px,#0000 1px),linear-gradient(90deg,#00ffff0d 1px,#0000 1px);background-size:50px 50px;border-radius:15px;flex-direction:column;align-items:center;min-width:400px;max-height:90vh;padding:60px;animation:4s infinite pulseBorder;display:none;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 30px #0ff3}body.theme-retro .screen{box-shadow:none;background-image:none;border-radius:0;animation:none}body.theme-minimal .screen{box-shadow:var(--shadow-glow);background-image:none;animation:none}.screen::-webkit-scrollbar{width:8px}.screen::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.screen::-webkit-scrollbar-track{background:0 0}.screen.active{display:flex}h1{color:var(--primary-color);text-transform:uppercase;letter-spacing:4px;margin-bottom:30px;font-size:3.5rem;line-height:1.1;animation:2s infinite textGlow}body.theme-retro h1,body.theme-minimal h1{text-shadow:none;animation:none}h2{color:var(--secondary-color);text-shadow:0 0 15px var(--secondary-color);border-bottom:2px solid var(--secondary-color);width:100%;margin-bottom:20px;padding-bottom:10px;font-size:2.5rem}body.theme-retro h2,body.theme-minimal h2{text-shadow:none}button{border:var(--border-width) solid var(--primary-color);color:var(--primary-color);font-family:var(--font-main);cursor:pointer;text-shadow:0 0 5px var(--primary-color);background:#00ffff1a;flex-shrink:0;margin:10px;padding:12px 30px;font-size:1.5rem;transition:all .3s;position:relative;overflow:hidden}body.theme-retro button{text-shadow:none;background:#000;border-radius:0}body.theme-minimal button{text-shadow:none;background:#fff;box-shadow:0 2px 5px #0000001a}button:before{content:"";background:linear-gradient(90deg,#0000,#0ff6,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}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)}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}body.theme-minimal button:hover{color:#fff;box-shadow:none}h3{color:var(--text-color);border-left:4px solid var(--primary-color);margin-top:20px;padding-left:10px}ul{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;padding:0;list-style:none;display:grid}li{text-shadow:0 0 5px;background:#ffffff0d;border-radius:5px;margin:5px 0;padding:5px 10px;font-size:1.1rem;font-weight:700}body.theme-minimal li{text-shadow:none;background:#eee}body.theme-retro li{text-shadow:none}body:after{content:"";pointer-events:none;z-index:10;background:linear-gradient(#fff0,#fff0 50%,#0000001a 50%,#0000001a) 0 0/100% 4px;width:100vw;height:100vh;position:absolute;top:0;left:0}body.theme-retro:after,body.theme-minimal:after{display:none}@media (width<=768px){:root{--bb-ui-scale:.85;--bb-controls-scale:.9}canvas{aspect-ratio:auto;width:100%;max-width:100%;height:100%;max-height:100%}.screen{width:90%;min-width:300px;max-height:85dvh;margin-top:10px;padding:20px 10px}h1{margin-bottom:15px;font-size:2rem}button{margin:8px;padding:10px 20px;font-size:1.1rem}}@media (width<=768px) and (orientation:portrait){canvas{width:min(92vw, calc((100dvh - var(--air-arena-vertical-ui-space)) * 9 / 16));height:min(calc(92vw * 16 / 9), calc(100dvh - var(--air-arena-vertical-ui-space)));max-width:92vw;max-height:calc(100dvh - var(--air-arena-vertical-ui-space));aspect-ratio:9/16}}@media (hover:none) and (pointer:coarse) and (orientation:landscape){:root{--air-arena-vertical-ui-space:72px}canvas{width:min(calc(100vw - 208px), calc((100dvh - 72px) * var(--air-desktop-arena-aspect)));height:min(calc((100vw - 208px) / var(--air-desktop-arena-aspect)), calc(100dvh - 72px));max-width:calc(100vw - 208px);max-height:calc(100dvh - 72px);aspect-ratio:var(--air-desktop-arena-aspect)}}@media (height<=500px) and (orientation:landscape){.screen{gap:12px;width:min(96vw,1040px);min-width:0;max-height:calc(100dvh - 12px);padding:16px 20px}.screen h1,.screen h2{width:100%;margin-bottom:10px;font-size:2rem}.screen button{margin:5px 10px;padding:8px 16px;font-size:1rem}}.close-btn{color:var(--danger-color);width:30px;height:30px;box-shadow:none;background:0 0;border:none;margin:0;padding:5px;font-size:1.2rem;line-height:1;position:absolute;top:5px;right:5px}.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}#bb-toast-container{top:calc(env(safe-area-inset-top) + 16px);z-index:500;pointer-events:none;flex-direction:column;gap:10px;max-width:min(92vw,420px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.bb-toast{pointer-events:auto;color:#fff;text-shadow:none;opacity:0;background:#000000c7;border:1px solid #00ffff73;border-radius:12px;padding:10px 14px;font-size:.95rem;line-height:1.25;transition:opacity .16s,transform .16s;transform:translateY(-8px);box-shadow:0 10px 24px #00000059}.bb-toast.show{opacity:1;transform:translateY(0)}.bb-toast-info{border-color:#00ffff8c}.bb-toast-success{border-color:#0f09}.bb-toast-error{border-color:#f009}body.theme-retro .bb-toast{box-shadow:none;border-radius:0}body.theme-minimal .bb-toast{color:#333;background:#fff;border-color:#ccc;box-shadow:0 5px 15px #0000001a}body.theme-minimal .bb-toast-error{border-color:#d33}body.theme-minimal .bb-toast-success{border-color:#2a8a2a}.hidden{display:none!important}.menu-screen{width:min(1080px,100vw - 24px);min-width:0;max-height:calc(100dvh - 16px);top:calc(env(safe-area-inset-top) + 8px);align-items:stretch;padding:clamp(18px,3vw,34px);transform:translate(-50%)}.hero-layout{grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr);gap:clamp(14px,2.4vw,24px);width:100%;display:grid}.hero-stage,.menu-side-panel,.summary-screen{text-align:left}.hero-stage{flex-direction:column;gap:clamp(10px,1.5vw,14px);display:flex}.menu-eyebrow{color:var(--accent-color);letter-spacing:.24em;text-transform:uppercase;margin:0;font-size:.72rem}.menu-screen h1{text-align:left;margin:0;font-size:clamp(2.35rem,5.6vw,4.7rem)}.menu-lead,.menu-card-copy,.menu-card-note,.summary-lead{color:#fffc;text-shadow:none;margin:0;font-size:clamp(.86rem,1.3vw,.96rem);line-height:1.42}.menu-highlight-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.menu-highlight,.menu-profile-card{background:linear-gradient(#0b1422e0,#050b14d1);border:1px solid #00ffff42;border-radius:8px;box-shadow:inset 0 1px #ffffff0d,0 18px 36px #00000038}body.global-theme-prism .menu-highlight,body.global-theme-prism .menu-profile-card{border-color:color-mix(in srgb, var(--secondary-color) 42%, transparent);background:linear-gradient(160deg,#09132deb,#1d092cdb)}body.global-theme-solar .menu-highlight,body.global-theme-solar .menu-profile-card{border-color:color-mix(in srgb, var(--accent-color) 42%, transparent);background:linear-gradient(160deg,#231309eb,#081820d6)}.menu-highlight{padding:10px 12px}.menu-highlight span,.menu-card-kicker,.menu-action-label{color:var(--accent-color);letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;font-size:.66rem;display:block}.menu-highlight strong,.menu-stat-row strong{font-size:.86rem;line-height:1.28;display:block}.menu-action-stack{flex-direction:column;gap:10px;display:flex}.invite-chip-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.invite-chip{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:10px 12px}.invite-chip span{color:#fff9;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:.68rem;display:block}.invite-chip strong{font-size:.82rem;line-height:1.28;display:block}.menu-action-group{flex-direction:column;gap:8px;display:flex}.menu-button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.menu-button-grid-primary button:first-child{grid-column:span 2}.menu-side-panel{display:flex}.menu-profile-card{flex-direction:column;gap:10px;width:100%;padding:18px;display:flex}.menu-profile-card h2{color:var(--secondary-color);border:none;width:auto;margin:0;padding:0;font-size:clamp(1.35rem,2vw,1.75rem)}.menu-stat-row{text-shadow:none;border-top:1px solid #ffffff14;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.menu-stat-row span{color:#ffffff9e}.menu-button-column{flex-direction:column;gap:8px;display:flex}.menu-screen button{min-height:42px;margin:0;padding:10px 14px;font-size:clamp(.86rem,1.35vw,1.05rem);line-height:1.15}.menu-button-grid-primary button{font-size:clamp(.98rem,1.6vw,1.18rem)}.summary-screen{width:min(520px,100vw - 32px);min-width:0}.room-code-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(420px,100%);display:grid}.waiting-room-code{color:var(--accent-color);font-size:2rem}.room-code-actions button{margin:0}.multiplayer-reconnect-overlay{z-index:120;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:all;background:#02070ed1;place-items:center;display:grid;position:fixed;inset:0}.multiplayer-reconnect-overlay[hidden]{display:none}.multiplayer-reconnect-card{border:1px solid color-mix(in srgb, var(--accent-color) 58%, transparent);text-align:center;background:linear-gradient(#091626f7,#030a12fa);border-radius:12px;justify-items:center;gap:12px;width:min(440px,100%);padding:clamp(24px,6vw,42px);display:grid;box-shadow:0 30px 90px #0000008c,inset 0 1px #ffffff14}.multiplayer-reconnect-card strong{color:var(--accent-color);letter-spacing:.18em}.multiplayer-reconnect-card p{color:#ffffffc7;margin:0;line-height:1.45}.multiplayer-reconnect-pulse{border:3px solid color-mix(in srgb, var(--accent-color) 28%, transparent);border-top-color:var(--accent-color);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite multiplayer-reconnect-spin}@keyframes multiplayer-reconnect-spin{to{transform:rotate(360deg)}}body.theme-minimal .multiplayer-reconnect-overlay{background:#f2f4f8e6}body.theme-minimal .multiplayer-reconnect-card{color:#181c24;background:#fff;border-color:#aeb7c5;box-shadow:0 24px 70px #1b222d33}body.theme-minimal .multiplayer-reconnect-card p{color:#4d5664}@media (prefers-reduced-motion:reduce){.multiplayer-reconnect-pulse{animation-duration:1.8s}}body.theme-minimal .menu-lead,body.theme-minimal .menu-card-copy,body.theme-minimal .menu-card-note,body.theme-minimal .summary-lead,body.theme-minimal .menu-stat-row span{color:#555}body.theme-minimal .menu-highlight,body.theme-minimal .menu-profile-card{box-shadow:none;background:#f6f7fa;border-color:#d8dce3}body.theme-minimal .invite-chip{background:#fff;border-color:#d8dce3}body.theme-minimal .invite-chip span{color:#666}body.theme-retro .menu-highlight,body.theme-retro .menu-profile-card{box-shadow:none;background:#000000eb;border-radius:0}body.theme-retro .invite-chip{background:#000000eb;border-radius:0}@media (width<=768px){.menu-screen{width:calc(100vw - 16px);max-height:calc(100dvh - 12px);padding:14px 12px}.hero-layout{gap:12px}.hero-stage{gap:9px}.hero-layout,.menu-button-grid,.room-code-actions{grid-template-columns:1fr}.menu-highlight-row,.invite-chip-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.invite-chip-row{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-button-grid-primary button:first-child{grid-column:span 1}.menu-eyebrow{letter-spacing:.16em;font-size:.58rem}.menu-lead{font-size:.78rem;line-height:1.35}.menu-highlight{border-radius:8px;padding:7px 6px}.menu-highlight span,.menu-card-kicker,.menu-action-label{letter-spacing:.12em;margin-bottom:4px;font-size:.56rem}.menu-highlight strong{font-size:.66rem;line-height:1.2}.menu-action-stack{gap:8px}.menu-action-group,.menu-button-grid,.menu-button-column{gap:6px}.menu-profile-card .menu-button-column{order:1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.menu-profile-card{border-radius:8px;gap:8px;padding:12px}.menu-profile-card .menu-card-kicker,.menu-profile-card h2,.menu-profile-card .menu-card-copy{order:0}.menu-profile-card .invite-chip-row,.menu-profile-card .menu-stat-row,.menu-profile-card .menu-card-note{order:2}.menu-profile-card h2{font-size:1.25rem}.menu-card-copy,.menu-card-note,.invite-chip strong,.menu-stat-row{font-size:.72rem;line-height:1.25}.invite-chip{border-radius:12px;padding:8px}.invite-chip span{letter-spacing:.1em;font-size:.54rem}.menu-stat-row{padding:6px 0}.menu-screen h1{font-size:clamp(1.65rem,9vw,2.35rem)}.menu-screen button{min-height:44px;padding:8px 10px;font-size:.78rem}.menu-profile-card .menu-button-column button{padding-inline:6px;font-size:.66rem}}@media (height<=500px) and (orientation:landscape){#start-screen{flex-direction:column}}#info-screen .powerup-list{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;width:100%;margin:12px 0 20px;font-size:.95rem;display:grid}#info-screen .powerup-list .p-item{text-shadow:none;background:#ffffff0d;border:1px solid #0ff3;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}body.theme-retro #info-screen .powerup-list .p-item{background:0 0;border:1px solid #fff;border-radius:0}body.theme-minimal #info-screen .powerup-list .p-item{background:#f6f6f6;border-color:#ddd}#info-screen .p-icon{width:24px;height:24px;color:var(--powerup-color,#fff);border:1px solid;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}#info-screen .p-icon img{object-fit:contain;width:70%;height:70%;display:block}#info-screen .p-icon.has-image{text-shadow:none;font-size:0}#leaderboard-screen{border:var(--border-width) solid #d400d4;box-shadow:0 0 30px #d400d4}body.theme-retro #leaderboard-screen{box-shadow:none;border:4px solid #fff}body.theme-minimal #leaderboard-screen{border:1px solid #333;box-shadow:0 0 10px #0000001a}#leaderboard-list li{text-transform:uppercase;letter-spacing:1px;font-family:Courier New,Courier,monospace}#leaderboard-list li:first-child{border:1px solid var(--accent-color);background:linear-gradient(90deg,#0000,#ffd70033,#0000)}#ui-settings-panel{align-items:stretch;gap:8px;width:min(760px,100vw - 32px);min-width:0;max-height:calc(100dvh - 24px);padding-inline:clamp(20px,3vw,32px)}#ui-settings-panel>button{align-self:center;width:min(100%,420px)}.ui-settings-note{color:#fffc;max-width:420px;text-shadow:none;margin:0 0 15px;font-size:.9rem;line-height:1.4}body.theme-minimal .ui-settings-note{color:#666}.setting-row{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:420px;margin:10px 0;font-size:1rem;display:flex}.setting-row>*{min-width:0}.setting-row label{text-align:left;flex:1}.setting-row select{border:var(--border-width) solid var(--primary-color);max-width:220px;color:var(--text-color);font-family:var(--font-main);background:#0006;border-radius:8px;flex:1;padding:10px}.setting-row input[type=range]{flex:1;max-width:220px}.setting-group{width:100%}#ui-settings-panel .setting-group{flex-direction:column;align-items:stretch;gap:4px;display:flex}.bind-btn{flex:1;max-width:220px;padding:10px;font-size:1rem}.bind-btn.is-listening{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 15px #ffd70073}#ui-scale-value{text-align:right;font-variant-numeric:tabular-nums;color:#ffffffd9;width:60px}body.theme-minimal #ui-scale-value{color:#333}body.theme-minimal .setting-row select{color:#333;background:#fff}.toggle-btn{min-width:90px}@media (width<=768px){#ui-settings-panel{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:calc(env(safe-area-inset-top) + 16px) 14px calc(env(safe-area-inset-bottom) + 16px);gap:10px}#ui-settings-panel .setting-row{max-width:none;margin:6px 0}}@media (width<=768px) and (orientation:portrait){#ui-settings-panel .setting-row{flex-direction:column;align-items:stretch;gap:8px}#ui-settings-panel .setting-row label,#ui-settings-panel .setting-row select,#ui-settings-panel .setting-row input[type=range],#ui-settings-panel .setting-row .bind-btn,#ui-settings-panel .setting-row .toggle-btn,#ui-settings-panel .setting-row button{width:100%;max-width:none}#ui-settings-panel>button,#ui-settings-panel .setting-row button{margin-left:0;margin-right:0}#ui-scale-value,#controls-scale-value,#gamepad-deadzone-value{text-align:left;width:100%}}@media (height<=500px) and (orientation:landscape){#ui-settings-panel{width:min(96vw,960px);padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 12px)}#ui-settings-panel .setting-row{max-width:none}}.shop-balance{color:var(--text-color);text-shadow:none;margin:10px 0 18px;font-size:1rem}.shop-message{color:#ffffffbf;min-height:1.2em;text-shadow:none;margin:-6px 0 16px;font-size:.9rem}.shop-message.is-info{color:#ffffffbf}.shop-message.is-success{color:#7cff8a}.shop-message.is-error{color:#ff6b6b}body.theme-minimal .shop-message{color:#555}body.theme-minimal .shop-message.is-success{color:#2a8a2a}body.theme-minimal .shop-message.is-error{color:#d33}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:640px;margin:12px 0;display:grid}.shop-item{border:var(--border-width) solid #00ffff4d;background:#00000059;border-radius:12px;flex-direction:column;align-items:center;padding:12px;display:flex;box-shadow:0 0 18px #00ffff14}body.theme-retro .shop-item{box-shadow:none;background:#00000040}body.theme-minimal .shop-item{box-shadow:none;background:#f6f6f6;border-color:#ddd}.shop-item .icon{background:#00000040;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:6px;font-size:1.6rem;line-height:1;display:flex}body.theme-minimal .shop-item .icon{background:#fff;border-color:#ddd}.shop-item .icon img{object-fit:contain;width:70%;height:70%;display:block}.shop-item .icon.has-image{text-shadow:none;font-size:0}.shop-item .name{font-size:.95rem;font-weight:700}.shop-item .desc{color:#ffffffbf;text-shadow:none;margin-top:6px;font-size:.82rem}body.theme-minimal .shop-item .desc{color:#555}.shop-item button.btn-buy{width:100%;margin-top:10px;padding:10px}.shop-item button.btn-buy.insufficient{color:#ffffffd9;opacity:.75;border-color:#ff000073}body.theme-minimal .shop-item button.btn-buy.insufficient{color:#333;border-color:#d33}@media (width<=600px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.shop-grid{grid-template-columns:1fr}}#shop-modal{pointer-events:auto;width:100%;height:100%;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 20px);z-index:210;background:#000000a6;justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}#shop-modal.active{display:flex}.shop-modal-box{border:1px solid var(--primary-color);background:#000000d9;border-radius:10px;width:340px;max-width:92vw;padding:20px;position:relative;box-shadow:0 0 20px #0ff3}body.theme-minimal .shop-modal-box{color:#333;background:#fff;border:1px solid #ccc;box-shadow:0 5px 15px #0000001a}.shop-modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.shop-modal-title{color:var(--primary-color);text-transform:uppercase;text-shadow:none;font-size:1.3rem}body.theme-minimal .shop-modal-title{color:#333}.shop-modal-row{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;display:flex}.shop-modal-row label{text-align:left;color:#ffffffd9;text-shadow:none;flex:1;font-size:.9rem}body.theme-minimal .shop-modal-row label{color:#555}.shop-modal-row input{border:1px solid var(--primary-color);color:#fff;width:120px;font-family:var(--font-main);text-align:center;background:#ffffff1a;outline:none;padding:10px;font-size:1rem}body.theme-minimal .shop-modal-row input{color:#333;background:#eee;border:1px solid #ccc}.shop-modal-suggestions{-webkit-overflow-scrolling:touch;flex-direction:column;gap:10px;max-height:200px;margin-top:10px;display:flex;overflow-y:auto}.shop-modal-suggestion{cursor:pointer;text-shadow:none;-webkit-user-select:none;user-select:none;background:#00ffff14;border:1px solid #00ffff59;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}body.theme-minimal .shop-modal-suggestion{background:#f6f6f6;border:1px solid #ccc}.shop-modal-suggestion.active{border-color:var(--success-color)}.shop-modal-suggestion:focus{outline:2px solid var(--primary-color);outline-offset:2px}.shop-modal-suggestion-label{color:var(--text-color);font-size:.95rem}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{color:var(--accent-color);text-shadow:none;margin-top:10px;font-size:1.05rem}body.theme-minimal .shop-modal-total{color:#333}.shop-modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.shop-modal-actions button{margin:0;padding:10px 18px;font-size:1.1rem}.auth-session-action{display:none}#auth-modal{z-index:200;width:100%;min-width:0;height:100%;max-height:none;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 20px);box-shadow:none;background:#000000a6;border:none;border-radius:0;justify-content:center;align-items:center;animation:none;top:0;left:0;transform:none}.auth-box{border:1px solid var(--primary-color);background:#000c;border-radius:10px;width:300px;padding:20px;position:relative;box-shadow:0 0 20px #0ff3}body.theme-minimal .auth-box{color:#333;background:#fff;border:1px solid #ccc;box-shadow:0 5px 15px #0000001a}.auth-tabs{border-bottom:1px solid var(--primary-color);margin-bottom:20px;display:flex}.auth-message{border:1px solid var(--primary-color);text-shadow:none;background:#0000008c;border-radius:8px;margin:-5px 0 15px;padding:10px;font-size:.9rem;line-height:1.3;display: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{color:#ffffffd9;text-shadow:none;font-size:.85rem;line-height:1.3}.auth-help-spaced{margin-top:10px}body.theme-minimal .auth-help{color:#555}.auth-tabs button{color:#555;cursor:pointer;box-shadow:none;background:0 0;border:none;flex:1;margin:0;padding:10px;font-size:1rem;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);box-shadow:none;background:0 0;transform:none}body.theme-minimal .auth-tabs button:hover{color:#333}.auth-form{flex-direction:column;gap:15px;display:none}.auth-form.active{display:flex}.auth-form input{border:1px solid var(--primary-color);color:#fff;font-family:var(--font-main);text-align:center;background:#ffffff1a;outline:none;padding:10px;font-size:1rem}body.theme-minimal .auth-form input{color:#333;background:#eee;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{border-color:var(--secondary-color);color:var(--secondary-color);box-shadow:none;background:0 0}body.theme-minimal .auth-form .btn-secondary{color:#333;border-color:#666}#hud{width:100%;height:100%;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;justify-content:space-between;align-items:flex-start;gap:calc(20px * var(--bb-ui-scale));display:flex;position:absolute;top:0;left:0}body.theme-retro #hud,body.theme-minimal #hud{text-shadow:none}#hud-topbar{top:calc(env(safe-area-inset-top) + (8px * var(--bb-ui-scale)));align-items:center;gap:calc(12px * var(--bb-ui-scale));padding:calc(6px * var(--bb-ui-scale)) calc(14px * var(--bb-ui-scale));border:calc(2px * var(--bb-ui-scale)) solid var(--primary-color);border-radius:calc(16px * var(--bb-ui-scale));box-shadow:0 0 calc(8px * var(--bb-ui-scale)) var(--primary-color);pointer-events:none;background:#0000008c;grid-template-columns:auto minmax(0,1fr) auto;width:min(560px,100% - 24px);display:grid;position:absolute;left:50%;transform:translate(-50%)}#hud-topbar .player-score,#hud .player-score{font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;min-width:0;font-weight:700}#hud-topbar #p1-score{text-align:left}#hud-topbar #p2-score{text-align:right}#hud-topbar #status-msg{text-align:center}body.theme-retro #hud-topbar{border:calc(2px * var(--bb-ui-scale)) solid #fff;box-shadow:none;background:#000;border-radius:0}body.theme-minimal #hud-topbar{color:#333;border:calc(1px * var(--bb-ui-scale)) solid #333;box-shadow:none;background:#fff}body.theme-minimal #hud-topbar #status-msg{color:#333}#status-msg{text-overflow:ellipsis;letter-spacing:.18em;text-transform:uppercase;min-width:0;color:var(--accent-color);text-shadow:0 0 10px var(--accent-color);white-space:nowrap;font-weight:600;overflow:hidden}body.theme-retro #status-msg,body.theme-minimal #status-msg{text-shadow:none}#combo-display{top:calc(60px * var(--bb-ui-scale));font-size:calc(clamp(1.05rem, 3.8vw, 1.5rem) * var(--bb-ui-scale));color:var(--accent-color);text-shadow:0 0 10px var(--accent-color);padding:calc(8px * var(--bb-ui-scale)) calc(12px * var(--bb-ui-scale));border:calc(2px * var(--bb-ui-scale)) solid var(--accent-color);border-radius:calc(12px * var(--bb-ui-scale));background:#0000008c;font-weight:700;animation:.5s infinite alternate pulseCombo;display:none;position:absolute;right:0}#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{background:linear-gradient(90deg,gold,#ff8c00,red);border-radius:999px;width:0%;height:100%;transition:width 80ms linear}body.theme-retro #combo-display,body.theme-minimal #combo-display{text-shadow:none;animation:none}@keyframes pulseCombo{0%{transform:scale(1)}to{transform:scale(1.1)}}#powerup-timers{top:calc(40px * var(--bb-ui-scale));gap:calc(5px * var(--bb-ui-scale));pointer-events:none;flex-direction:column;display:flex;position:absolute;left:0}#skill-panel{left:calc(12px * var(--bb-ui-scale));bottom:calc(12px * var(--bb-ui-scale));gap:calc(6px * var(--bb-ui-scale));padding:calc(10px * var(--bb-ui-scale)) calc(12px * var(--bb-ui-scale));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;-webkit-user-select:none;user-select:none;touch-action:none;background:#000000a6;flex-direction:column;max-width:min(360px,82vw);display:flex;position:absolute}#skill-panel.skill-layout-row{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-items:start;max-width:min(520px,92vw);display:grid}#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{justify-content:center;gap:calc(6px * var(--bb-ui-scale));flex-direction:column}#skill-panel.skill-layout-row .skill-slot-name{text-align:center;font-size:calc(.8rem * var(--bb-ui-scale));white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}#skill-panel-header{font-size:calc(.75rem * var(--bb-ui-scale));letter-spacing:1px;color:inherit}.skill-slot-row{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,transform 80ms;display:flex}.skill-slot-row.skill-slot-empty{opacity:.75}.skill-slot-row.skill-slot-cooldown{opacity:.65}.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));border:calc(2px * var(--bb-ui-scale)) solid #555;color:#555;font-weight:700;font-size:calc(.8rem * var(--bb-ui-scale));background:#ffffff0f;flex:none;justify-content:center;align-items:center;display:flex}.skill-slot-name{font-size:calc(.9rem * var(--bb-ui-scale));color:var(--text-color);font-weight:600}#skill-panel-toast{font-size:calc(.75rem * var(--bb-ui-scale));color:#fffc;margin-top:2px}body.theme-minimal #skill-panel{color:#333;background:#ffffffe6}body.theme-minimal #skill-panel-toast{color:#555}@media (hover:none) and (pointer:coarse){#skill-panel{top:auto;bottom:calc(env(safe-area-inset-bottom) + (12px * var(--bb-ui-scale)))}}.powerup-timer{--powerup-color:#fff;align-items:center;gap:calc(10px * var(--bb-ui-scale));font-size:calc(.9rem * var(--bb-ui-scale));text-shadow:0 0 2px #000;color:var(--powerup-color,#fff);display:flex}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));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;border-radius:50%;justify-content:center;align-items:center;display:flex}.powerup-timer .timer-icon{color:var(--powerup-color,#fff)}body:is(.global-theme-retro,.global-theme-minimal) :is(.skill-slot-icon,.timer-icon,.skill-btn) img{filter:grayscale()}.skill-slot-icon img,.timer-icon img,.skill-btn img{object-fit:contain;width:70%;height:70%;display:block}.skill-slot-icon.has-image,.timer-icon.has-image,.skill-btn .has-image{text-shadow:none;font-size:0}.skill-btn span{justify-content:center;align-items:center;width:65%;height:65%;display:flex}#mobile-controls{pointer-events:none;z-index:100;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}@media (hover:hover),(pointer:fine){body:not(.ui-editing) #mobile-controls{display:none!important}}#mobile-controls.touch-disabled{display:none!important}.controls-wrapper{pointer-events:none;width:100%;height:100%;position:relative}.controls-wrapper>*{pointer-events:auto}.pause-btn{width:calc(10% * var(--bb-ui-scale) * var(--bb-controls-scale));aspect-ratio:1;height:auto;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);top:5%;bottom:auto;right:5%}.control-btn{pointer-events:auto;width:calc(15% * var(--bb-ui-scale) * var(--bb-controls-scale));aspect-ratio:1;border:calc(4px * var(--bb-ui-scale) * var(--bb-controls-scale)) solid var(--success-color);height:auto;color:var(--success-color);font-size:calc(5vmin * var(--bb-ui-scale) * var(--bb-controls-scale));-webkit-user-select:none;user-select:none;touch-action:none;z-index:100;background:#00000080;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:transform .1s,background .1s,box-shadow .1s;animation:2s infinite pulseBtn;display:flex;position:absolute;bottom:5%;overflow:visible}.control-btn:before{content:none}#btn-pause-mobile{bottom:auto}body.theme-retro .control-btn{border:calc(4px * var(--bb-ui-scale) * var(--bb-controls-scale)) solid #fff;color:#fff;box-shadow:none;background:#000;border-radius:0;animation:none}body.theme-minimal .control-btn{border:calc(1px * var(--bb-ui-scale) * var(--bb-controls-scale)) solid #333;color:#333;background:#fff;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{box-shadow:0 0 25px var(--success-color);background:#00ff004d;transform:scale(.9)}#btn-left{bottom:5%;left:5%}#btn-right{bottom:5%;right:5%}.skill-btn{width:calc(12% * var(--bb-ui-scale) * var(--bb-controls-scale));aspect-ratio:1;color:#555;height:auto;font-size:calc(3vmin * var(--bb-ui-scale) * var(--bb-controls-scale));border-color:#555;animation:none;bottom:25%;right:5%}.skill-btn:after{content:attr(data-slot);color:#ffffffe6;text-shadow:0 0 6px #000c;pointer-events:none;font-size:.7em;font-weight:700;position:absolute;top:12%;left:14%}#btn-skill-2{bottom:37%;right:5%}#btn-skill-3{bottom:49%;right:5%}.skill-btn.active-skill{color:#fff;border-color:#fff;box-shadow:0 0 15px #fff}.skill-btn.cooldown,.skill-btn:disabled{opacity:.45;box-shadow:none;animation:none}#red-line-visual{background:var(--danger-color);width:100%;height:3px;box-shadow:0 -2px 10px var(--danger-color);pointer-events:none;z-index:50;opacity:.8;position:absolute;bottom:5px;left:0}body.ui-editing .draggable{cursor:grab;touch-action:none;pointer-events:auto!important;z-index:10000!important;background:#ff03!important;border:2px dashed #ff0!important}body.ui-editing .draggable *{pointer-events:none!important}.ui-edit-toolbar{z-index:9999;pointer-events:auto;display:none;position:fixed;top:10px;left:50%;transform:translate(-50%)}.ui-edit-toolbar .layout-save-button,.ui-edit-toolbar .layout-save-button:hover{color:#000;background:#0f0}body.ui-editing .draggable:active{cursor:grabbing}#nameplate{top:calc(10px * var(--bb-ui-scale));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;background:#000000b3;position:absolute;left:50%;transform:translate(-50%)}body.theme-retro #nameplate{border:calc(2px * var(--bb-ui-scale)) solid #fff;box-shadow:none;background:#000;border-radius:0}body.theme-minimal #nameplate{border:calc(1px * var(--bb-ui-scale)) solid #333;color:#333;box-shadow:none;background:#fff}#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}body.ui-editing #nameplate.hidden{display:block!important}.controls-wrapper.has-gutters #btn-left{opacity:.9;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}.controls-wrapper.has-gutters #btn-right{opacity:.9;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}.controls-wrapper.has-gutters #btn-skill{opacity:.9;right:calc((-1 * var(--bb-gutter-right-px,0px)) + max(env(safe-area-inset-right), 12px))!important;bottom:25%!important}.controls-wrapper.has-gutters #btn-skill-2{opacity:.9;right:calc((-1 * var(--bb-gutter-right-px,0px)) + max(env(safe-area-inset-right), 12px))!important;bottom:37%!important}.controls-wrapper.has-gutters #btn-skill-3{opacity:.9;right:calc((-1 * var(--bb-gutter-right-px,0px)) + max(env(safe-area-inset-right), 12px))!important;bottom:49%!important}.controls-wrapper.has-gutters #btn-pause-mobile{opacity:.9;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}.controls-wrapper.has-vertical-gutters #btn-pause-mobile{top:calc((-1 * var(--bb-gutter-top-px,0px)) + max(env(safe-area-inset-top), 12px))!important}body:not(.ui-editing) #hud.has-vertical-gutters #hud-topbar{top:calc(-1 * var(--bb-gutter-top-px,0px) + env(safe-area-inset-top) + (6px * var(--bb-ui-scale)))}body:not(.ui-editing) #hud.has-vertical-gutters{padding-top:calc(env(safe-area-inset-top) + (6px * var(--bb-ui-scale)));padding-bottom:calc(env(safe-area-inset-bottom) + (6px * var(--bb-ui-scale)))}body:not(.ui-editing) #hud[data-skill-dock=right] #skill-panel{left:auto;right:calc((-1 * var(--bb-gutter-right-px,0px)) + max(env(safe-area-inset-right), 12px));max-width:min(360px, calc(var(--bb-gutter-right-px,0px) - 24px));top:50%;bottom:auto;transform:translateY(-50%)}body:not(.ui-editing) #hud[data-skill-dock=bottom] #skill-panel{top:auto;left:50%;right:auto;bottom:calc((-1 * var(--bb-gutter-bottom-px,0px)) + max(env(safe-area-inset-bottom), 12px));align-items:center;gap:calc(4px * var(--bb-ui-scale));max-width:min(520px,100% - 24px);padding:calc(8px * var(--bb-ui-scale)) calc(10px * var(--bb-ui-scale));grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;display:grid;transform:translate(-50%)}body:not(.ui-editing) #hud[data-skill-dock=bottom] #skill-panel-header,body:not(.ui-editing) #hud[data-skill-dock=bottom] #skill-panel-toast{grid-column:1/-1}body:not(.ui-editing) #hud[data-skill-dock=bottom] #skill-panel-toast{display:none}body:not(.ui-editing) #hud[data-skill-dock=bottom] .skill-slot-row{justify-content:center;gap:calc(3px * var(--bb-ui-scale));padding:calc(3px * var(--bb-ui-scale)) calc(6px * var(--bb-ui-scale));flex-direction:column}body:not(.ui-editing) #hud[data-skill-dock=bottom] .skill-slot-name{max-width:100%;font-size:calc(.72rem * var(--bb-ui-scale));text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body:not(.ui-editing) #hud[data-skill-dock=left] #skill-panel{left:calc((-1 * var(--bb-gutter-left-px,0px)) + max(env(safe-area-inset-left), 12px));max-width:min(360px, calc(var(--bb-gutter-left-px,0px) - 24px));top:50%;bottom:auto;right:auto;transform:translateY(-50%)}body:not(.ui-editing) #hud[data-nameplate-dock=right] #nameplate{left:auto;right:calc((-1 * var(--bb-gutter-right-px,0px)) + max(env(safe-area-inset-right), 12px));top:calc(env(safe-area-inset-top) + (10px * var(--bb-ui-scale)));max-width:min(320px, calc(var(--bb-gutter-right-px,0px) - 16px));transform:none}body:not(.ui-editing) #hud[data-nameplate-dock=left] #nameplate{left:calc((-1 * var(--bb-gutter-left-px,0px)) + max(env(safe-area-inset-left), 12px));right:auto;top:calc(env(safe-area-inset-top) + (10px * var(--bb-ui-scale)));max-width:min(320px, calc(var(--bb-gutter-left-px,0px) - 16px));transform:none}body:not(.ui-editing) #hud[data-combo-dock=right] #combo-display{right:calc((-1 * var(--bb-gutter-right-px,0px)) + max(env(safe-area-inset-right), 12px));top:calc(env(safe-area-inset-top) + var(--bb-nameplate-height-px,0px) + (12px * var(--bb-ui-scale)))}body:not(.ui-editing) #hud[data-combo-dock=left] #combo-display{left:calc((-1 * var(--bb-gutter-left-px,0px)) + max(env(safe-area-inset-left), 12px));right:auto;top:calc(env(safe-area-inset-top) + var(--bb-nameplate-height-px,0px) + (12px * var(--bb-ui-scale)))}body:not(.ui-editing) #hud[data-timers-dock=left] #powerup-timers{left:calc((-1 * var(--bb-gutter-left-px,0px)) + max(env(safe-area-inset-left), 12px));top:calc(env(safe-area-inset-top) + (10px * var(--bb-ui-scale)))}@media (width<=768px) and (orientation:portrait){#hud-topbar{gap:calc(6px * var(--bb-ui-scale));width:min(420px,100% - 16px);padding:calc(4px * var(--bb-ui-scale)) calc(10px * var(--bb-ui-scale));font-size:calc(.85rem * var(--bb-ui-scale))}#skill-panel{gap:calc(4px * var(--bb-ui-scale));padding:calc(8px * var(--bb-ui-scale)) calc(10px * var(--bb-ui-scale));max-width:min(360px,90vw)}#skill-panel-toast{display:none}#skill-panel.skill-layout-row .skill-slot-row{padding:calc(3px * var(--bb-ui-scale)) calc(4px * var(--bb-ui-scale))}#skill-panel.skill-layout-row .skill-slot-name{font-size:calc(.7rem * var(--bb-ui-scale))}}@media (hover:none) and (pointer:coarse) and (orientation:portrait){body:not(.ui-editing) .controls-wrapper .skill-btn{width:44px;height:44px;margin:0;padding:0}body:not(.ui-editing) #nameplate{top:calc(-1 * var(--bb-gutter-top-px,0px) + 48px);left:calc(-1 * var(--bb-gutter-left-px,0px) + 12px);box-sizing:border-box;max-width:calc(100vw - 88px);padding:4px 10px;right:auto;transform:none}body:not(.ui-editing) #np-name{font-size:.85rem}body:not(.ui-editing) #np-stats{font-size:.65rem}body:not(.ui-editing) .controls-wrapper #btn-pause-mobile{width:44px;height:44px;margin:0;padding:0;top:calc(-1 * var(--bb-gutter-top-px,0px) + 52px)!important;left:auto!important;right:calc(-1 * var(--bb-gutter-right-px,0px) + max(env(safe-area-inset-right), 12px))!important}}@media (height<=500px) and (orientation:landscape){#hud{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));top:0}#hud:before{content:"";height:calc(env(safe-area-inset-top) + (48px * var(--bb-ui-scale)));border-bottom:1px solid var(--primary-color);pointer-events:none;background:#00000080;position:absolute;top:0;left:0;right:0}#powerup-timers{top:calc(35px * var(--bb-ui-scale));flex-direction:row;left:0}#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))}}@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (height<=500px){body:not(.ui-editing) #hud:before{display:none}body:not(.ui-editing) #skill-panel{box-sizing:border-box}body:not(.ui-editing) #hud[data-nameplate-dock=right] #nameplate{top:auto;bottom:calc(-1 * var(--bb-gutter-bottom-px,0px) + 8px);box-sizing:border-box;max-width:calc(var(--bb-gutter-right-px,0px) - 24px);padding:4px 10px}body:not(.ui-editing) #np-name{font-size:.8rem}body:not(.ui-editing) #np-stats{font-size:.65rem}body:not(.ui-editing) #hud-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;width:min(540px,100vw - 160px);padding:5px 10px;font-size:12px}body:not(.ui-editing) #status-msg{text-overflow:ellipsis;letter-spacing:.08em;min-width:0;overflow:hidden}body:not(.ui-editing) .controls-wrapper .control-btn{border-width:2px;width:48px;min-width:0;height:48px;margin:0;padding:0;font-size:14px}body:not(.ui-editing) .controls-wrapper.has-gutters #btn-skill{top:calc(50% + 56px)!important;bottom:auto!important}body:not(.ui-editing) .controls-wrapper.has-gutters #btn-skill-2{top:calc(50% - 24px)!important;bottom:auto!important}body:not(.ui-editing) .controls-wrapper.has-gutters #btn-skill-3{top:calc(50% - 104px)!important;bottom:auto!important}}:root{--air-powerup-boost:#1ef7ff;--air-powerup-freeze:#87dcff;--air-powerup-shield:#7c8bff;--air-powerup-magnet:#ff4fd8;--air-powerup-split:#ffd15a;--air-powerup-giant:#6dff9f;--air-powerup-shock:#ff6b6b;--air-powerup-warp:#b186ff}.powerup-boost{--powerup-color:var(--air-powerup-boost)}.powerup-freeze{--powerup-color:var(--air-powerup-freeze)}.powerup-shield{--powerup-color:var(--air-powerup-shield)}.powerup-magnet{--powerup-color:var(--air-powerup-magnet)}.powerup-split{--powerup-color:var(--air-powerup-split)}.powerup-giant{--powerup-color:var(--air-powerup-giant)}.powerup-shock{--powerup-color:var(--air-powerup-shock)}.powerup-warp{--powerup-color:var(--air-powerup-warp)}#dialog-modal{pointer-events:auto;width:100%;height:100%;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 20px);z-index:220;background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}#dialog-modal.active{display:flex}.dialog-modal-box{border:1px solid var(--primary-color);background:#000000e0;border-radius:12px;width:360px;max-width:92vw;padding:18px 20px 20px;position:relative;box-shadow:0 0 22px #00ffff2e}.dialog-modal-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dialog-modal-title{letter-spacing:.08em;color:var(--primary-color);font-size:1.05rem}.dialog-modal-message{color:var(--text-color);text-shadow:none;white-space:pre-line;margin-bottom:12px;font-size:.95rem}.dialog-modal-input-row{margin-bottom:14px}.dialog-modal-input-row input{color:#fff;background:#00000080;border:1px solid #00ffff59;border-radius:10px;width:100%;padding:10px 12px;font-size:.95rem}.dialog-modal-input-row.is-hidden{display:none}.dialog-modal-actions{justify-content:flex-end;gap:10px;display:flex}body.theme-minimal .dialog-modal-box{color:#333;background:#fff;border:1px solid #ccc;box-shadow:0 5px 15px #0000001a}body.theme-minimal .dialog-modal-title{color:#444}body.theme-minimal .dialog-modal-input-row input{color:#333;background:#fff;border:1px solid #ccc}