:root{--bb-lac:#101A2E;--bb-deep:#0A1120;--bb-brass:#C9A55C;--bb-brass-l:#E9CF8F;--bb-brass-d:#8E6F2F;--bb-ivory:#F3EBDD;--bb-ivory-m:#B7B1A4;--bb-plasma:#FF8A1F}
@property --bb-n{syntax:'<integer>';inherits:false;initial-value:105}
.bb-hero{display:grid;justify-items:center;max-width:1400px;margin:0 auto;padding:clamp(104px,12vw,150px) var(--pad) 0}
.bb-cab{display:grid;justify-items:center;width:min(100%,800px);margin-top:clamp(14px,2vw,26px)}
.bb-marquee{--step:8px;position:relative;width:100%;padding:18px;background:var(--bb-lac);clip-path:polygon(calc(var(--step) * 2) 0,calc(100% - var(--step) * 2) 0,calc(100% - var(--step) * 2) var(--step),calc(100% - var(--step)) var(--step),calc(100% - var(--step)) calc(var(--step) * 2),100% calc(var(--step) * 2),100% calc(100% - var(--step) * 2),calc(100% - var(--step)) calc(100% - var(--step) * 2),calc(100% - var(--step)) calc(100% - var(--step)),calc(100% - var(--step) * 2) calc(100% - var(--step)),calc(100% - var(--step) * 2) 100%,calc(var(--step) * 2) 100%,calc(var(--step) * 2) calc(100% - var(--step)),var(--step) calc(100% - var(--step)),var(--step) calc(100% - var(--step) * 2),0 calc(100% - var(--step) * 2),0 calc(var(--step) * 2),var(--step) calc(var(--step) * 2),var(--step) var(--step),calc(var(--step) * 2) var(--step))}
.bb-bulbs{--lit:radial-gradient(circle,#FFF3D6 0 2.4px,#FFB25E 3.2px,rgba(255,138,31,.35) 4.6px,transparent 6.5px);--dim:radial-gradient(circle,rgba(233,207,143,.34) 0 2.6px,transparent 3.2px);position:absolute;inset:0;pointer-events:none;background:var(--lit) 0 0/54px 18px repeat-x,var(--lit) 0 100%/54px 18px repeat-x,var(--lit) 0 0/18px 54px repeat-y,var(--lit) 100% 0/18px 54px repeat-y,var(--dim) 0 0/18px 18px repeat-x,var(--dim) 0 100%/18px 18px repeat-x,var(--dim) 0 0/18px 18px repeat-y,var(--dim) 100% 0/18px 18px repeat-y;animation:bbChase 1.2s steps(3) infinite}
@keyframes bbChase{to{background-position:54px 0,-54px 100%,0 -54px,100% 54px,0 0,0 100%,0 0,100% 0}}
.bb-marquee__in{position:relative;display:grid;justify-items:center;gap:12px;padding:clamp(26px,4vw,46px) clamp(14px,4vw,48px);border:1px solid rgba(233,207,143,.45);background:linear-gradient(var(--bb-deep),var(--bb-lac));text-align:center}
.bb-marquee__kicker{font-size:14px;font-weight:600;color:var(--bb-brass-l)}
.bb-marquee__title{font-weight:700;font-size:clamp(2.5rem,9.6vw,5.6rem);line-height:.92;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;color:var(--bb-ivory);text-shadow:0 .035em 0 var(--bb-brass),0 .07em 0 var(--bb-brass-d),0 .16em .3em rgba(0,0,0,.6)}
.bb-marquee__tag{margin-top:4px;font-size:clamp(17px,1.7vw,22px);color:var(--bb-ivory-m)}
.bb-body{width:94%;padding:clamp(10px,1.6vw,18px);background:var(--bb-lac);border-style:solid;border-width:0 clamp(6px,1vw,10px);border-image:linear-gradient(var(--bb-brass-l),var(--bb-brass-d)) 1;box-shadow:inset 0 0 0 1px rgba(233,207,143,.16)}
.bb-dmd{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 18px;overflow:hidden;padding:12px clamp(14px,2vw,22px);border:1px solid rgba(233,207,143,.28);border-radius:6px;background:var(--bb-deep);color:var(--bb-plasma);font-size:clamp(16px,2.7vw,27px);font-weight:700;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 10px rgba(255,138,31,.55)}
.bb-dmd::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 0 1.05px,var(--bb-deep) 1.4px) 0 0/3px 3px}
.bb-dmd__msgs{display:block;height:1.2em;overflow:hidden}
.bb-dmd__msgs>span{display:block;animation:bbTick 10s steps(1,end) infinite}
.bb-dmd__msgs>span>span{display:block;height:1.2em;white-space:nowrap}
@keyframes bbTick{0%{transform:translateY(0)}25%{transform:translateY(-25%)}50%{transform:translateY(-50%)}75%{transform:translateY(-75%)}}
.bb-dmd__score{display:flex;align-items:baseline;gap:12px;white-space:nowrap}
.bb-dmd__score small{font-size:.62em}
.bb-dmd__n{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;counter-reset:bbn var(--bb-n);animation:bbCount 2.4s .5s steps(35) both}
.bb-dmd__n::after{content:counter(bbn)}
@keyframes bbCount{from{--bb-n:0}to{--bb-n:105}}
.bb-glass{position:relative;margin:clamp(10px,1.6vw,16px) 0 0;overflow:hidden;border-radius:6px;background:var(--bb-deep)}
.bb-glass img{display:block;width:100%;height:auto}
.bb-glass::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.1),rgba(255,255,255,0) 30%,rgba(255,255,255,0) 72%,rgba(255,255,255,.05))}
.bb-deck{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;width:100%;padding:clamp(26px,3vw,38px) clamp(18px,3vw,40px);border-top:3px solid var(--bb-brass);border-radius:0 0 22px 22px;background:linear-gradient(#1C2944,#0E1628);color:var(--bb-ivory);box-shadow:0 60px 80px -50px rgba(0,0,0,.7)}
.bb-deck :focus-visible{outline-color:var(--bb-ivory)}
.bb-card{padding:16px 18px;border:1px solid rgba(233,207,143,.35);border-radius:10px;background:rgba(10,17,32,.55)}
.bb-card__t{font-size:14px;font-weight:600;color:var(--bb-brass-l)}
.bb-card p+p{margin-top:6px;font-size:15px;color:var(--bb-ivory-m)}
.bb-start{order:-1;display:grid;justify-items:center;gap:14px;padding:6px 0}
.bb-start__btn{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:0 34px;border-radius:999px;background:radial-gradient(circle at 50% 28%,#FFC27A 0,#FF8A1F 55%,#E07000 100%);color:#1A0E00;font-size:16px;font-weight:700;white-space:nowrap;box-shadow:0 0 0 5px var(--bb-deep),0 0 0 7px var(--bb-brass),0 7px 0 7px #6B3600,0 22px 36px 4px rgba(255,138,31,.28);transition:transform .12s,box-shadow .12s,filter .2s}
.bb-start__btn:hover{filter:brightness(1.07)}
.bb-start__btn:active{transform:translateY(4px);box-shadow:0 0 0 5px var(--bb-deep),0 0 0 7px var(--bb-brass),0 3px 0 7px #6B3600,0 12px 24px 2px rgba(255,138,31,.24)}
.bb-start__btn:focus-visible{outline:3px solid var(--bb-ivory);outline-offset:12px}
.bb-start__link{margin-top:8px;color:var(--bb-ivory)}
.bb-coin{display:grid;justify-items:center;gap:2px;padding:16px 18px;border:1px solid rgba(233,207,143,.35);border-radius:10px;background:linear-gradient(#26324D,#141D31);text-align:center}
.bb-coin__amt{font-size:clamp(2rem,3.6vw,2.7rem);font-weight:600;line-height:1;letter-spacing:-.03em}
.bb-coin p+p{font-size:13px;color:var(--bb-ivory-m)}
.bb-coin__amt+p{margin-top:6px}
.bb-run{--peg:color-mix(in srgb,var(--ink) 32%,transparent);position:relative;margin-top:clamp(28px,4vw,48px)}
.bb-run__track{position:absolute;top:0;bottom:0;left:13px;width:22px;background:radial-gradient(circle,var(--peg) 0 2px,transparent 2.6px) 50% 0/22px 20px repeat-y}
.bb-run__ball{position:sticky;top:calc(50vh - 11px);z-index:2;display:block;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 10%,#D5DAE1 28%,#7C8591 68%,#353B45);box-shadow:0 6px 10px -2px rgba(0,0,0,.35)}
.bb-run__list{position:relative;display:grid;gap:clamp(48px,7vw,104px)}
.bb-run__list li{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"n txt" ". shot";gap:18px;align-items:start}
.bb-run__n{grid-area:n;position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--ink);border-radius:50%;background:var(--bg);font-weight:600;font-variant-numeric:tabular-nums}
.bb-run__txt{grid-area:txt;max-width:46ch;padding-top:4px}
.bb-run__k{font-size:13px;font-weight:600;color:var(--muted)}
.bb-run__txt h3{margin-top:4px;font-weight:500;font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.12;letter-spacing:-.025em}
.bb-run__txt h3+p{margin-top:8px;color:var(--muted)}
.bb-run__shot{grid-area:shot;margin:0}
.bb-run__shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:var(--bb-deep)}
.bb-board{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,3vw,36px);margin-top:clamp(28px,4vw,48px)}
.bb-board__list{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}
.bb-board__list::-webkit-scrollbar{display:none}
.bb-part{flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:10px 16px;border:1px solid var(--b-line);border-radius:14px;background:transparent;color:var(--b-ink);font:inherit;text-align:left;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s}
.bb-part__n{font-weight:600;line-height:1.2}
.bb-part__p{font-size:13px;color:var(--b-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.bb-part:hover{border-color:color-mix(in srgb,var(--b-ink) 42%,transparent)}
.bb-part[aria-selected="true"]{background:var(--b-ink);border-color:var(--b-ink);color:var(--b-bg)}
.bb-part[aria-selected="true"] .bb-part__p{color:color-mix(in srgb,var(--b-bg) 70%,var(--b-ink))}
.bb-board__view{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.bb-board__table{align-self:start;margin:0;overflow:hidden;border-radius:18px;background:var(--bb-deep);box-shadow:0 30px 70px -36px rgba(0,0,0,.9)}
.bb-board__table img{display:block;width:100%;height:auto}
.bb-panel{align-self:center}
.bb-panel[hidden]{display:none}
.bb-panel:focus-visible{outline:2px solid var(--b-ink);outline-offset:6px;border-radius:12px}
.bb-panel h3{font-weight:500;font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.05;letter-spacing:-.03em}
.bb-panel__pts{display:inline-flex;align-items:center;min-height:30px;margin-top:12px;padding:0 12px;border-radius:999px;background:color-mix(in srgb,var(--b-ink) 12%,transparent);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.bb-panel__d{max-width:44ch;margin-top:14px;color:var(--b-muted);font-size:clamp(16px,1.2vw,18px)}
.bb-spot{display:none;position:absolute;left:0;top:0;width:100%;aspect-ratio:700/495;pointer-events:none}
.js .bb-spot{display:block}
.bb-ring{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:2px solid #fff;border-radius:var(--r,999px);translate:-50% -50%;rotate:var(--rot,0deg);box-shadow:0 0 0 3px rgba(0,0,0,.6);animation:bbPing 1.8s ease-out infinite}
@keyframes bbPing{0%{box-shadow:0 0 0 3px rgba(0,0,0,.6),0 0 0 3px rgba(255,255,255,.6)}100%{box-shadow:0 0 0 3px rgba(0,0,0,.6),0 0 0 16px rgba(255,255,255,0)}}
.bb-score{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(36px,5vw,72px);margin-top:clamp(48px,6vw,88px);padding-top:clamp(32px,4vw,52px);border-top:1px solid var(--b-line)}
.bb-score h3{font-weight:500;font-size:clamp(1.3rem,1.9vw,1.7rem);letter-spacing:-.02em;line-height:1.15}
.bb-score__lead{max-width:52ch;margin-top:8px;color:var(--b-muted)}
.bb-slots{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;margin-top:24px}
.bb-slots li{display:flex;align-items:flex-end;justify-content:center;height:clamp(70px,8vw,104px);padding-bottom:12px;background:color-mix(in srgb,var(--b-ink) 11%,transparent);clip-path:polygon(0 100%,0 30%,14% 30%,14% 15%,28% 15%,28% 0,72% 0,72% 15%,86% 15%,86% 30%,100% 30%,100% 100%);font-size:clamp(12px,1.25vw,17px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.bb-slots .is-jack{background:var(--bb-plasma);color:#1A0E00}
.bb-calc__eq{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 14px;margin-top:24px}
.bb-calc__eq>span,.bb-calc__sum{display:grid;gap:6px}
.bb-calc__eq>.bb-calc__res{display:flex;align-items:flex-start;gap:14px}
.bb-calc__eq b{font-weight:500;font-size:clamp(2rem,3.4vw,3rem);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.bb-calc__eq small{font-size:13px;color:var(--b-muted)}
.bb-calc__eq .bb-calc__op{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.2;color:var(--b-muted)}
.bb-calc__sum b{padding:0 .18em;border-radius:10px;background:var(--b-ink);color:var(--b-bg)}
.bb-calc__gold{max-width:52ch;margin-top:20px;color:var(--b-muted)}
.bb-tiers{display:grid;gap:clamp(36px,5vw,64px);margin-top:clamp(28px,4vw,48px)}
.bb-tier{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.bb-tier__plate{display:flex;align-items:baseline;gap:10px}
.bb-tier__plate b{font-weight:500;font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.bb-tier:nth-child(2) .bb-tier__plate b{font-size:clamp(2.8rem,5.6vw,4.6rem)}
.bb-tier:nth-child(3) .bb-tier__plate b{font-size:clamp(3.4rem,7vw,6rem)}
.bb-tier__plate span{font-size:15px;color:var(--muted)}
.bb-tier__body h3{font-weight:500;font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.12;letter-spacing:-.025em}
.bb-tier__body>p{max-width:58ch;margin-top:10px;color:var(--muted)}
.bb-tier__shot{margin:18px 0 0}
.bb-tier__shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:var(--bb-deep)}
.bb-tier__shot--s{max-width:440px}
.bb-tier__shot--m{max-width:640px}
.bb-tier__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:860px;margin-top:18px}
.bb-tier__pair .bb-tier__shot{margin:0}
.bb-gold{display:grid;grid-template-columns:minmax(0,1fr);gap:22px clamp(28px,4vw,56px);margin-top:clamp(44px,6vw,80px);padding:clamp(22px,3vw,36px);border:1px solid rgba(233,207,143,.28);border-radius:22px;background:var(--bb-lac);color:var(--bb-ivory)}
.bb-gold h3{font-weight:500;font-size:clamp(1.3rem,1.9vw,1.7rem);letter-spacing:-.02em;line-height:1.15}
.bb-gold__text p{margin-top:10px;color:var(--bb-ivory-m)}
.bb-gold__list{display:grid;gap:10px}
.bb-gold__list li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding:12px 16px;border:1px solid rgba(233,207,143,.22);border-radius:6px;background:var(--bb-deep)}
.bb-gold__list span:first-child{font-size:15px;color:var(--bb-ivory-m)}
.bb-gold__list span+span{color:var(--bb-plasma);font-size:clamp(16px,1.7vw,20px);font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 0 8px rgba(255,138,31,.45);font-variant-numeric:tabular-nums}
.bb-quiet{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.bb-quiet .head{margin-bottom:clamp(20px,3vw,32px)}
.bb-quiet__shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.bb-quiet__shots figure{margin:0}
.bb-quiet__shots figure+figure{margin-top:clamp(32px,6vw,80px)}
.bb-quiet__shots img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:16px;background:var(--bb-deep)}
.bb-quiet__shots figcaption{margin-top:10px;font-size:14px;color:var(--muted)}
.bb-zone{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.bb-phone{display:grid;grid-template-columns:clamp(150px,24vw,300px) auto;gap:14px;justify-content:start;margin:0}
.bb-phone img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:18px;background:var(--bb-deep)}
.bb-phone__zones{display:grid;grid-template-rows:8.5fr 53.5fr 38fr;gap:4px}
.bb-phone__zones li{position:relative;display:flex;align-items:center;padding-left:14px;border-left:2px solid var(--ink);font-size:13px;font-weight:600;line-height:1}
.bb-phone__zones li::before,.bb-phone__zones li::after{content:'';position:absolute;left:-2px;width:8px;border-top:2px solid var(--ink)}
.bb-phone__zones li::before{top:0}
.bb-phone__zones li::after{bottom:0}
.bb-phone__zones .is-chat{border-left-style:dashed;color:var(--muted)}
.bb-zone__note{max-width:60ch;margin-top:22px;color:var(--muted)}
.bb-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
.bb-box li{display:grid;align-content:end;gap:10px;min-height:clamp(190px,19vw,250px);padding:clamp(44px,5vw,64px) clamp(14px,2vw,24px) clamp(18px,2vw,26px);background:color-mix(in srgb,var(--ink) 6%,transparent);clip-path:polygon(0 100%,0 16%,7% 16%,7% 8%,14% 8%,14% 0,86% 0,86% 8%,93% 8%,93% 16%,100% 16%,100% 100%)}
.bb-box b{font-weight:500;font-size:clamp(2.6rem,5vw,4.4rem);line-height:.9;letter-spacing:-.05em}
.bb-box span{font-size:15px;color:var(--muted)}
.bb-box__more{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px);margin-top:clamp(40px,5vw,64px)}
.bb-box__more h3{font-weight:500;font-size:clamp(1.2rem,1.6vw,1.4rem)}
.bb-box__more .plist{margin-top:14px}
@media (min-width:760px){.bb-board__view{grid-template-columns:62% minmax(0,1fr);column-gap:4%}.bb-board__table{grid-column:1;grid-row:1}.js .bb-panel{grid-column:2;grid-row:1}.bb-spot{width:62%}.bb-box{grid-template-columns:repeat(4,minmax(0,1fr))}.bb-deck{grid-template-columns:minmax(0,1.3fr) auto minmax(0,.75fr);align-items:center;column-gap:clamp(22px,3vw,40px)}.bb-start{order:0}}
@media (min-width:900px){.bb-run__track{left:calc(50% - 11px)}.bb-run__list li{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);grid-template-areas:"txt n shot";column-gap:clamp(24px,3vw,48px);align-items:center}.bb-run__list li:nth-child(even){grid-template-areas:"shot n txt"}.bb-run__list li:nth-child(odd) .bb-run__txt{justify-self:end}.bb-run__n{justify-self:center}.bb-tier{grid-template-columns:220px minmax(0,1fr);column-gap:clamp(28px,4vw,64px);padding-top:28px;border-top:1px solid var(--line)}.bb-tier__plate{flex-direction:column;gap:8px}.bb-gold{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}.bb-zone{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.bb-box__more{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.bb-board{grid-template-columns:240px minmax(0,1fr);align-items:start}.bb-board__list{flex-direction:column;overflow:visible;padding:0}.bb-part{min-height:46px}.bb-score{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.bb-quiet{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
@media (prefers-reduced-motion:reduce){.bb-bulbs,.bb-dmd__msgs>span,.bb-dmd__n,.bb-ring{animation:none}.bb-run__ball{position:static}.bb-start__btn{transition:none}}
