:root{--accent: #ffd23b;--ink: #f3f5fb;--panel: rgba(14, 12, 28, .86);--neon-pink: #ff2db5;--neon-cyan: #28e0ff;--neon-purple: #9b5bff;--board-h: clamp(70px, 7.8vh, 116px);--board-top: max(14px, env(safe-area-inset-top))}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#05060d}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}.bw-board{position:absolute;top:var(--board-top);left:50%;transform:translate(-50%);display:flex;width:calc(100% - 28px);height:var(--board-h);background:#020408e6;border:2px solid rgba(255,255,255,.92);border-radius:10px;box-shadow:0 0 0 2px #ff2db5f2,0 0 15px var(--neon-pink),0 0 30px #28e0ff73,inset 0 0 20px #ff2db547;overflow:hidden}.bw-frame{flex:1 1 0;min-width:0;border-right:1.5px solid rgba(255,255,255,.72);display:flex;flex-direction:column}.bw-frame:last-child{border-right:none}.bw-fnum{font-size:clamp(17px,2.05vh,29px);font-weight:800;text-align:center;line-height:clamp(20px,2.1vh,33px);color:#fff;background:linear-gradient(180deg,#4214a4,#180640);border-bottom:1.5px solid rgba(255,255,255,.7);text-shadow:0 2px 2px #000,0 0 9px rgba(255,255,255,.45)}.bw-marks{display:flex;height:clamp(20px,2.1vh,33px);border-bottom:1.5px solid rgba(255,255,255,.65)}.bw-mk{flex:1 1 0;min-width:0;text-align:center;font-size:clamp(17px,2vh,28px);font-weight:800;line-height:clamp(20px,2.1vh,33px);color:#fff;text-shadow:0 2px 2px #000,0 0 7px rgba(255,255,255,.35)}.bw-mk+.bw-mk{border-left:1.5px solid rgba(255,255,255,.65)}.bw-mk.x,.bw-mk.sp{color:var(--neon-cyan);text-shadow:0 0 6px var(--neon-cyan)}.bw-cum{text-align:center;font-size:clamp(16px,1.8vh,26px);font-weight:800;line-height:clamp(16px,1.8vh,28px);min-height:clamp(16px,1.8vh,28px);color:#fff;text-shadow:0 2px 2px #000,0 0 7px rgba(255,255,255,.35)}.bw-frame.bw-active{background:linear-gradient(180deg,#005affb8,#020c28e6);box-shadow:inset 0 0 0 2px var(--neon-cyan),0 0 18px var(--neon-cyan)}.bw-quit{position:absolute;top:calc(var(--board-top) + var(--board-h) + 6px);right:14px;padding:5px 12px;font-size:12px;font-weight:800;letter-spacing:.5px;color:#ffd9ec;background:#0a040ed1;border:1.5px solid var(--neon-pink);border-radius:8px;box-shadow:0 0 8px #ff2db599;pointer-events:none;opacity:0;transition:opacity .2s,transform .08s;cursor:pointer;white-space:nowrap}.bw-quit.bw-show{opacity:var(--bw-zoom-opacity, 1);pointer-events:auto}.bw-quit:active{transform:scale(.94)}.bw-reset{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:8px 15px;font-size:13px;font-weight:800;letter-spacing:.5px;color:#d8f6ff;background:#040a10d1;border:1.5px solid var(--neon-cyan);border-radius:9px;box-shadow:0 0 9px #28e0ff8c;pointer-events:none;opacity:0;transition:opacity .2s;cursor:pointer;white-space:nowrap}.bw-reset.bw-show{opacity:var(--bw-zoom-opacity, 1);pointer-events:auto}.bw-reset:active{transform:translateY(-50%) scale(.94)}.bw-pins{position:absolute;top:calc(var(--board-top) + var(--board-h) + 8px);left:14px;width:136px;background:linear-gradient(180deg,#070d18eb,#01070bd6);border:2px solid rgba(140,170,205,.95);border-radius:10px;box-shadow:0 0 13px #28e0ff47,inset 0 0 18px #000000bf;padding:9px 8px 11px;opacity:0;transition:opacity .2s}.bw-pins.bw-show{opacity:var(--bw-zoom-opacity, 1)}.bw-pins-title{font-size:16px;font-weight:700;text-align:center;color:#fff77a;margin-bottom:6px;text-shadow:0 2px 2px #000,0 0 7px #fff25e}.bw-pin-row{display:flex;justify-content:center;gap:6px;margin-bottom:5px}.bw-pin{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;background:#00000070;border:1.5px solid rgba(255,255,255,.92);box-shadow:inset 0 0 7px #ffffff2e,0 0 7px #ffffff59;transition:all .15s}.bw-pin.down{color:#ffffff59;background:#ffffff14;border-color:#ffffff47;box-shadow:none}.bw-power,.bw-power.bw-show{display:none}.bw-power-label{font-size:21px;font-weight:800;color:#fff;margin-bottom:8px;text-shadow:0 3px 2px #000,0 0 6px #000,0 0 8px #fff}.bw-power-track{position:relative;width:58px;height:350px;border-radius:20px;background:linear-gradient(to top,#2b6bff,#16c6ff,#2bff7a,#d8ff2b,#ffd000,#ff7a1a,#ff2d55);border:5px solid #ff4fc7;box-shadow:0 0 0 3px #fff,0 0 16px #ff2db5,0 0 35px #ff2db5e6,inset 0 0 10px #0000008c}.bw-power-track:after{content:"";position:absolute;inset:0;border-radius:14px;background:repeating-linear-gradient(to top,rgba(0,0,0,.28) 0 1px,transparent 1px 14px);pointer-events:none}.bw-power-knob{position:absolute;left:36px;bottom:0%;transform:translateY(50%);display:flex;align-items:center;transition:bottom .05s linear}.bw-power-knob:before{content:"";width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:18px solid #fff;border-left:0;filter:drop-shadow(0 0 6px #ff2db5)}.bw-power-pct{background:linear-gradient(180deg,#3c0a1af5,#080614f5);border:3px solid var(--neon-pink);border-radius:999px;box-shadow:0 0 0 2px #ffffffe6,0 0 12px var(--neon-pink);color:#fff;font-size:25px;font-weight:900;padding:4px 14px;margin-left:2px;white-space:nowrap}.bw-spinind{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;opacity:0;transition:opacity .15s}.bw-spinind.bw-show{opacity:1}.bw-spinind-label{font-size:13px;font-weight:800;color:#fff;text-shadow:0 0 6px var(--neon-cyan),0 1px 3px rgba(0,0,0,.8);letter-spacing:1px}.bw-spinind-arrow{font-size:32px;font-weight:900;line-height:1;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan);letter-spacing:-1px}.bw-spindots{display:flex;gap:7px;margin-top:20px}.bw-spindot{width:10px;height:10px;border-radius:2px;background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff59;transition:background .12s,box-shadow .12s}.bw-spindot.on{background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan),0 0 13px var(--neon-cyan)}.bw-spinind-arrow.off{font-size:18px;letter-spacing:0;color:#ffffffc7;text-shadow:0 1px 3px rgba(0,0,0,.8)}.bw-aimguide{position:absolute;left:0;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;opacity:0;transition:opacity .2s;z-index:5}.bw-aimguide.bw-show{opacity:1}.bw-aimguide-arrow{line-height:0;color:#8af2ff;filter:drop-shadow(0 0 6px var(--neon-cyan)) drop-shadow(0 0 13px var(--neon-cyan));animation:bw-swipe 1.3s ease-in-out infinite}.bw-aimguide-text{margin-top:3px;font-size:14px;font-weight:800;letter-spacing:.5px;white-space:nowrap;color:#eaf8ff;text-shadow:0 0 7px rgba(40,224,255,.9),0 1px 3px rgba(0,0,0,.85)}@keyframes bw-swipe{0%,to{transform:translate(-9px)}50%{transform:translate(9px)}}.bw-aimguide-arrow.bw-guide-down{animation:bw-pull 1.2s ease-in-out infinite}@keyframes bw-pull{0%,to{transform:translateY(-7px)}50%{transform:translateY(7px)}}.bw-spin{position:absolute;right:20px;bottom:max(18px,env(safe-area-inset-bottom));width:132px;display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .18s}.bw-spin.bw-show{opacity:1}.bw-spin-label{font-size:22px;font-weight:800;color:#fff;text-shadow:0 3px 2px #000,0 0 8px #fff;margin-bottom:6px}.bw-spin-dial{position:relative;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3c3c3d,#090a0e 66%);border:5px solid #848b94;box-shadow:0 0 0 3px #1c2430,0 0 14px #fff9,inset 0 0 16px #000000b8;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer}.bw-spin-dial:active{transform:scale(.94)}.bw-spin-ball{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#ff8ad6,#d6189a 60%,#7a0f6e);box-shadow:0 0 8px #ff2db5cc;position:relative}.bw-spin-ball:before,.bw-spin-ball:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#14061ed9}.bw-spin-ball:before{top:11px;left:14px;box-shadow:8px 0 #14061ed9}.bw-spin-ball:after{top:19px;left:18px}.bw-spin-arrow{position:absolute;inset:0;font-size:94px;line-height:108px;text-align:center;color:var(--accent);text-shadow:0 0 8px var(--accent);transition:transform .1s;pointer-events:none}.bw-spin-foot{margin-top:-6px;font-size:18px;font-weight:700;color:#fff;text-align:center;background:#090e14eb;border:2px solid rgba(145,170,190,.85);border-radius:8px;padding:5px 12px 20px;text-shadow:0 2px 2px #000}.bw-spin-dots{display:flex;gap:9px;justify-content:center;margin-top:-19px;position:relative;z-index:1}.bw-spin-dots .dot{width:15px;height:15px;border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.3)}.bw-spin-dots .dot.on{background:#4dff5a;box-shadow:0 0 9px #4dff5a;border-color:#4dff5a}.bw-hint{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:0;width:100%;padding:0 116px 0 12px;text-align:center;font-size:14px;line-height:1.3;color:#fffc;text-shadow:0 1px 4px rgba(0,0,0,.9)}.bw-toast{position:absolute;top:26%;left:50%;transform:translate(-50%,-50%) scale(.5) rotate(-4deg);font-size:72px;font-weight:900;font-style:italic;letter-spacing:2px;opacity:0;transition:all .3s cubic-bezier(.2,1.5,.4,1);white-space:nowrap}.bw-toast.bw-show{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-4deg)}.bw-toast-strike{color:#ff7ad6;text-shadow:0 0 10px var(--neon-pink),0 0 24px var(--neon-pink),0 0 40px #ff2db5}.bw-toast-spare{color:#ffe87a;text-shadow:0 0 10px var(--accent),0 0 24px var(--accent)}.bw-toast-normal{color:#fff;font-size:40px;text-shadow:0 0 10px var(--neon-cyan),0 0 22px var(--neon-cyan)}.bw-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#3c145a80,#060610eb);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s}.bw-overlay.bw-show{opacity:1;pointer-events:auto}.bw-panel{width:min(86%,380px);background:var(--panel);border:2px solid var(--neon-pink);border-radius:18px;padding:26px 22px;text-align:center;box-shadow:0 0 24px #ff2db580,0 20px 60px #00000080}.bw-logo{font-size:56px}.bw-logo-img{display:block;width:min(92%,320px);height:auto;margin:0 auto 8px;filter:drop-shadow(0 0 12px rgba(40,224,255,.55))}.bw-panel h1{font-size:30px;letter-spacing:2px;color:#fff;text-shadow:0 0 12px var(--neon-pink);margin-top:4px}.bw-sub{color:#ffffffa6;font-size:13px;margin-top:4px}.bw-howto{text-align:left;margin:18px 0;background:#0000004d;border-radius:10px;padding:12px 14px}.bw-howto h3{font-size:13px;color:var(--neon-cyan);margin-bottom:6px}.bw-howto pre{font-family:inherit;font-size:12px;line-height:1.7;white-space:pre-wrap;color:#ffffffd9}.bw-btn{margin-top:10px;padding:14px 30px;font-size:16px;font-weight:800;color:#2a0030;background:linear-gradient(180deg,#ff8ad6,#ff2db5);border:none;border-radius:999px;cursor:pointer;box-shadow:0 0 20px #ff2db5b3}.bw-btn:active{transform:translateY(1px)}.bw-finalscore{font-size:64px;font-weight:900;color:var(--accent);text-shadow:0 0 16px var(--accent);margin:10px 0 6px}