*{box-sizing:border-box}html,body,#root{background:#050505;width:100%;height:100%;margin:0;font-family:Inter,system-ui,Arial,sans-serif;overflow:hidden}html{overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;touch-action:manipulation}main{color:#fff;place-items:center;width:100vw;height:100vh;display:grid}.game-shell{background:#030303;border:1px solid #ffffff26;border-radius:24px;width:min(1180px,100vw - 24px);height:min(700px,100vh - 24px);position:relative;overflow:hidden;box-shadow:0 30px 80px #000000bf}.game-shell canvas{position:absolute;inset:0}.stage-title{z-index:10;color:#ffffffdb;letter-spacing:.28em;pointer-events:none;background:#000000ad;border:1px solid #00d5ff59;border-radius:999px;padding:9px 18px;font-size:12px;position:absolute;top:96px;left:50%;transform:translate(-50%)}.hud-row{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:22px;left:28px;right:28px}.hud{width:41%;max-width:430px}.hud.reverse{text-align:right}.hud-top{letter-spacing:.18em;text-shadow:0 2px #000;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;display:flex}.hud-top span{color:#fde047;letter-spacing:0;font-size:12px;font-weight:900}.dots{gap:8px;margin-bottom:8px;display:flex}.dots.right{justify-content:flex-end}.dots span{background:#0009;border:2px solid #ffffffa6;border-radius:50%;width:18px;height:18px}.dots span.won{background:#fde047;border-color:#fff7ad;box-shadow:0 0 18px #fde047}.health{background:#ffffff1f;border:2px solid #fff;height:32px;overflow:hidden;box-shadow:0 8px 20px #00000059}.health i{background:linear-gradient(90deg,#7f1d1d,#ef4444);height:100%;transition:width .2s linear;display:block}.reverse .health i,.reverse .stamina i{margin-left:auto}.stamina{background:#ffffff1f;border:2px solid #ffffffd9;width:62%;height:12px;margin-top:8px;overflow:hidden}.reverse .stamina{margin-left:auto}.stamina i{background:linear-gradient(90deg,#166534,#bef264);height:100%;transition:width .12s linear;display:block}.timer-box{background:#000000e6;border:4px solid #fde047;border-radius:0 0 28px 28px;flex-direction:column;justify-content:center;align-items:center;width:96px;height:86px;display:flex;box-shadow:0 0 30px #fde04766}.timer-box span{font-size:48px;font-style:italic;font-weight:1000;line-height:.9}.timer-box small{color:#67e8f9;letter-spacing:.16em;margin-top:6px;font-size:9px;font-weight:900}.combo{z-index:25;pointer-events:none;opacity:0;color:#fde047;text-shadow:5px 5px #000;transition:all .12s;position:absolute;top:180px;transform:skew(-12deg)scale(.88)}.combo.left{left:6%}.combo.right{right:6%}.combo.show{opacity:1;transform:skew(-12deg)scale(1)}.combo b{font-size:76px;line-height:.75;display:block}.combo span{font-size:30px;font-weight:1000;display:block}.message{z-index:30;color:#ffffffe6;text-align:center;background:#000000bf;border:1px solid #ffffff1f;border-radius:999px;max-width:84%;padding:10px 18px;font-size:14px;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}.controls{z-index:30;color:#ffffffd1;background:#000000bf;border:1px solid #ffffff21;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;padding:12px 18px;font-size:12px;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.controls b{color:#67e8f9}.reset{z-index:31;color:#000;cursor:pointer;background:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:900;position:absolute;bottom:18px;right:18px}.winner{z-index:100;pointer-events:none;background:#0000009e;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.winner b{color:#fde047;letter-spacing:.03em;text-shadow:7px 7px #000;font-size:clamp(48px,8vw,92px);font-style:italic;font-weight:1000}.winner span{letter-spacing:.25em;color:#ffffffd1;margin-top:12px}.screen-spark{z-index:26;pointer-events:none;background:radial-gradient(circle,#ffffffd9,#fde04773,#0000 60%);border-radius:50%;width:160px;height:160px;animation:.38s ease-out forwards spark;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}@keyframes spark{0%{opacity:.95;transform:translate(-50%,-50%)scale(.35)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}@media (width<=760px){.hud-row{left:12px;right:12px}.hud-top{font-size:10px}.timer-box{width:76px;height:70px}.timer-box span{font-size:36px}.controls{grid-template-columns:1fr;bottom:10px}.message{bottom:92px}}.bd-game-shell-mobile{-webkit-user-select:none;user-select:none;overscroll-behavior:none}.bd-game-shell-mobile *{-webkit-tap-highlight-color:transparent}.bd-install-prompt{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:3000;color:#f8fbff;pointer-events:auto;background:linear-gradient(100deg,#020c22f0,#04060eeb 50%,#48000beb),repeating-linear-gradient(116deg,#0000 0 15px,#ffffff12 16px 17px,#0000 18px 32px);border:1px solid #cce7ff70;border-left:4px solid #2d7dfff2;border-right:4px solid #ff2623e6;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 10px 10px 12px;font-family:Impact,Arial Black,sans-serif;display:grid;position:fixed;box-shadow:0 0 22px #2d7dff47,0 0 22px #ff26232e,inset 0 0 18px #ffffff0f}.bd-install-prompt-copy{gap:2px;min-width:0;line-height:1.05;display:grid}.bd-install-prompt-copy b{letter-spacing:1px;text-shadow:2px 2px #000,0 0 12px #4184ff7a;font-size:15px}.bd-install-prompt-copy span{color:#e8f2ffd1;font-family:Inter,system-ui,Arial,sans-serif;font-size:11px;font-weight:800;line-height:1.18}.bd-install-prompt-action,.bd-install-prompt-close{color:#fffaf0;letter-spacing:.8px;text-shadow:2px 2px #000;background:linear-gradient(135deg,#ffffffe0,#2d7dffe0 18%,#040711eb 51%,#ff2623d1);border:1px solid #ffffff8c;border-radius:7px;min-width:34px;min-height:34px;font-family:Impact,Arial Black,sans-serif;font-size:12px}.bd-install-prompt-close{color:#f8fbffd6;background:#00000057;min-width:30px}.bd-fight-viewport{position:relative}.bd-pause-overlay{overscroll-behavior:contain}.bd-pause-panel{-webkit-overflow-scrolling:touch}.bd-pause-overlay-mobile{padding:max(9px, env(safe-area-inset-top)) max(9px, env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) max(9px, env(safe-area-inset-left));overflow:hidden;align-items:flex-start!important;position:fixed!important}.bd-pause-overlay-mobile .bd-menu-button{letter-spacing:1px!important;min-height:38px!important;padding:8px 10px!important;font-size:13px!important}.bd-mobile-controller{touch-action:none;background:linear-gradient(135deg,#001b4cb8,#05060be0 48%,#56000bb8),repeating-linear-gradient(116deg,#0000 0 18px,#ffffff12 19px 20px,#0000 21px 38px);border:1px solid #c0e2ff57;border-radius:8px;flex:0 auto;grid-template-columns:minmax(128px,.9fr) minmax(86px,.58fr) minmax(210px,1.35fr);gap:8px;width:min(100%,820px);min-height:112px;max-height:142px;margin-top:auto;padding:8px;display:grid;box-shadow:0 0 24px #2d7dff2e,0 0 26px #ff26231f,inset 0 0 20px #ffffff0f}.bd-mobile-pad,.bd-mobile-system,.bd-mobile-actions{min-width:0}.bd-mobile-pad{grid-template-rows:repeat(3,minmax(30px,38px));grid-template-columns:repeat(3,minmax(34px,44px));place-content:center;gap:4px;display:grid}.bd-mobile-pad-up{grid-area:1/2}.bd-mobile-pad-left{grid-area:2/1}.bd-mobile-pad-right{grid-area:2/3}.bd-mobile-pad-down{grid-area:3/2}.bd-mobile-system{grid-template-rows:1fr 1fr;align-content:center;gap:6px;display:grid}.bd-mobile-actions{grid-template-columns:repeat(3,minmax(46px,1fr));align-content:center;gap:6px;display:grid}.bd-mobile-btn{color:#fffaf0;letter-spacing:.8px;text-shadow:2px 2px #000;cursor:pointer;touch-action:none;background:linear-gradient(135deg,#ffffffe0,#2d7dffe0 18%,#040711eb 51%,#ff2623d1),repeating-linear-gradient(116deg,#0000 0 9px,#ffffff52 10px 11px,#0000 12px 20px);border:1px solid #ffffff8f;border-radius:7px;min-width:0;min-height:34px;font-family:Impact,Arial Black,sans-serif;font-size:11px;line-height:1;box-shadow:inset 0 0 12px #ffffff1f,0 0 12px #2d7dff33,0 0 12px #ff262324}.bd-mobile-btn:active{filter:brightness(1.18);transform:translateY(1px)scale(.99)}.bd-mobile-btn:disabled{opacity:.54;filter:grayscale(.2)}.bd-mobile-btn-pause{color:#2a1600;text-shadow:none;background:linear-gradient(135deg,#fff8d7,#ffcf6b 42%,#d06b25)}.bd-mobile-btn-taunt{color:#f8e6ff;background:linear-gradient(135deg,#3b145f,#b933ff 44%,#120319 100%)}@media (orientation:portrait) and (width<=760px){.bd-mobile-controller{grid-template-columns:minmax(164px,1fr) minmax(150px,1fr);grid-template-areas:"pad actions""system actions";gap:9px;min-height:min(252px,37dvh);max-height:min(300px,42dvh);padding:10px}.bd-mobile-pad{grid-area:pad;grid-template-rows:repeat(3,minmax(40px,50px));grid-template-columns:repeat(3,minmax(44px,54px));gap:5px}.bd-mobile-system{grid-area:system;grid-template-rows:1fr;grid-template-columns:1fr 1fr}.bd-mobile-actions{grid-area:actions;grid-template-columns:repeat(2,minmax(58px,1fr));gap:7px}.bd-mobile-btn{min-height:40px;font-size:12px}}@media (orientation:landscape) and (height<=380px){.bd-mobile-controller{gap:6px;min-height:96px;max-height:118px;padding:6px}.bd-mobile-pad{grid-template-rows:repeat(3,minmax(26px,33px));grid-template-columns:repeat(3,minmax(30px,38px))}.bd-mobile-actions{gap:5px}.bd-mobile-btn{min-height:29px;font-size:10px}}