.cl{background:radial-gradient(80% 42% at 50% 0,rgba(164,92,255,.2),transparent 70%),radial-gradient(60% 34% at 50% 100%,rgba(110,240,70,.1),transparent 72%),#030506}.cl-frame{width:100%;min-height:100%;padding:calc(.5rem + env(safe-area-inset-top,0px)).75rem calc(.5rem + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr);grid-template-areas:"head""booth""show""board""actions""note";gap:.5rem;display:grid}.cl-head{grid-area:head;align-items:center;gap:.75rem;min-width:0;display:flex}.cl-mute{margin-left:auto}.cl-show{aspect-ratio:1;background:linear-gradient(135deg,#2a2138,#0a0e0d 40%,#2b3431);border-radius:1rem;grid-area:show;min-height:0;padding:.3125rem;transition:box-shadow .4s;position:relative;overflow:clip;box-shadow:0 0 50px rgba(164,92,255,.18),0 0 90px rgba(110,240,70,.12)}.cl[data-result=win] .cl-show{box-shadow:0 0 70px rgba(255,211,110,.5),0 0 140px rgba(110,240,70,.28)}.cl[data-result=lose] .cl-show{box-shadow:0 0 60px rgba(164,92,255,.45),0 0 120px rgba(255,70,120,.16)}.cl-table{background:radial-gradient(40% 30% at 50% 8%,rgba(255,214,150,.16),transparent 70%),radial-gradient(30% 22% at 22% 14%,rgba(176,107,255,.22),transparent 70%),radial-gradient(30% 22% at 78% 14%,rgba(92,255,138,.16),transparent 70%),#050407;border-radius:.75rem;width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.cl-table[data-mode=still]:before{content:"";background:radial-gradient(60% 55% at 50% 40%,rgba(255,226,170,.22),transparent 70%),radial-gradient(closest-side,transparent 86%,rgba(226,182,92,.6) 87%,rgba(226,182,92,.6) 88%,transparent 89%),#1b2440;border:3cqmin solid #140a0e;border-radius:50%;position:absolute;top:24%;bottom:8%;left:6%;right:6%;box-shadow:0 0 0 .5cqmin #6dff9a,0 0 4cqmin rgba(109,255,154,.4),inset 0 0 6cqmin rgba(0,0,0,.6)}.cl-host{position:absolute;top:0;bottom:0;left:0;right:0}.cl-canvas{opacity:0;width:100%;height:100%;transition:opacity .4s;display:block}.cl-table[data-ready=true] .cl-canvas{opacity:1}.cl-still{position:absolute;top:0;bottom:0;left:0;right:0}.cl-still-row{justify-content:center;gap:4cqmin;display:flex;position:absolute;left:0;right:0}.cl-still-row.is-sal{top:33%}.cl-still-row.is-sal.is-parked{top:16%}.cl-still-row.is-you{top:62%}.cl-still-row .cl-die{width:13cqmin}.cl-die{--die:#8b4dff;--pip:#fbf7ff;aspect-ratio:1;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--die)70%,#fff),var(--die)55%,color-mix(in srgb,var(--die)70%,#000));opacity:0;border-radius:22%;flex:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:2.75rem;padding:0;transition:opacity .25s;display:inline-grid;box-shadow:inset 0 -2px rgba(0,0,0,.3),0 4px 10px rgba(0,0,0,.45)}.cl-die[data-shown]{opacity:1}.cl-die.is-you{--die:#46e27a;--pip:#04130a}.cl-die i{border-radius:50%;margin:22%;display:block}.cl-die i[data-on]{background:var(--pip);box-shadow:inset 0 1px 1px rgba(0,0,0,.35)}.cl-die.is-small{width:1.5rem;box-shadow:0 0 8px color-mix(in srgb,var(--die)60%,transparent);border-radius:24%}.cl-banner{z-index:3;border:2px solid var(--banner,#a45cff);text-align:center;min-width:62%;max-width:94%;box-shadow:0 0 30px color-mix(in srgb,var(--banner,#a45cff)55%,transparent),inset 0 0 24px color-mix(in srgb,var(--banner,#a45cff)30%,transparent);pointer-events:none;background:rgba(4,3,8,.82);border-radius:1rem;justify-items:center;gap:.25rem;padding:.5rem 1.25rem .625rem;animation:.55s cubic-bezier(.2,1.4,.4,1) both cl-banner-in;display:grid;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.cl-banner[data-result=win]{--banner:#6ef046}.cl-banner[data-result=push]{--banner:#ffd36e}.cl-banner b{color:#fff;letter-spacing:.04em;text-shadow:0 0 10px var(--banner,#a45cff),0 0 28px var(--banner,#a45cff);white-space:nowrap;font-family:Segoe UI Black,Arial Black,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:max(1.625rem,min(4.4cqw,3rem));font-weight:900;line-height:1}.cl-banner span{color:#e9f2ee;white-space:nowrap;font-size:.8125rem;font-weight:700}@keyframes cl-banner-in{0%{opacity:0;transform:translate(-50%)scale(.6)}}.cl-burst{width:0;height:0;position:absolute;top:50%;bottom:auto;left:50%;right:auto}.cl-burst i{background:var(--c);width:.6rem;height:.6rem;box-shadow:0 0 12px var(--c);transform:rotate(var(--a))translateX(0);animation:cl-spark 1.4s cubic-bezier(.1,.7,.3,1)var(--d)both;border-radius:50%;position:absolute;top:-.3rem;left:-.3rem}.cl-burst i:nth-child(2n){border-radius:999px;width:2.4rem;height:.2rem;top:-.1rem}.cl-burst:before{content:"";background:repeating-conic-gradient(rgba(255,211,110,.16) 0 6deg,transparent 6deg 20deg);border-radius:50%;animation:2.4s ease-out both cl-rays;position:absolute;top:-12rem;bottom:-12rem;left:-12rem;right:-12rem;-webkit-mask:radial-gradient(closest-side,#000 20%,transparent);mask:radial-gradient(closest-side,#000 20%,transparent)}@keyframes cl-spark{0%{opacity:0;transform:rotate(var(--a))translateX(2rem)scale(.4)}15%{opacity:1}to{opacity:0;transform:rotate(var(--a))translateX(min(42cqw,18rem))scale(1)}}@keyframes cl-rays{0%{opacity:0;rotate:-20deg;scale:.5}30%{opacity:1}to{opacity:0;rotate:25deg;scale:1.2}}.cl-booth{background:radial-gradient(120% 90% at 15% 0,rgba(164,92,255,.24),transparent 60%),linear-gradient(#150f22,#0a0711);border:1px solid rgba(164,92,255,.45);border-radius:1rem;grid-area:booth;grid-template-columns:6.25rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.5rem .625rem;display:grid;box-shadow:inset 0 1px rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.5)}.cl-screen{aspect-ratio:1;background:radial-gradient(70% 70% at 50% 40%,#2c1756,#07050c);border:3px solid #1d1a26;border-radius:.75rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #4b3a6e,0 0 22px rgba(164,92,255,.5),inset 0 0 18px rgba(0,0,0,.8)}.cl-screen-glow{mix-blend-mode:screen;background:radial-gradient(closest-side,rgba(110,240,70,.25),transparent);position:absolute;top:-20%;bottom:40%;left:0;right:0}.cl-sal{filter:drop-shadow(0 0 10px rgba(164,92,255,.7))saturate(1.15)contrast(1.05);transform-origin:50% 90%;width:108%;height:auto;animation:4.2s ease-in-out infinite cl-breathe;position:absolute;top:4%;left:-4%}.cl-scan{mix-blend-mode:multiply;pointer-events:none;background:radial-gradient(circle,transparent 55%,rgba(0,0,0,.55) 60%) 0 0/4px 4px,linear-gradient(rgba(255,255,255,.05) 50%,transparent 50%) 0 0/100% 3px;position:absolute;top:0;bottom:0;left:0;right:0}.cl-plate{color:#eaffde;letter-spacing:.2em;text-shadow:0 0 6px #6ef046;background:rgba(0,0,0,.6);border:1.5px solid #6ef046;border-radius:999px;padding:0 .375rem;font-size:.625rem;font-weight:900;position:absolute;bottom:.25rem;right:.25rem;box-shadow:0 0 8px rgba(110,240,70,.6)}.cl[data-mood=talk] .cl-sal{animation:4.2s ease-in-out infinite cl-breathe,.5s ease-in-out 3 cl-talk}.cl[data-mood=smug] .cl-sal{animation:1.6s ease-in-out both cl-lean}.cl[data-mood=laugh] .cl-sal{animation:.22s ease-in-out 6 cl-laugh}.cl[data-mood=sweat] .cl-sal{filter:drop-shadow(0 0 10px rgba(110,240,70,.5))saturate(.9)hue-rotate(-12deg);animation:1.4s ease-in-out both cl-sweat}.cl[data-mood=shrug] .cl-sal{animation:.9s ease-in-out both cl-shrug}@keyframes cl-breathe{50%{scale:1.025}}@keyframes cl-talk{50%{translate:0 -3%;rotate:-1.5deg}}@keyframes cl-lean{40%,to{translate:-3%;rotate:-5deg;scale:1.06}}@keyframes cl-laugh{0%,to{translate:0}50%{translate:0 -4%;rotate:2deg}}@keyframes cl-sweat{30%,to{translate:2% 4%;rotate:4deg;scale:.97}}@keyframes cl-shrug{50%{translate:0 -5%}}.cl-bubble{color:#fff;background:rgba(164,92,255,.18);border-radius:.75rem;align-self:center;min-height:3.25rem;padding:.5rem .75rem;font-size:.9375rem;font-weight:700;line-height:1.3;position:relative;box-shadow:inset 0 0 0 1px rgba(164,92,255,.5)}.cl-bubble:before{content:"";border:.4375rem solid transparent;border-left:0;border-right-color:rgba(164,92,255,.5);position:absolute;top:50%;left:-.4375rem;transform:translateY(-50%)}.cl-board{background:radial-gradient(circle,rgba(255,255,255,.05) 30%,transparent 34%) 0 0/5px 5px,#020203;border:.25rem solid #0b0c10;border-radius:.75rem;grid-area:board;gap:.3125rem;padding:.5rem;display:grid;box-shadow:0 0 0 1px #2c2f38,inset 0 0 20px rgba(0,0,0,.9)}.cl-led{--led:#b98bff;min-height:2rem;color:var(--led);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 4px var(--led),0 0 12px color-mix(in srgb,var(--led)60%,transparent);grid-template-columns:3.25rem auto minmax(0,1fr);align-items:center;gap:.5rem;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.0625rem;font-weight:800;display:grid}.cl-led[data-side=you]{--led:#7dff9e}.cl-led-dice{gap:.25rem;min-width:4.9rem;display:flex}.cl-led-dice .cl-die{opacity:1}.cl-led-say{text-overflow:ellipsis;white-space:nowrap;opacity:.6;overflow:hidden}.cl-led[data-set] .cl-led-say{opacity:1;animation:.32s step-end 3 cl-blink}@keyframes cl-blink{50%{opacity:.25}}.cl-actions{grid-area:actions}.cl-roll{gap:.125rem;width:100%;min-height:4rem;display:grid}.cl-roll b{letter-spacing:.06em;text-transform:uppercase;font-size:1.375rem;font-weight:900}.cl-roll span{color:var(--mf-muted);font-size:.75rem;font-weight:700}.cl-roll[data-hot]{animation:1.6s ease-in-out infinite cl-hot;box-shadow:0 0 0 2px rgba(110,240,70,.6),0 0 26px rgba(110,240,70,.45)}@keyframes cl-hot{50%{box-shadow:0 0 0 2px rgba(110,240,70,.9),0 0 40px rgba(110,240,70,.65)}}.cl-roll[aria-disabled=true]{cursor:default;opacity:.55}.cl-note{color:var(--mf-muted);grid-area:note;align-self:start;gap:.375rem;font-size:.6875rem;display:grid}.cl-rules{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.375rem .625rem;font-size:.8125rem}.cl-rules summary{color:#e9f2ee;cursor:pointer;min-height:1.75rem;font-weight:800;line-height:1.75rem}.cl-rules ul{color:#cfd8d4;gap:.25rem;margin:.25rem 0 .375rem;padding-left:1rem;list-style:outside;display:grid}.cl-rules b{color:#fff}.cl-chances{color:#e9f2ee;font-weight:700}.cl-chances b{color:var(--mf-green)}.cl-fine{margin-top:.25rem;font-size:.6875rem}@container (width>=56rem){.cl-frame{grid-template:"head head""show booth""show board""show actions""show note"minmax(0,1fr)/minmax(0,1.75fr) minmax(19rem,1fr);align-content:center;column-gap:1rem;height:100%;min-height:38rem;padding:.75rem 1.5rem}.cl-show{aspect-ratio:auto;height:100%;max-height:calc(100dvh - 6rem)}.cl-booth{grid-template-columns:1fr;justify-items:center;gap:.5rem;padding:.625rem}.cl-screen{width:min(100%,12.5rem)}.cl-bubble{text-align:center;width:100%}.cl-bubble:before{border:.4375rem solid transparent;border-top:0;border-bottom-color:rgba(164,92,255,.5);top:-.4375rem;left:50%;transform:translate(-50%)}.cl-led{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.cl-sal,.cl[data-mood] .cl-sal,.cl-banner,.cl-burst i,.cl-burst:before,.cl-roll[data-hot],.cl-led[data-set] .cl-led-say{animation:none}.cl-burst{display:none}.cl-canvas,.cl-die,.cl-show{transition:none}.cl-die{transition:opacity .2s linear}}