.beat-app{--card:#fff;--card2:#f5f8fd;--blue:#1e3a8a;--green:#16a34a;--red:#b31942;--acc:#f59e0b;--purple:#b31942;--text:#0f172a;--text2:#334155;--text3:#64748b;--text4:#94a3b8;--border:#e2e8f0;--shadow:0 4px 20px #10192b1a;--app-bg:linear-gradient(180deg, #f4f7fc, #e7edf7);--surface:#fff;--surface-2:#f5f8fd;--line:#dce3ef;--chip:#eef2fb}.beat-app *{-webkit-tap-highlight-color:transparent}.beat-app{background:var(--app-bg);color:var(--text);flex-direction:column;height:100%;margin:0 auto;font-family:Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}@media (min-width:1024px){.beat-app{max-width:960px}}.beat-overlay-host{display:contents}#beat-modal-root:empty{display:none}.sr-only{top:0;left:0}.beat-app [class*=overflow-y-auto]:not([class*=overflow-x]),#beat-modal-root [class*=overflow-y-auto]:not([class*=overflow-x]){overflow-x:hidden}.beat-app header{background:var(--surface);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);flex-shrink:0;box-shadow:0 1px 6px #10192b0f}.beat-app .htop{align-items:center;gap:8px;padding:13px 12px;display:flex}.beat-app .hright{align-items:center;gap:6px;margin-left:auto;display:flex}.beat-app .coinbox{background:var(--chip);border:1px solid var(--line);color:var(--text);white-space:nowrap;cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:flex}.beat-app .coinbox .c{color:#d97706;font-weight:800}.beat-app .main{flex-direction:column;flex:1;padding-inline:12px;display:flex;position:relative;overflow:hidden}.beat-app .ptr-badge{z-index:60;background:var(--surface);border:1px solid var(--line);width:36px;height:36px;color:var(--blue);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:0;left:50%;box-shadow:0 4px 12px #0f172a26}.beat-app .ptr-spin{animation:.8s linear infinite ptr-rotate}@keyframes ptr-rotate{to{transform:rotate(360deg)}}.beat-app .navbottom{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#f6faff,#eaf3ff);flex-shrink:0;display:flex;box-shadow:0 -2px 12px #10192b14}@media (display-mode:standalone){.beat-app .navbottom{padding-bottom:0}}.beat-app .dbgmodal{z-index:500;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.beat-app .dbgsheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#1e293b;border-top:1px solid #334155;border-radius:20px 20px 0 0;width:100%;max-width:430px;max-height:92%;margin:0 auto;padding:20px 18px 32px;overflow-y:auto}.beat-app .toast{text-align:center;z-index:10100;opacity:0;pointer-events:none;white-space:pre-line;border-radius:22px;width:max-content;max-width:calc(100vw - 32px);padding:9px 20px;font-size:14px;font-weight:700;line-height:1.45;transition:all .3s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(16px);box-shadow:0 4px 16px #0003}.beat-app .toast.show{opacity:1;transform:translate(-50%)translateY(0)}.beat-app .tfail{color:#fff;background:#ef4444}.beat-app .twarn{color:#000;background:#f59e0b}@keyframes djFadeIn{0%{opacity:0}to{opacity:1}}@keyframes djSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-line-flow{to{stroke-dashoffset:-20px}}html.beat-envmark-local{--envmark:#16a34a;--envmark-dark:#052e16;--envmark-soft1:#dcfce7;--envmark-soft2:#bbf7d0;--envmark-label:"🧪 LOCAL（手元の開発サーバ）"}html.beat-envmark-dev{--envmark:#dc2626;--envmark-dark:#450a0a;--envmark-soft1:#fee2e2;--envmark-soft2:#fecaca;--envmark-label:"🛠 DEV（開発環境）"}html.beat-envmark body:before{content:"";z-index:100000;pointer-events:none;border:12px solid #0000;border-image:repeating-linear-gradient(45deg, var(--envmark) 0 10px, var(--envmark-dark) 10px 20px) 12;position:fixed;inset:0}html.beat-envmark body:after{content:var(--envmark-label);z-index:100001;pointer-events:none;background:var(--envmark);color:#fff;letter-spacing:1px;white-space:nowrap;border-radius:0 0 12px 12px;padding:4px 18px 6px;font-size:13px;font-weight:900;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000040}html.beat-envmark .beat-app{box-shadow:inset 0 0 0 2px var(--envmark)}html.beat-envmark .beat-app header{background:linear-gradient(180deg, var(--envmark-soft1), var(--envmark-soft2));border-bottom:2px solid var(--envmark)}html .beat-app header.hdr-dark{background:var(--top-bg,none) var(--top-bg-x,0px) calc(var(--top-bg-y,0px) - var(--top-bg-scroll,0px)) / var(--top-bg-w,100%) auto no-repeat, var(--top-bg-fill,#1a110b);box-shadow:none;border-bottom:none}.beat-app .news-ring{position:relative}.beat-app .news-ring:after{content:"";opacity:0;pointer-events:none;border:2px solid #b31942;border-radius:999px;animation:2.6s ease-out infinite news-ring;position:absolute;inset:-3px}@keyframes news-ring{0%{opacity:.55;transform:scale(.9)}70%{opacity:0;transform:scale(1.45)}to{opacity:0}}.beat-app .news-bell{transform-origin:50% 10%;animation:2.6s ease-in-out infinite news-bell;display:inline-block}@keyframes news-bell{0%,82%,to{transform:rotate(0)}86%{transform:rotate(-12deg)}90%{transform:rotate(10deg)}94%{transform:rotate(-6deg)}}.beat-app .news-badge{animation:2.6s ease-in-out infinite news-badge}@keyframes news-badge{0%,70%,to{transform:scale(1)}80%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.beat-app .news-ring:after,.beat-app .news-bell,.beat-app .news-badge{animation:none}}@keyframes fxPop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.18)}to{transform:scale(1)}}@keyframes fxFall{0%{opacity:0;transform:translateY(-30px)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(260px)rotate(200deg)}}@keyframes fxShine{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 18px #f59e0b73}}.fx-pop{animation:.5s cubic-bezier(.2,.9,.3,1.2) both fxPop}@media (prefers-reduced-motion:reduce){.fx-pop,.fx-fall{animation:none!important}.fx-fall{display:none}}@keyframes adGlow{0%,to{box-shadow:0 0 #d4a72c00}50%{box-shadow:0 0 18px 4px #d4a72c8c}}.ad-glow{animation:2.4s ease-in-out infinite adGlow}@media (prefers-reduced-motion:reduce){.ad-glow{animation:none}}@keyframes pgfx-wrap{0%{opacity:0;transform:scale(.3)}14%{opacity:1;transform:scale(1.15)}24%{transform:scale(.95)}32%{transform:scale(1)}78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-60px)scale(.85)}}@keyframes pgfx-coin{0%{transform:rotateY(0)}40%{transform:rotateY(720deg)}to{transform:rotateY(720deg)}}@keyframes pgfx-ring{0%{opacity:.9;transform:translate(-50%,-50%)scale(.6)}45%{opacity:0;transform:translate(-50%,-50%)scale(2.6)}to{opacity:0;transform:translate(-50%,-50%)scale(2.6)}}@keyframes pgfx-spark{0%{opacity:1;transform:translate(-50%, -50%) rotate(var(--pgfx-deg)) translateX(0) scale(1)}50%{opacity:1}70%{opacity:0;transform:translate(-50%, -50%) rotate(var(--pgfx-deg)) translateX(110px) scale(.4)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--pgfx-deg)) translateX(110px) scale(.4)}}.pgfx-wrap{animation:2.2s ease-out both pgfx-wrap}.pgfx-coin{animation:2.2s ease-out both pgfx-coin}.pgfx-ring{animation:2.2s ease-out both pgfx-ring}.pgfx-spark{animation:2.2s ease-out both pgfx-spark}@media (prefers-reduced-motion:reduce){.pgfx-coin,.pgfx-ring,.pgfx-spark{animation:none}.pgfx-ring,.pgfx-spark{display:none}}@keyframes balloon-float{0%{transform:translateY(110%)}to{transform:translateY(calc(-100vh - 100%))}}@keyframes balloon-sway{0%,to{transform:translate(-14px)rotate(-6deg)}50%{transform:translate(14px)rotate(6deg)}}@keyframes balloon-pop{0%{opacity:1;transform:scale(1)}40%{opacity:.8;transform:scale(1.5)}to{opacity:0;transform:scale(1.9)}}.balloon-float{animation:7s linear both balloon-float}.balloon-sway{animation:1.8s ease-in-out infinite balloon-sway}.balloon-popped,.balloon-popped .balloon-sway{animation-play-state:paused}.balloon-popped .balloon-body{animation:.35s ease-out both balloon-pop}.balloon-popped .balloon-sway>span:last-child{opacity:0}
.Af2_WG_coinbox{cursor:pointer;color:var(--text);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:5px;font-size:16px;font-weight:900;display:inline-flex}.Af2_WG_coinIcon{color:#92400e;letter-spacing:-.5px;background:radial-gradient(circle at 30% 28%,#fef9c3 0%,#fde047 40%,#f59e0b 80%,#b45309 100%);border:1.5px solid #ca8a04;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:inset 0 -1.5px 2px #78350f59,0 1px 3px #00000040}.Af2_WG_adBtn{background:var(--chip);border:1px solid var(--line);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex;position:relative}.Af2_WG_guideMenu{z-index:601;background:#fff;border:1px solid #0f172a26;border-radius:12px;width:280px;padding:8px;position:fixed;top:56px;right:14px;box-shadow:0 12px 28px #0f172a59}.Af2_WG_guideMenuItem{text-align:left;cursor:pointer;color:#0f172a;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 8px;font-size:13px;font-weight:700;display:flex}.Af2_WG_guideMenuItem:hover{background:#3b82f614}