.bw{background:radial-gradient(70% 45% at 34% 0,rgba(164,92,255,.26),transparent 70%),radial-gradient(50% 40% at 90% 100%,rgba(110,240,70,.12),transparent 72%),#04030a}.bw-frame{width:100%;min-height:100%;padding:calc(.5rem + env(safe-area-inset-top,0px))1rem calc(.75rem + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr);grid-template-areas:"head""hall""bubble""side";align-content:start;gap:.5rem;display:grid}.bw-head{grid-area:head;align-items:center;gap:.75rem;min-width:0;display:flex}.bw-mute{margin-left:auto}.bw-hall{isolation:isolate;background:radial-gradient(60% 50% at 45% 42%,rgba(255,196,90,.14),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.024) 0,rgba(255,255,255,.024) 1px,transparent 1px,transparent 3.5rem),linear-gradient(#120a22 0%,#0a0714 62%,#06050b 100%);border-radius:1.25rem;grid-area:hall;height:min(95cqw,44dvh);min-height:17rem;transition:box-shadow .5s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(164,92,255,.28),0 0 50px rgba(164,92,255,.16)}.bw-hall:before{content:"";z-index:-1;background:linear-gradient(90deg,transparent,var(--mf-purple)20%,var(--mf-green)50%,var(--mf-purple)80%,transparent);height:3px;box-shadow:0 0 12px var(--mf-purple),0 0 28px rgba(164,92,255,.6);opacity:.8;border-radius:2px;position:absolute;top:8%;bottom:auto;left:-5%;right:-5%}.bw-hall:after{content:"";z-index:-1;background:linear-gradient(rgba(110,240,70,.55),transparent 2px),radial-gradient(60% 120% at 45% 0,rgba(255,196,90,.14),transparent 70%),linear-gradient(#0d0a18,#050409);height:22%;position:absolute;top:auto;bottom:0;left:0;right:0}.bw[data-outcome=win] .bw-hall{box-shadow:inset 0 0 0 1px rgba(255,211,110,.6),0 0 70px rgba(255,211,110,.4),0 0 140px rgba(110,240,70,.2)}.bw-sign{z-index:1;color:#ffe9f6;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 4px #ff6ad5,0 0 14px #ff3cc2,0 0 30px rgba(255,60,194,.6);font-size:1.375rem;font-style:italic;font-weight:900;line-height:1;display:none;position:absolute;top:3%;left:3.5%;transform:rotate(-4deg)}.bw-sign b{color:#eaffde;text-shadow:0 0 4px var(--mf-green),0 0 16px var(--mf-green),0 0 34px rgba(110,240,70,.6);font-size:1.75em;display:block}.bw-spot{z-index:-1;background:radial-gradient(50% 60% at 50% 40%,rgba(255,236,190,.12),transparent 70%);width:70%;height:120%;transition:opacity .6s;position:absolute;top:-10%;left:45%;transform:translate(-50%)}.bw[data-crawl] .bw-spot{opacity:1.6;background:radial-gradient(40% 55% at 50% 30%,rgba(255,236,190,.22),transparent 70%)}.bw-post{z-index:-1;background:linear-gradient(90deg,#3d2404,#e3a93a 45%,#fff0b0 55%,#8a5510 75%,#3d2404);border-radius:.4rem .4rem 0 0;width:1.8rem;height:50%;position:absolute;bottom:4%;left:calc(45% - .9rem);box-shadow:0 0 24px rgba(0,0,0,.7)}.bw-post:after{content:"";background:linear-gradient(#e3a93a,#5a3500);border-radius:50%;width:6rem;height:1rem;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)}.bw-wheel{place-items:center;width:90%;display:grid;position:absolute;top:1%;bottom:1%;left:0}.bw-canvas{display:block}.bw-floor{z-index:-1;background:radial-gradient(closest-side,rgba(0,0,0,.8),transparent);border-radius:50%;width:70%;height:8%;position:absolute;bottom:1%;left:45%;transform:translate(-50%)}.bw-bruno{z-index:2;pointer-events:none;width:38%;height:58%;position:absolute;bottom:0;right:-3%}.bw-mascot{filter:drop-shadow(0 0 18px rgba(110,240,70,.18))}.bw-plate{z-index:3;color:#fff;text-align:center;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--tone)70%,#000),#0b0614 80%);pointer-events:none;border-radius:1rem;justify-items:center;gap:.125rem;min-width:7.5rem;padding:.625rem .875rem .5rem;animation:.55s cubic-bezier(.2,1.4,.4,1) both bw-plate;display:grid;position:absolute;top:50%;left:45%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),0 10px 40px rgba(0,0,0,.6)}.bw-plate .bw-icon{width:2.75rem;height:2.75rem}.bw-plate b{font-size:.875rem;font-weight:800}.bw-plate strong{color:#ffd36e;letter-spacing:-.02em;text-shadow:0 0 18px rgba(255,211,110,.7);font-size:2.25rem;font-weight:900;line-height:1}.bw-plate small{color:var(--mf-text-muted);font-size:.6875rem}.bw-plate[data-result=win]{box-shadow:inset 0 0 0 2px #ffd36e,0 0 40px rgba(255,211,110,.55),0 10px 40px rgba(0,0,0,.6)}@keyframes bw-plate{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}.bw-readout{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(6,5,12,.72);border-radius:.75rem;gap:.125rem;padding:.375rem .5rem;display:grid;position:absolute;bottom:2.5%;left:2.5%;box-shadow:inset 0 0 0 1px rgba(255,211,110,.35)}.bw-readout small{color:#ffd36e;letter-spacing:.12em;text-transform:uppercase;font-size:.5625rem;font-weight:800}.bw-readout span{color:#fff;align-items:center;gap:.375rem;font-size:.8125rem;display:none}.bw-readout i{color:#ffd36e;font-style:normal;font-weight:800}.bw-readout .bw-icon{width:1.375rem;height:1.375rem}.bw-readout[data-symbol=leaf] [data-for=leaf],.bw-readout[data-symbol=cube] [data-for=cube],.bw-readout[data-symbol=bruno] [data-for=bruno],.bw-readout[data-symbol=sal] [data-for=sal],.bw-readout[data-symbol=bones] [data-for=bones],.bw-readout[data-symbol=girl] [data-for=girl],.bw-readout[data-symbol=crown] [data-for=crown]{display:flex}.bw[data-phase=done][data-outcome=win] .bw-readout{box-shadow:inset 0 0 0 1px #ffd36e,0 0 18px rgba(255,211,110,.5)}.bw-bubble{z-index:4;color:#fff;background:linear-gradient(135deg,rgba(110,240,70,.16),rgba(164,92,255,.18));border-radius:.875rem;grid-area:bubble;min-height:2.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:700;line-height:1.3;position:relative;box-shadow:inset 0 0 0 1px rgba(110,240,70,.45),0 6px 24px rgba(0,0,0,.4)}.bw-bubble:before{content:"";border:.5rem solid transparent;border-top:0;border-bottom-color:rgba(110,240,70,.55);position:absolute;top:-.5rem;right:16%}.bw-bubble span{animation:.28s both bw-say;display:block}@keyframes bw-say{0%{opacity:0;transform:translateY(3px)}}.bw-side{flex-direction:column;grid-area:side;gap:.5rem;min-width:0;display:flex}.bw-ask{color:var(--mf-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800;display:none}.bw-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem;display:grid}.bw-pick{--tone:#333;color:#fff;text-align:left;background:linear-gradient(135deg,color-mix(in srgb,var(--tone)30%,transparent),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon pays""icon chance";align-items:center;column-gap:.375rem;min-height:2.875rem;padding:.3125rem .4375rem;transition:border-color .15s,box-shadow .2s,transform .1s;display:grid}.bw-pick:active{transform:scale(.97)}.bw-pick:focus-visible{outline:2px solid var(--mf-green);outline-offset:1px}.bw-pick .bw-icon{grid-area:icon;width:1.625rem;height:1.625rem}.bw-pick b{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-size:.875rem;display:none;overflow:hidden}.bw-pick-chance{color:var(--mf-text-muted);white-space:nowrap;grid-area:chance;font-size:.6875rem}.bw-pick-pays{color:#ffd36e;grid-area:pays;font-size:.875rem;font-weight:800;line-height:1.1}.bw-pick.is-on{border-color:var(--mf-green);box-shadow:inset 0 0 0 1px var(--mf-green),0 0 16px rgba(110,240,70,.35)}.bw-pick.is-landed{border-color:#ffd36e}.bw-pick.is-won{box-shadow:inset 0 0 0 2px #ffd36e,0 0 22px rgba(255,211,110,.6)}.bw-pick[aria-disabled=true]{cursor:default}.bw-icon{object-fit:contain;display:block}.bw-icon[data-face]{background:#120a1e;border-radius:50%;box-shadow:0 0 0 2px #ffe08a}.bw-verdict{min-height:1.25rem;color:var(--mf-text-muted);font-size:.8125rem;font-weight:600}.bw-verdict[data-result=win]{color:#ffd36e;font-size:1rem;font-weight:800}.bw-actions{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:.5rem;display:grid}.bw-actions [aria-disabled=true]{cursor:default;opacity:.6}.bw-turbo{justify-content:center;align-items:center;gap:.375rem;display:inline-flex}.bw-turbo.is-on{border-color:var(--mf-green);color:var(--mf-green);box-shadow:0 0 14px rgba(110,240,70,.3)}.bw-note{color:var(--mf-text-muted);flex-direction:column;gap:.25rem;font-size:.6875rem;display:flex}.bw-note summary{cursor:pointer;min-height:1.5rem;text-decoration:underline}.bw-note table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:.25rem 0 .375rem}.bw-note th,.bw-note td{text-align:right;border-bottom:1px solid rgba(255,255,255,.06);padding:.1875rem .25rem}.bw-note th:first-child{color:#e9f2ee;text-align:left}@container (width>=56rem){.bw-frame{grid-template:"head head""hall side"minmax(0,1fr)/minmax(0,1fr) minmax(20rem,24rem);column-gap:1.25rem;height:100%;min-height:38rem;padding:.75rem 1.5rem 1rem}.bw-hall{height:auto;min-height:0}.bw-sign{display:block}.bw-wheel{width:76%;top:3%;bottom:10%}.bw-plate{top:46.5%;left:38%}.bw-post,.bw-floor{left:38%}.bw-post{width:2.2rem;left:calc(38% - 1.1rem)}.bw-spot{left:38%}.bw-bruno{width:34%;height:72%;right:-1%}.bw-readout{padding:.5rem .75rem;bottom:4%;left:3%}.bw-readout span{font-size:1rem}.bw-readout .bw-icon{width:1.75rem;height:1.75rem}.bw-bubble{grid-area:hall;place-self:start end;width:min(32%,19rem);margin:1.25rem 1.25rem 0 0;font-size:.9375rem}.bw-bubble:before{border:.5rem solid transparent;border-top-color:rgba(110,240,70,.55);border-bottom:0;top:auto;bottom:-.5rem;right:34%}.bw-side{justify-content:center;overflow-y:auto}.bw-ask{display:block}.bw-picker{grid-template-columns:minmax(0,1fr)}.bw-pick{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"icon name chance pays";column-gap:.75rem;min-height:3rem;padding:.375rem .75rem}.bw-pick b{display:block}.bw-pick-chance{font-size:.75rem}.bw-pick-pays{text-align:right;min-width:3.25rem;font-size:1.0625rem}.bw-plate{min-width:10rem;padding:.875rem 1.25rem .75rem}.bw-plate .bw-icon{width:3.75rem;height:3.75rem}.bw-plate b{font-size:1.0625rem}.bw-plate strong{font-size:3.25rem}}@media (prefers-reduced-motion:reduce){.bw-plate,.bw-bubble span{animation:none}.bw-hall,.bw-spot,.bw-pick{transition:none}}
