:root{--br-sky-a: #bfe9ff;--br-sky-b: #fff6da;--br-panel: #ffffff;--br-panel-tint: #f4f8ff;--br-ink: #33396b;--br-ink-soft: #7a82a6;--br-line: #dde8f7;--br-pink: #ff6fa0;--br-orange: #ffa23c;--br-yellow: #ffd23f;--br-green: #2ecc76;--br-blue: #4cc3ff;--br-purple: #b98cff;--br-red: #ff6f6f;--br-font-display: "Yusei Magic", "M PLUS Rounded 1c", sans-serif;--br-font-body: "M PLUS Rounded 1c", "Hiragino Sans", "Noto Sans JP", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100dvh;overflow:hidden;font-family:var(--br-font-body);background:#0d1b3d;color:var(--br-ink);touch-action:manipulation;-webkit-user-select:none;user-select:none}#canvas-root{position:fixed;inset:0}#canvas-root canvas{display:block;width:100%;height:100%}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10}button{font-family:inherit;min-width:44px;min-height:44px;cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.br-screen{position:absolute;inset:0;display:none;flex-direction:column;pointer-events:auto;color:var(--br-ink)}.br-screen.br-visible{display:flex}.br-home,.br-result{background:linear-gradient(180deg,var(--br-sky-a) 0%,var(--br-sky-b) 100%)}.br-card{position:relative;background:var(--br-panel);border:3px solid var(--br-line);border-radius:26px;box-shadow:0 8px #33396b1a,0 16px 28px #4c8cdc38;color:var(--br-ink)}.br-bunting{display:flex;justify-content:space-around;align-items:flex-start;padding:6px 4px 0;border-top:3px solid #e3d3ab;margin:-4px 0 6px}.br-bunting-flag{width:0;height:0;margin-top:-1px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:13px solid;filter:drop-shadow(0 2px 0 rgba(51,57,107,.08))}.br-btn{appearance:none;border:3px solid var(--br-line);background:var(--br-panel);color:var(--br-ink);border-radius:16px;padding:10px 16px;font-family:var(--br-font-body);font-size:14px;font-weight:700;min-height:44px;min-width:44px;box-shadow:0 4px 0 var(--br-line);transition:transform .12s ease,box-shadow .12s ease,background .15s ease,border-color .15s ease,color .15s ease}.br-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--br-line)}.br-btn.br-primary{background:linear-gradient(180deg,#ff86b3,var(--br-pink));border-color:#e0508a;color:#fff;font-weight:800;box-shadow:0 5px #e0508a}.br-btn.br-primary:active{box-shadow:0 1px #e0508a}.br-btn.br-primary:disabled{background:#e4e8f2;border-color:#d3d9e8;color:#a8afc8;box-shadow:none;cursor:not-allowed}.br-btn.br-selected{background:#eafff0;border-color:var(--br-green);color:#1b9a52;box-shadow:0 4px 0 var(--br-green)}.br-btn.br-ghost{background:transparent;box-shadow:none}.br-btn.br-warn{background:linear-gradient(180deg,#ffbd6b,var(--br-orange));border-color:#e4842a;color:#5a3200;box-shadow:0 5px #e4842a}.br-btn.br-warn:active{box-shadow:0 1px #e4842a}.br-seg{display:flex;gap:8px}.br-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.br-value{font-family:var(--br-font-body);font-weight:800;color:var(--br-orange);text-shadow:0 2px 0 rgba(51,57,107,.1)}.br-home{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));gap:8px;overflow:hidden}.br-home-topbar{position:relative;display:flex;align-items:center;gap:10px;padding:4px 2px;flex:0 0 auto}.br-home-brand{display:flex;align-items:center;gap:8px;min-width:0}.br-logo{display:flex;gap:10px;flex-shrink:0}.br-logo-dot{width:16px;height:16px;border-radius:50%;box-shadow:inset -3px -3px 4px #0000002e,inset 2px 2px 3px #ffffffa6,0 3px 4px #33396b40;animation:br-bob 2.2s ease-in-out infinite}.br-logo-sm .br-logo-dot{width:9px;height:9px}.br-logo-dot-0{background:var(--br-pink);animation-delay:0s}.br-logo-dot-1{background:var(--br-yellow);animation-delay:.15s}.br-logo-dot-2{background:var(--br-blue);animation-delay:.3s}@keyframes br-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.br-setup-title{font-family:var(--br-font-display);font-size:clamp(30px,9vw,46px);line-height:1.2;text-align:center}.br-title-compact{font-size:clamp(16px,5vw,22px);text-align:left;white-space:nowrap}.br-title-char{display:inline-block;-webkit-text-stroke:3px #fff;paint-order:stroke fill;text-shadow:0 3px 0 rgba(51,57,107,.18)}.br-title-compact .br-title-char{-webkit-text-stroke:2px #fff;text-shadow:0 2px 0 rgba(51,57,107,.18)}.br-title-char:nth-child(odd){transform:rotate(-4deg)}.br-title-char:nth-child(2n){transform:rotate(4deg)}.br-tagline{font-family:var(--br-font-body);font-weight:800;font-size:13px;letter-spacing:.1em;color:#fff;background:var(--br-blue);padding:4px 14px;border-radius:999px;box-shadow:0 3px #2fa5df}.br-home-points{margin-left:auto;flex-shrink:0}.br-gear-btn{flex-shrink:0;width:44px;height:44px;padding:0;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center}.br-settings-panel{display:none;position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:min(260px,78vw);padding:16px;flex-direction:column;gap:14px}.br-settings-panel.br-open{display:flex}.br-field{display:flex;flex-direction:column;gap:10px}.br-field-row{display:flex;justify-content:space-between;align-items:baseline}.br-field-row>span:first-child{font-size:13px;font-weight:800;color:var(--br-ink-soft)}.br-field-row .br-value{font-size:18px}.br-slider{width:100%;height:44px;accent-color:var(--br-pink)}.br-slider-card{flex:0 0 auto;padding:14px 16px}.br-points{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:800;color:var(--br-ink-soft)}.br-points .br-value{font-size:22px}.br-section-label{flex:0 0 auto;font-size:13px;font-weight:800;color:var(--br-ink-soft);padding:0 6px}.br-ball-grid{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-auto-rows:min-content;align-content:start;gap:8px;padding:4px 2px}.br-ball-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;border-radius:16px;border:3px solid var(--br-line);background:var(--br-panel-tint);min-height:44px;font-family:var(--br-font-body);font-size:12px;font-weight:700;color:var(--br-ink)}.br-ball-card.br-selected{border-color:var(--br-green);background:#eafff0;box-shadow:0 0 0 3px #2ecc7640}.br-swatch{position:relative;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.15);box-shadow:inset -5px -5px 8px #00000047,inset 3px 3px 5px #ffffff8c,0 2px 4px #33396b40;flex-shrink:0}.br-swatch:after{content:"";position:absolute;top:14%;left:20%;width:34%;height:24%;border-radius:50%;background:radial-gradient(circle,#fffffff2,#fff0 70%)}.br-betting-footer{flex:0 0 auto;padding:10px;display:flex;flex-direction:column;gap:10px}.br-preset-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.br-preset-row .br-chip{--chip-color: var(--br-blue);flex:0 0 auto;width:56px;height:56px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-family:var(--br-font-body);font-weight:800;font-size:14px;border:3px solid var(--chip-color);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.8),transparent 55%),color-mix(in srgb,var(--chip-color) 22%,white);color:var(--br-ink);box-shadow:0 4px color-mix(in srgb,var(--chip-color) 65%,black 10%)}.br-preset-row .br-chip.br-chip-wide{width:auto;height:48px;border-radius:24px;padding:0 18px;align-self:center}.br-preset-row .br-chip.br-selected{background:color-mix(in srgb,var(--chip-color) 55%,white);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15);box-shadow:0 4px color-mix(in srgb,var(--chip-color) 65%,black 10%),0 0 0 3px color-mix(in srgb,var(--chip-color) 35%,white)}.br-odds-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;font-size:15px;font-weight:800;color:var(--br-ink-soft);padding:0 6px;text-align:center}.br-odds-row .br-value{font-size:19px}.br-refill{width:100%}.br-start{width:100%;font-size:17px;padding:14px}.br-race{pointer-events:none;justify-content:space-between;padding:env(safe-area-inset-top,8px) 8px 0}.br-race>*{pointer-events:auto}.br-ticker{align-self:flex-start;width:min(300px,88vw);border-radius:4px 18px 18px;display:flex;flex-direction:column;gap:4px;padding:8px 10px;font-family:var(--br-font-body);font-size:13px;background:#fffffff0;box-shadow:0 6px 16px #0d1b3d59}.br-ticker-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.br-ticker-brand{font-family:var(--br-font-display);font-size:12px;color:var(--br-ink)}.br-elapsed{font-size:13px}.br-ticker-list{display:flex;flex-direction:column;gap:3px}.br-ticker-row{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:8px}.br-ticker-row.br-mine,.br-result-row.br-mine{background:linear-gradient(90deg,#ffd23f8c,#ff6fa02e);outline:2px solid var(--br-yellow);animation:br-mine-pulse 1.6s ease-in-out infinite}@keyframes br-mine-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.br-ticker-rank,.br-result-rank{font-family:var(--br-font-body);font-weight:800;width:20px;text-align:right;color:var(--br-ink-soft);font-variant-numeric:tabular-nums}.br-dot{position:relative;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.br-dot:after{content:"";position:absolute;top:15%;left:20%;width:35%;height:25%;border-radius:50%;background:radial-gradient(circle,#fffffff2,#fff0 70%)}.br-ticker-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.br-ticker-goal{color:#1b9a52;font-weight:800;font-size:11px}.br-you-badge{background:var(--br-pink);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px}.br-hud-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 8px calc(10px + env(safe-area-inset-bottom,0px))}.br-hud-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:8px}.br-hud-group{display:flex;gap:6px;background:#fffffff0;border-radius:16px;padding:4px;box-shadow:0 6px 16px #0d1b3d59}.br-hud-group .br-btn{padding:8px 12px;font-size:13px;border-width:2px;box-shadow:0 3px 0 var(--br-line)}.br-hud-group .br-btn.br-selected{box-shadow:0 3px 0 var(--br-green)}.br-result{align-items:center;justify-content:center;padding:20px 12px}.br-result-card{position:relative;overflow:hidden;width:min(440px,94vw);max-height:92vh;padding:20px;display:flex;flex-direction:column;gap:14px}.br-stars{display:flex;justify-content:center;gap:10px;font-size:18px;line-height:1}.br-star{color:var(--br-yellow);filter:drop-shadow(0 0 4px rgba(255,210,63,.8));animation:br-twinkle 1.1s ease-in-out infinite}@keyframes br-twinkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(12deg);opacity:.6}}.br-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.br-confetti-piece{position:absolute;top:-12%;width:8px;height:12px;border-radius:3px;opacity:0;animation-name:br-fall;animation-timing-function:linear;animation-iteration-count:infinite}.br-confetti-piece.br-confetti-round{border-radius:50%}@keyframes br-fall{0%{transform:translateY(-10vh) rotate(0);opacity:0}8%{opacity:.95}to{transform:translateY(120vh) rotate(360deg);opacity:.85}}.br-result-banner{position:relative;text-align:center;font-family:var(--br-font-display);font-size:clamp(22px,7vw,30px)}.br-result-banner.br-win{color:var(--br-pink);text-shadow:0 3px 0 rgba(51,57,107,.15)}.br-result-banner.br-lose{font-family:var(--br-font-body);font-weight:800;color:var(--br-ink-soft)}.br-result-payout{position:relative;text-align:center;font-family:var(--br-font-body);font-weight:800;font-size:clamp(30px,10vw,44px);color:var(--br-green);text-shadow:0 3px 0 rgba(51,57,107,.12)}.br-result-list-title{position:relative;font-size:13px;font-weight:800;color:var(--br-ink-soft);margin-top:4px}.br-result-list{position:relative;display:flex;flex-direction:column;gap:4px;max-height:30vh;overflow-y:auto;padding-right:4px}.br-result-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;font-size:14px;font-weight:500}.br-result-points{position:relative;text-align:center;font-size:13px;font-weight:800;color:var(--br-ink-soft)}.br-result-points .br-value{font-size:18px}.br-result-actions{position:relative;display:flex;gap:10px}.br-result-actions .br-btn{flex:1}@media(max-width:400px){.br-ball-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.br-preset-row .br-chip{width:48px;height:48px;font-size:12px}}.br-goal-banner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;z-index:30;animation:br-goal-fade 3s ease forwards}.br-goal-text{font-family:var(--br-font-display);font-size:clamp(56px,16vw,120px);line-height:1;display:flex}.br-goal-char{display:inline-block;-webkit-text-stroke:3px #fff;paint-order:stroke fill;text-shadow:0 4px 0 rgba(51,57,107,.18);animation:br-goal-pop .5s cubic-bezier(.2,1.6,.4,1) both}.br-goal-rank{font-family:var(--br-font-display);font-size:clamp(22px,5vw,36px);color:var(--br-ink);background:#ffffffe6;border:2px solid var(--br-yellow);border-radius:999px;padding:4px 18px;animation:br-goal-pop .5s .35s cubic-bezier(.2,1.6,.4,1) both}@keyframes br-goal-pop{0%{transform:scale(0) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes br-goal-fade{0%,80%{opacity:1}to{opacity:0}}.br-whiteout{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .45s ease;z-index:100}.br-whiteout.br-on{opacity:1}