.prob-guide{border-top:1px solid var(--color-base-300);text-align:start;width:100%;max-width:48rem;margin:3.5rem auto 0;padding-top:1.5rem}.prob-guide h2{margin:2rem 0 .75rem;font-size:1.5rem;font-weight:600;line-height:1.35}.prob-guide section:first-child h2{margin-top:0}.prob-guide h3{margin:1rem 0 .5rem;font-size:1.125rem;font-weight:600;line-height:1.5}.prob-guide p,.prob-guide li{font-size:1rem;line-height:1.75}.prob-guide p,.prob-guide ol,.prob-guide ul{margin:.75rem 0}.prob-guide ol,.prob-guide ul{padding-left:1.5rem}.prob-guide li+li{margin-top:.5rem}.prob-example{border:1px solid var(--color-base-300);border-radius:var(--radius-field);background:var(--color-base-200);margin:.75rem 0;padding:1rem}.prob-example h3{margin-top:0}.prob-simulation{margin:.75rem 0 1rem}.prob-simulation-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .75rem;margin-bottom:.65rem;display:flex}.prob-simulation-header p{margin:0;font-size:.875rem;font-weight:600;line-height:1.4}.prob-sample-stat{background:color-mix(in oklab,var(--color-primary) 12%,var(--color-base-100));border-radius:999px;padding:.25rem .5rem}.prob-skip{border-radius:var(--radius-field);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:.15rem .35rem;font-size:.8rem;line-height:1.4;display:flex}.prob-skip:hover{background:color-mix(in oklab,var(--color-base-content) 7%,transparent)}.prob-skip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.prob-skip [data-skip-box]{font-size:1rem}.prob-trials{flex-wrap:wrap;align-items:flex-start;gap:.45rem;display:flex}.prob-trial{border:2px solid var(--color-base-300);border-radius:var(--radius-field);background:var(--color-base-100);flex:none;justify-items:center;gap:.3rem;width:max-content;max-width:100%;padding:.4rem .5rem;display:grid}.prob-trial.prob-success{border-color:color-mix(in oklab,var(--color-success) 78%,var(--color-base-content));box-shadow:0 0 0 2px color-mix(in oklab,var(--color-success) 12%,transparent)}.prob-trial.prob-failure{border-color:color-mix(in oklab,var(--color-error) 68%,var(--color-base-content))}.prob-mini-dice{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.prob-mini-dice span{border:1px solid var(--color-base-300);background:var(--color-base-100);border-radius:.35rem;place-items:center;width:1.7rem;height:1.7rem;font-size:.8rem;font-weight:700;display:grid}.prob-mini-dice small{align-self:center;font-size:.75rem}.prob-total{white-space:nowrap;font-size:.8rem;line-height:1.3}.prob-trials.is-success .prob-trial.prob-success{animation:.58s ease-out prob-happy-roll}.prob-trials.is-failure .prob-trial{animation:.5s ease-out prob-sad-roll}.prob-trial:nth-child(2){animation-delay:55ms}.prob-trial:nth-child(3){animation-delay:.11s}.prob-trial:nth-child(4){animation-delay:.165s}.prob-trial:nth-child(5){animation-delay:.22s}.prob-trial:nth-child(6){animation-delay:.275s}.prob-trial:nth-child(7){animation-delay:.33s}.prob-trial:nth-child(8){animation-delay:.385s}.prob-trial:nth-child(9){animation-delay:.44s}.prob-trial:nth-child(10){animation-delay:.495s}.prob-trial:nth-child(11){animation-delay:.55s}.prob-trial:nth-child(12){animation-delay:.605s}.prob-coin-run{justify-items:center;gap:.45rem;display:grid}.prob-coins{grid-template-columns:repeat(10,2.35rem);justify-content:center;gap:.4rem;min-height:2.35rem;display:grid}.prob-coin{border:.2rem solid color-mix(in oklab,var(--color-primary) 68%,var(--color-base-content));width:2.35rem;height:2.35rem;box-shadow:inset -.22rem -.12rem 0 color-mix(in oklab,var(--color-base-content) 16%,transparent);border-radius:50%;place-items:center;font-size:.875rem;font-weight:700;display:grid}.prob-coin-head{background:var(--color-primary);color:var(--color-primary-content)}.prob-coin-tail{background:color-mix(in oklab,var(--color-primary) 42%,var(--color-base-100));color:var(--color-base-content)}.prob-coin.is-active{animation:.28s ease-out prob-coin-flip}.prob-coins.is-success .prob-coin-head{animation:.42s ease-out .12s prob-happy-coins}.prob-coins.is-failure .prob-coin-head{animation:.38s ease-out .12s prob-sad-coins}.prob-earlier,.prob-run-summary{min-height:1.2rem;margin:0;font-size:.8rem;line-height:1.4}@keyframes prob-happy-roll{0%{transform:translateY(0)rotate(0)}35%{transform:translateY(-.3rem)rotate(1deg)}62%{transform:translateY(-.65rem)rotate(-2deg)}82%{transform:translateY(-.12rem)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes prob-sad-roll{0%{transform:translateY(0)rotate(0)}40%{transform:translateY(-.18rem)rotate(1deg)}68%{transform:translateY(.22rem)rotate(-2deg)}86%{transform:translateY(.12rem)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes prob-coin-flip{0%{transform:translateY(-.3rem)rotateY(0)}to{transform:translateY(0)rotateY(720deg)}}@keyframes prob-happy-coins{0%{transform:translateY(0)rotate(0)}48%{transform:translateY(-.48rem)rotate(-2deg)}76%{transform:translateY(-.08rem)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes prob-sad-coins{0%{transform:translateY(0)rotate(0)}52%{transform:translateY(.2rem)rotate(-4deg)}78%{transform:translateY(.1rem)rotate(3deg)}to{transform:translateY(0)rotate(0)}}@media (width<=40rem){.prob-trial:nth-child(n+5),.prob-mini-dice span:nth-child(n+4){display:none}.prob-coins{grid-template-columns:repeat(5,2.35rem)}}@media (prefers-reduced-motion:reduce){.prob-trials.is-success .prob-trial.prob-success,.prob-trials.is-failure .prob-trial,.prob-coin.is-active,.prob-coins.is-success .prob-coin-head,.prob-coins.is-failure .prob-coin-head{animation:none}}
