.bhr-game{color:#263a2e;min-height:100vh;font-family:var(--font-sans),sans-serif;background:#eadfbf}.bhr-top{color:#fff7d6;background:#17483f;justify-content:space-between;align-items:center;height:58px;padding:0 max(20px,50vw - 610px);display:flex}.bhr-top a{color:inherit;align-items:center;gap:8px;font-weight:800;text-decoration:none;display:flex}.bhr-top svg{width:18px}.bhr-top span{font:900 11px/1 var(--font-mono),monospace;letter-spacing:.16em}.bhr-top small{color:#f4c84c}.bhr-shell{max-width:1220px;margin:auto;padding:24px 22px 46px}.bhr-heading{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.bhr-heading p{color:#a64832;letter-spacing:.15em;margin:0;font-weight:900}.bhr-heading h1{letter-spacing:-.05em;margin:7px 0 0;font-size:clamp(36px,6vw,64px);font-weight:950;line-height:.95}.bhr-heading>button{color:#1c5b4b;background:#fff7d4;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 5px #b9a96d}.bhr-heading>button:disabled{opacity:.35}.bhr-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:19px;display:grid}.bhr-board,.bhr-side{background:#fff7dc;border:1px solid #c8b476;border-radius:22px;box-shadow:0 18px 44px #493b2324}.bhr-board{padding:15px}.bhr-hud{grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:9px;display:grid}.bhr-hud div{background:#f0e6c3;border-radius:11px;padding:8px 10px}.bhr-hud small{color:#786a4e;font-size:9px;font-weight:900;display:block}.bhr-hud strong{font-size:19px}.bhr-hud em{color:#8d7b59;font-size:10px;font-style:normal}.bhr-progress{background:#d8cda6;border-radius:6px;height:5px;margin-bottom:11px;overflow:hidden}.bhr-progress i{background:linear-gradient(90deg,#3b916a,#e7ba45,#b94b31);height:100%;transition:width .25s;display:block}.bhr-court{touch-action:manipulation;-webkit-user-select:none;user-select:none;isolation:isolate;background:linear-gradient(#8fc9c5 0 32%,#edd18f 32% 59%,#a46743 59% 62%,#d7bb74 62%);border-radius:16px;min-height:545px;position:relative;overflow:hidden}.bhr-sky{background:linear-gradient(#84c6c6,#c6ddd0);position:absolute;inset:0 0 68%}.bhr-sky:after{content:"";background:radial-gradient(circle at 80% 24%,#fff4a8 0 5%,#0000 5.5%);position:absolute;inset:0}.bhr-sky i{background:#397359;border:4px solid #255842;border-radius:12px;width:16px;height:190px;position:absolute;bottom:-18px}.bhr-sky i:after{content:"";background:#4e8b64;border-radius:50%;height:38px;position:absolute;inset:20px -18px auto;box-shadow:12px 35px #3f7c59,-12px 68px #57956d}.bhr-sky i:first-child{left:6%;transform:rotate(-4deg)}.bhr-sky i:nth-child(2){height:155px;left:20%}.bhr-sky i:nth-child(3){right:8%;transform:rotate(5deg)}.bhr-wall{background:linear-gradient(#f5dfad,#dfba75);border-block:7px solid #8a4c34;justify-content:center;align-items:center;gap:8%;height:27%;display:flex;position:absolute;top:29%;left:0;right:0;box-shadow:inset 0 0 0 3px #fff4c188}.bhr-wall span{aspect-ratio:1;color:#a04431;background:#fff5d3;border:3px solid #9e4d36;place-items:center;width:46px;font-weight:950;display:grid;transform:rotate(45deg)}.bhr-wall span:first-letter{transform:rotate(-45deg)}.bhr-hoop{z-index:3;width:142px;height:205px;transition:left .25s,right .25s;position:absolute;top:20%}.bhr-hoop.left{left:9%}.bhr-hoop.right{right:9%}.bhr-hoop:before{content:"";background:#78432c;width:8px;height:150px;position:absolute;top:5px;left:50%}.bhr-hoop i{background:#fff9d322;border:11px solid #9e4934;border-radius:50%;width:108px;height:40px;position:absolute;top:77px;left:17px;box-shadow:0 5px #673426}.bhr-hoop i:after{content:"";border:4px solid #f1e4bd;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);background:repeating-linear-gradient(60deg,#0000 0 10px,#fff9df99 11px 13px);border-top:0;width:62px;height:69px;position:absolute;top:28px;left:13px}.bhr-hoop b{text-align:center;color:#5a402c;font-size:10px;position:absolute;top:175px;left:0;right:0}.is-golden .bhr-hoop i{border-color:#f0bf37;box-shadow:0 0 24px #ffe06c,0 5px #8b641b}.bhr-ball{z-index:4;width:58px;height:58px;animation:.5s cubic-bezier(.2,.75,.45,1) bhr-shot;position:absolute;bottom:96px;left:50%}.bhr-ball i{background:radial-gradient(circle at 35% 28%,#f1c469,#bd6038 55%,#753922);border:3px solid #5f331e;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 8px 18px #4c2e2166}.grade-perfect .bhr-ball i{box-shadow:0 0 28px #ffb82c,0 8px 18px #4c2e2166}.bhr-grade{z-index:7;color:#9a3f2c;background:#fff7d9;border-radius:999px;padding:8px 14px;font-weight:950;animation:.65s both bhr-grade;position:absolute;top:38%;left:50%;transform:translate(-50%)}.bhr-crowd{justify-content:space-around;align-items:end;height:80px;display:flex;position:absolute;bottom:80px;left:0;right:0}.bhr-crowd i{background:#2f7058;border-radius:50% 50% 10px 10px;width:28px;height:45px;box-shadow:0 -20px 0 -4px #d0945e}.bhr-crowd i:nth-child(3n){background:#aa5139}.bhr-crowd i:nth-child(2n){height:37px}.bhr-meter{z-index:8;background:#f8efd0;border:3px solid #314c3d;border-radius:20px;height:30px;position:absolute;bottom:54px;left:5%;right:5%;box-shadow:0 5px #77543a}.bhr-meter span{background:#5fb27a;border-radius:14px;position:absolute;top:3px;bottom:3px;box-shadow:inset 0 0 0 2px #dff5b7}.bhr-meter span.golden{background:#e9b932;box-shadow:0 0 16px #ffe164,inset 0 0 0 2px #fff0a5}.bhr-meter b{background:#ad402d;border:2px solid #fff4cf;border-radius:6px;width:12px;height:38px;position:absolute;top:-7px;transform:translate(-50%);box-shadow:0 0 0 2px #62291f}.bhr-meter em{color:#4e4938;white-space:nowrap;font-size:9px;font-style:normal;font-weight:900;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.bhr-shoot{z-index:8;color:#fff7dc;background:#a64230;border:0;border-radius:22px;justify-content:center;align-items:center;gap:8px;min-width:190px;height:42px;font:950 13px inherit;display:flex;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.bhr-shoot:disabled{opacity:.42}.bhr-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-align:center;background:#153b34dc;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.bhr-overlay>div{max-width:570px}.bhr-overlay>div>span,.bhr-side>span{font:900 10px/1 var(--font-mono),monospace;letter-spacing:.17em;color:#f1c94f}.bhr-overlay h2{margin:10px 0;font-size:clamp(30px,5vw,52px);line-height:1}.bhr-overlay p{color:#eef4df;line-height:1.65}.bhr-overlay>div>button{color:#173b32;background:#efc451;border:0;border-radius:999px;align-items:center;gap:8px;padding:13px 23px;font-weight:950;display:inline-flex}.bhr-overlay>div>small{color:#d9e5d4;margin-top:13px;display:block}.bhr-upgrades{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bhr-upgrades button{color:#284237;background:#fff6d3;border:1px solid #fff5;border-radius:15px;justify-items:center;gap:5px;padding:14px 8px;display:grid}.bhr-upgrades button:hover{transform:translateY(-2px)}.bhr-upgrades small{font-size:10px}.bhr-notice{color:#695b42;min-height:24px;margin:11px 3px 0;font-weight:850}.bhr-side{padding:25px}.bhr-side>span{color:#a56c2f}.bhr-side h2{margin:12px 0;font-size:29px;line-height:1.08}.bhr-side>p{color:#6e604a;line-height:1.65}.bhr-side>div{border-top:1px solid #ddcfa4;gap:12px;margin-top:18px;padding-top:15px;display:flex}.bhr-side>div svg{color:#a74732;flex:0 0 27px}.bhr-side>div p{margin:0}.bhr-side>div b,.bhr-side>div small{display:block}.bhr-side>div small{color:#756950;margin-top:4px;line-height:1.45}.bhr-side details{background:#eee3bf;border-radius:13px;margin-top:18px;padding:12px 14px}.bhr-side summary{font-weight:950}.bhr-side details p{font-size:13px;line-height:1.55}.bhr-batch{height:0;margin:0;overflow:hidden}@keyframes bhr-shot{0%,to{transform:translate(-50%)rotate(0)}55%{transform:translate(-50%,-250px)rotate(310deg)}}@keyframes bhr-grade{0%{opacity:0;transform:translate(-50%,15px)scale(.8)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-45px)}}@media (max-width:860px){.bhr-layout{grid-template-columns:1fr}.bhr-side{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.bhr-side>span,.bhr-side>h2,.bhr-side>p,.bhr-side>details{grid-column:1/-1}.bhr-side>div{background:#f0e5c2;border:0;border-radius:12px;margin:0;padding:12px}}@media (max-width:540px){.bhr-top{height:52px;padding:0 13px}.bhr-top span{font-size:8px}.bhr-shell{padding:16px 9px 30px}.bhr-heading h1{font-size:43px}.bhr-board{border-radius:17px;padding:8px}.bhr-hud{grid-template-columns:repeat(3,1fr)}.bhr-hud div{padding:6px 8px}.bhr-hud strong{font-size:17px}.bhr-court{min-height:520px}.bhr-hoop{transform-origin:top;transform:scale(.78)}.bhr-hoop.left{left:2%}.bhr-hoop.right{right:2%}.bhr-side{padding:20px;display:block}.bhr-side>div{margin-top:9px}.bhr-upgrades{grid-template-columns:1fr}.bhr-overlay h2{font-size:32px}}@media (max-width:360px){.bhr-heading h1{font-size:37px}.bhr-hud small{font-size:8px}.bhr-court{min-height:490px}.bhr-meter{left:3%;right:3%}.bhr-overlay{padding:10px}.bhr-side h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.bhr-ball,.bhr-grade{animation:none}.bhr-progress i{transition:none}}
