:root{--navy:#07112f;--ink:#091126;--blue:#087cf0;--cyan:#35e8ff;--gold:#ffd327;--orange:#ff8a12;--panel:#0b1b48;--white:#f8fbff}
*{box-sizing:border-box}html,body{margin:0;background:#04091d;color:var(--white);font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none}.bp-page{min-height:100dvh;background:radial-gradient(circle at 50% 0,#173b91 0,#08143d 28%,#030719 72%)}
.bp-top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:8px max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));background:rgba(3,8,29,.96);border-bottom:1px solid rgba(72,202,255,.28);position:relative;z-index:20}.bp-brand{text-decoration:none;color:white;display:grid;grid-template-columns:auto auto;align-items:end;line-height:.86}.bp-brand span{font:1000 27px/1 Arial;color:#ffd327;text-shadow:0 2px #06317b}.bp-brand b{font:1000 20px/1 Arial;color:#4bdfff;margin-left:3px}.bp-brand small{grid-column:1/3;font:900 7px/1.5 Arial;letter-spacing:.18em;color:#98b9df}.bp-top nav{display:flex;gap:8px}.bp-top nav a{color:#c9daf5;text-decoration:none;font:900 10px/1 Arial;padding:9px 10px;border-radius:999px}.bp-top nav a.active{background:#1189ff;color:white}
.bp-shell{width:min(1120px,100%);margin:0 auto;padding:14px}.bp-titlebar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.bp-kicker{display:inline-block;color:#07112f;background:var(--gold);font:1000 9px/1 Arial;padding:6px 9px;border-radius:999px}.bp-titlebar h1{font:1000 clamp(24px,4vw,42px)/.96 Arial;margin:7px 0 4px;font-style:italic}.bp-titlebar h1 strong{color:var(--gold)}.bp-titlebar p{margin:0;color:#bcd2f3;font:800 12px/1.4 Arial}.bp-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.bp-actions button,.bp-actions a{border:1px solid #287de3;border-radius:10px;background:#0b235a;color:#dff6ff;padding:10px 11px;text-decoration:none;font:900 10px/1 Arial;cursor:pointer}
.bp-game-card{border:1px solid rgba(60,185,255,.4);border-radius:22px;overflow:hidden;background:#07112f;box-shadow:0 22px 70px rgba(0,0,0,.5),0 0 30px rgba(34,184,255,.12)}.bp-hud{min-height:60px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;background:linear-gradient(#0a2158,#071538);border-bottom:2px solid #1371d6}.bp-hud>div{min-width:0;padding:6px 8px;border-radius:10px;background:linear-gradient(145deg,#102e70,#091841);border:1px solid rgba(72,217,255,.28)}.bp-hud small{display:block;color:#83baf2;font:900 8px/1 Arial;letter-spacing:.08em}.bp-hud b{display:block;margin-top:3px;color:white;font:1000 17px/1 Arial}
.bp-stage-wrap{position:relative;width:min(100%,700px);aspect-ratio:7/12;margin:0 auto;background:#020614;overflow:hidden;touch-action:none}.bp-stage-wrap canvas{display:block;width:100%;height:100%;background:#06112a}.bp-callout{position:absolute;left:50%;top:20%;transform:translate(-50%,-50%) scale(.85);z-index:8;font:1000 clamp(14px,4vw,30px)/1 Arial;font-style:italic;color:#fff;text-align:center;text-shadow:0 3px 0 #081126,0 0 16px currentColor;opacity:0;pointer-events:none}.bp-callout.show{animation:bpPop .85s ease}@keyframes bpPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.65)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-65%) scale(.96)}}
.bp-live-hud{position:absolute;z-index:7;left:8px;right:8px;top:max(7px,env(safe-area-inset-top));display:grid;grid-template-columns:.72fr 1.25fr .72fr .95fr;gap:4px;pointer-events:none}.bp-live-hud>div{min-width:0;padding:6px 7px;border:1px solid rgba(77,217,255,.58);border-radius:10px;background:linear-gradient(180deg,rgba(6,29,75,.93),rgba(2,10,31,.91));box-shadow:0 6px 18px rgba(0,0,0,.25)}.bp-live-hud small{display:block;color:#78c8f7;font:900 6px/1 Arial;letter-spacing:.06em}.bp-live-hud b{display:block;margin-top:3px;color:#fff;font:1000 12px/1 Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-live-hud .score b{color:#ffe04c;font-size:16px}
.bp-power-strip{position:absolute;z-index:7;left:50%;top:53px;transform:translateX(-50%);display:flex;gap:3px;max-width:calc(100% - 150px);pointer-events:none}.bp-power-strip span{display:grid;place-items:center;min-width:42px;padding:4px 5px;border:1px solid rgba(87,164,233,.38);border-radius:9px;background:rgba(3,13,38,.82);color:#6181a8;font:1000 12px/1 Arial;opacity:.62;transition:.18s}.bp-power-strip span b{display:block;margin-top:2px;font:900 4.8px/1 Arial;white-space:nowrap}.bp-power-strip span.active{opacity:1;color:#fff;border-color:#ffe34c;background:linear-gradient(#117be6,#093269);box-shadow:0 0 15px rgba(64,223,255,.55)}.bp-power-strip span.save-ready{opacity:1;color:#ffe855;border-color:#ffe855}
.bp-touch-zone{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom));z-index:9}.bp-touch-zone.left{left:12px}.bp-touch-zone.right{right:12px}.bp-touch-zone button{width:clamp(78px,15vw,112px);aspect-ratio:1;border-radius:50%;border:4px solid rgba(255,255,255,.88);box-shadow:0 0 0 5px #063c87,0 0 25px #1dbfff;background:radial-gradient(circle at 38% 28%,#35d8ff,#076ae0 55%,#05336e);color:white;display:grid;place-content:center;gap:1px;cursor:pointer;touch-action:none}.bp-touch-zone.right button{box-shadow:0 0 0 5px #8c5b00,0 0 25px #ffd022;background:radial-gradient(circle at 38% 28%,#fff368,#ffc314 55%,#de7b00);color:#07112f}.bp-touch-zone span{font:1000 27px/1 Arial}.bp-touch-zone b{font:1000 11px/1 Arial}.bp-touch-zone button.pressed{transform:scale(.94);filter:brightness(1.25)}
.bp-launch{position:absolute;right:7px;bottom:124px;z-index:9;width:76px;min-height:92px;border:2px solid #45dbff;border-radius:15px;background:linear-gradient(#102e70,#071437);color:white;box-shadow:0 0 17px rgba(65,211,255,.5);padding:8px 7px;overflow:hidden;touch-action:none;cursor:pointer}.bp-launch span{display:block;font-size:24px}.bp-launch b{display:block;font:1000 10px/1.15 Arial;color:#ffd527}.bp-launch small{display:block;font:800 6px/1.2 Arial;margin-top:4px;color:#bfe5ff}.bp-launch i{position:absolute;left:0;bottom:0;height:6px;width:0;background:linear-gradient(90deg,#26e8ff,#ffd32c,#ff7920);box-shadow:0 0 12px #5ae9ff}
/* v10.11.34 — always-visible share control without covering the flippers or launch control. */
.bp-share-live{position:absolute;z-index:10;right:8px;top:92px;border:1px solid rgba(91,226,255,.72);border-radius:999px;background:linear-gradient(180deg,rgba(12,57,126,.95),rgba(5,22,59,.95));color:#eaffff;padding:7px 9px;box-shadow:0 5px 16px rgba(0,0,0,.28),0 0 13px rgba(57,215,255,.2);font:1000 8px/1 Arial;letter-spacing:.03em;cursor:pointer;touch-action:manipulation}.bp-share-live b{font:inherit}.bp-share-live:active{transform:scale(.96);filter:brightness(1.15)}
.bp-overlay{position:absolute;inset:0;z-index:14;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(1,5,20,.84);backdrop-filter:blur(8px)}.bp-overlay.show{display:flex}.bp-intro-panel{width:min(640px,100%);max-height:100%;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);overflow:auto;border:1px solid #2ac7ff;border-radius:20px;background:linear-gradient(145deg,#102e71,#071435);box-shadow:0 0 40px rgba(29,198,255,.3)}.bp-intro-art{min-height:300px;background:#07112f}.bp-intro-art img{width:100%;height:100%;object-fit:cover;object-position:center}.bp-intro-copy{padding:18px}.bp-intro-copy>span,.bp-result-panel>span{color:#5be7ff;font:1000 9px/1 Arial;letter-spacing:.11em}.bp-intro-copy h2,.bp-result-panel h2{margin:6px 0 8px;font:1000 27px/1 Arial;color:#ffd42d}.bp-intro-copy p,.bp-result-panel p{margin:0 0 13px;color:#d4e5ff;font:700 11px/1.45 Arial}.bp-intro-copy button,.bp-result-panel button{width:100%;border:2px solid #3ccaff;border-radius:13px;background:linear-gradient(#148cf6,#0a4daf);color:white;padding:12px;margin:5px 0;cursor:pointer}.bp-intro-copy button.fun{background:linear-gradient(#f9c81f,#ed8410);border-color:#fff074;color:#07112f}.bp-intro-copy button b{display:block;font:1000 15px/1 Arial}.bp-intro-copy button small{display:block;margin-top:3px;font:800 9px/1.2 Arial}.bp-how{margin-top:10px;padding:10px;background:#06102d;border-radius:11px;display:grid;gap:4px}.bp-how b{color:#ffd428;font:1000 9px/1 Arial}.bp-how span{color:#bcd6f8;font:800 8px/1.25 Arial}.bp-result-panel{width:min(430px,100%);padding:21px;border:1px solid #2ac7ff;border-radius:20px;background:linear-gradient(145deg,#102e71,#071435);text-align:center;box-shadow:0 0 34px rgba(47,209,255,.25)}.bp-result-panel.level-clear{border-color:#ffe04c}.bp-result-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.bp-result-stats div{background:#06102c;border:1px solid #174c93;border-radius:11px;padding:8px}.bp-result-stats small{display:block;color:#7fb8ef;font:900 8px/1 Arial}.bp-result-stats b{display:block;margin-top:3px;font:1000 18px/1 Arial}.bp-result-panel button{font:1000 12px/1 Arial}.bp-result-panel button.secondary{background:#07132d;border-color:#355d92;color:#b8d5f2}
.bp-info-strip{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;padding:9px;background:#06102d;border-top:1px solid #195eaa}.bp-info-strip>div{padding:9px 11px;border-radius:12px;background:#0a1b45;border:1px solid #183f7a}.bp-info-strip span{display:block;color:#ffd326;font:1000 8px/1 Arial}.bp-info-strip b{display:block;margin-top:4px;font:1000 12px/1.15 Arial}.bp-info-strip small{display:block;margin-top:4px;color:#8ebbe9;font:800 8px/1.2 Arial}.bp-parent-note{margin:12px 0;padding:12px 14px;border-radius:14px;background:#07142f;border:1px solid #203e70;display:flex;gap:10px;align-items:center}.bp-parent-note span{font:1000 9px/1 Arial;color:#ffd32b}.bp-parent-note p{margin:0;color:#9db9df;font:700 9px/1.35 Arial}.bp-footer{text-align:center;color:#7995bf;background:#030719;border-top:1px solid #132b54;padding:10px 12px calc(10px + env(safe-area-inset-bottom));font:800 9px/1 Arial}
@media(max-width:760px){.bp-top{height:57px}.bp-top nav a{font-size:8px;padding:8px 7px}.bp-top nav a:nth-child(2),.bp-top nav a:nth-child(5){display:none}.bp-shell{padding:8px}.bp-titlebar{align-items:flex-start}.bp-titlebar h1{font-size:24px}.bp-titlebar p{font-size:9px}.bp-actions a{display:none}.bp-actions button{padding:8px;font-size:8px}.bp-hud{min-height:50px;padding:5px;gap:4px}.bp-hud>div{padding:5px}.bp-hud small{font-size:6px}.bp-hud b{font-size:12px}.bp-stage-wrap{width:min(100%,520px)}.bp-touch-zone button{width:74px}.bp-launch{width:61px;min-height:76px;bottom:96px;padding:5px}.bp-intro-panel{grid-template-columns:1fr}.bp-intro-art{display:none}.bp-intro-copy{padding:15px}.bp-info-strip{grid-template-columns:1fr}.bp-info-strip>div:nth-child(2){display:none}.bp-power-strip{top:49px;max-width:calc(100% - 120px)}.bp-power-strip span{min-width:34px;padding:3px}.bp-power-strip span b{font-size:4px}}

/* Installed app gameplay: full table in the real visible viewport. */
.bp-page.bp-app-mode.bp-playing{width:100%;height:var(--bp-visual-h,100dvh);min-height:0;overflow:hidden;padding:0;background:#020614}.bp-page.bp-app-mode.bp-playing .bp-top,.bp-page.bp-app-mode.bp-playing .bp-titlebar,.bp-page.bp-app-mode.bp-playing .bp-hud,.bp-page.bp-app-mode.bp-playing .bp-info-strip,.bp-page.bp-app-mode.bp-playing .bp-parent-note,.bp-page.bp-app-mode.bp-playing .bp-footer{display:none!important}.bp-page.bp-app-mode.bp-playing .bp-shell{width:100%;max-width:none;height:var(--bp-visual-h,100dvh);min-height:0;margin:0;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.bp-page.bp-app-mode.bp-playing .bp-game-card{width:100%;height:100%;border:0;border-radius:0;box-shadow:none;background:#020614;display:flex;align-items:center;justify-content:center;overflow:hidden}.bp-page.bp-app-mode.bp-playing .bp-stage-wrap{width:var(--bp-stage-w,min(100vw,58.3333dvh));height:var(--bp-stage-h,min(100dvh,171.42857vw));max-width:none;max-height:none;aspect-ratio:7/12;margin:0;flex:0 0 auto;border-radius:0}.bp-page.bp-app-mode.bp-playing .bp-live-hud{top:max(7px,env(safe-area-inset-top));left:8px;right:8px}.bp-page.bp-app-mode.bp-playing .bp-power-strip{top:max(53px,calc(env(safe-area-inset-top) + 48px))}.bp-page.bp-app-mode.bp-playing .bp-share-live{top:max(88px,calc(env(safe-area-inset-top) + 82px));right:8px}.bp-page.bp-app-mode.bp-playing .bp-touch-zone{bottom:max(9px,calc(env(safe-area-inset-bottom) + 7px))}.bp-page.bp-app-mode.bp-playing .bp-launch{bottom:max(98px,calc(env(safe-area-inset-bottom) + 94px))}.bp-page.bp-app-mode.bp-playing .bp-overlay{padding:max(7px,env(safe-area-inset-top)) 8px max(7px,env(safe-area-inset-bottom))}.bp-page.bp-app-mode.bp-playing .bp-intro-panel,.bp-page.bp-app-mode.bp-playing .bp-result-panel{max-height:100%;overflow:auto}
@media(max-width:520px){.bp-share-live{top:82px;right:6px;padding:6px 8px;font-size:7px}.bp-live-hud{left:6px;right:6px;grid-template-columns:.65fr 1.2fr .72fr .92fr;gap:3px}.bp-live-hud>div{padding:5px 5px;border-radius:8px}.bp-live-hud small{font-size:5px}.bp-live-hud b{font-size:10px}.bp-live-hud .score b{font-size:14px}.bp-touch-zone button{width:68px}.bp-launch{width:57px;min-height:70px}.bp-power-strip{gap:2px}.bp-power-strip span{min-width:31px;font-size:10px}.bp-power-strip span b{display:none}.bp-result-panel{padding:15px}.bp-result-panel h2{font-size:23px}}
@media(max-height:620px) and (orientation:portrait){.bp-page.bp-playing .bp-live-hud{top:4px}.bp-page.bp-playing .bp-power-strip{top:44px}.bp-page.bp-playing .bp-touch-zone button{width:61px}.bp-page.bp-playing .bp-launch{width:53px;min-height:65px;bottom:83px}}
@media(orientation:landscape) and (max-height:560px){.bp-top{display:none}.bp-titlebar{display:none}.bp-shell{padding:4px}.bp-info-strip,.bp-parent-note,.bp-footer,.bp-hud{display:none}.bp-game-card{border:0}.bp-stage-wrap{height:calc(100dvh - 8px);width:auto}}
@media(orientation:landscape){.bp-page.bp-app-mode.bp-playing .bp-share-live{position:fixed;right:max(18px,env(safe-area-inset-right));top:118px}.bp-page.bp-app-mode.bp-playing .bp-live-hud{position:fixed;left:calc(50% + (var(--bp-stage-w,448px) / 2) + 10px);right:10px;top:max(10px,env(safe-area-inset-top));grid-template-columns:1fr 1fr;gap:5px}.bp-page.bp-app-mode.bp-playing .bp-live-hud .score{grid-column:1/3}.bp-page.bp-app-mode.bp-playing .bp-power-strip{position:fixed;left:10px;top:max(10px,env(safe-area-inset-top));transform:none;display:grid;grid-template-columns:1fr 1fr;max-width:none;width:max(160px,calc((100vw - var(--bp-stage-w,448px))/2 - 20px))}.bp-page.bp-app-mode.bp-playing .bp-power-strip span{min-width:0}.bp-page.bp-app-mode.bp-playing .bp-touch-zone{position:fixed;bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px))}.bp-page.bp-app-mode.bp-playing .bp-touch-zone.left{left:max(16px,env(safe-area-inset-left))}.bp-page.bp-app-mode.bp-playing .bp-touch-zone.right{right:max(16px,env(safe-area-inset-right))}.bp-page.bp-app-mode.bp-playing .bp-touch-zone button{width:68px}.bp-page.bp-app-mode.bp-playing .bp-launch{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(92px,calc(env(safe-area-inset-bottom) + 88px));width:57px;min-height:68px}}


/* v10.11.11 — bottom cannon + premium arcade visual rebuild */
.bp-stage-wrap{background:#071338;box-shadow:inset 0 0 50px rgba(22,159,255,.18)}
.bp-stage-wrap canvas{background:#071338}
.bp-launch{left:50%;right:auto;bottom:12px;transform:translateX(-50%);width:82px;min-height:54px;border:3px solid #67edff;border-radius:18px;background:linear-gradient(180deg,#154eb0,#081a50 68%,#061236);box-shadow:0 0 0 3px rgba(16,65,145,.75),0 0 28px rgba(56,223,255,.72),0 8px 22px rgba(0,0,0,.45);padding:7px 8px}
.bp-launch span{font-size:20px;line-height:1}.bp-launch b{font-size:13px;color:#ffe44d;text-shadow:0 0 10px rgba(255,216,30,.65)}.bp-launch small{font-size:6px;letter-spacing:.06em}.bp-launch:active{transform:translateX(-50%) scale(.94);filter:brightness(1.24)}.bp-launch i{height:7px;width:100%;opacity:.8;animation:bpLaunchPulse 1.15s ease-in-out infinite}@keyframes bpLaunchPulse{0%,100%{filter:brightness(.75);opacity:.45}50%{filter:brightness(1.45);opacity:1}}
.bp-live-hud{background:linear-gradient(180deg,rgba(2,12,40,.88),rgba(4,15,45,.66));border:1px solid rgba(74,224,255,.26);border-radius:14px;padding:4px;}
.bp-live-hud>div{background:linear-gradient(145deg,rgba(10,39,91,.92),rgba(6,18,52,.82));box-shadow:inset 0 0 18px rgba(38,162,255,.08)}
.bp-power-strip{background:rgba(3,12,38,.50);border:1px solid rgba(77,217,255,.16);border-radius:12px;padding:3px;}
@media(max-width:760px){.bp-launch{width:72px;min-height:50px;bottom:10px}.bp-launch span{font-size:19px}.bp-launch b{font-size:11px}}
@media(max-width:520px){.bp-launch{width:68px;min-height:48px;bottom:8px}.bp-launch small{font-size:5px}.bp-touch-zone button{width:66px}}
@media(max-height:620px) and (orientation:portrait){.bp-page.bp-playing .bp-launch{bottom:7px;width:64px;min-height:45px}}
.bp-page.bp-app-mode.bp-playing .bp-launch{left:50%;right:auto;bottom:max(7px,calc(env(safe-area-inset-bottom) + 5px));transform:translateX(-50%)}
@media(orientation:landscape){.bp-page.bp-app-mode.bp-playing .bp-launch{position:fixed;left:50%;right:auto;bottom:max(8px,calc(env(safe-area-inset-bottom) + 6px));width:64px;min-height:48px;transform:translateX(-50%)}.bp-page.bp-app-mode.bp-playing .bp-launch small{display:none}}

/* v10.11.12 — arena overlay removed; outer skirts visually softened and collision-free */

/* v10.11.23 — final premium arcade presentation */
.bp-intro-art img{filter:saturate(1.08) contrast(1.03);object-position:center center}
.bp-trophies{margin-top:9px;padding:9px 10px;border-radius:12px;background:linear-gradient(135deg,rgba(7,20,55,.95),rgba(17,46,92,.92));border:1px solid rgba(255,216,61,.38);box-shadow:inset 0 0 22px rgba(58,212,255,.08)}
.bp-trophies>b{display:block;color:#ffe04a;font:1000 9px/1 Arial;letter-spacing:.08em}
#bpTrophyCabinet{display:grid;grid-template-columns:repeat(15,1fr);gap:3px;margin:7px 0 5px}
#bpTrophyCabinet span{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#07132f;border:1px solid #284d83;color:#637fa8;font:1000 7px/1 Arial;box-shadow:inset 0 0 8px rgba(0,0,0,.42)}
#bpTrophyCabinet span.bronze{border-color:#d88b4b;color:#ffbb7b;box-shadow:0 0 8px rgba(216,139,75,.28)}
#bpTrophyCabinet span.silver{border-color:#dce9f7;color:#f4fbff;box-shadow:0 0 8px rgba(220,233,247,.28)}
#bpTrophyCabinet span.gold{border-color:#ffe04a;color:#fff3a0;box-shadow:0 0 10px rgba(255,224,74,.42)}
.bp-trophies small{display:block;color:#93b8e3;font:800 7px/1.25 Arial}
@media(max-width:520px){.bp-trophies{padding:7px 8px}#bpTrophyCabinet{gap:2px}#bpTrophyCabinet span{font-size:6px}}

/* v10.11.65 — direct live-flipper touch support; canvas remains multi-touch friendly. */
.bp-stage-wrap canvas{touch-action:none;-webkit-user-select:none;user-select:none}