/* Chance visuals, scoped to the chance unit. */
.nu-unit-chance .ch-scale{max-width:620px;margin:24px auto 10px;padding:64px 32px 10px;color:#332346}.nu-unit-chance .ch-scale-line{height:14px;border-radius:999px;position:relative;background:linear-gradient(90deg,#d86565,#edc85c,#68b078)}.nu-unit-chance .ch-pin{position:absolute;bottom:7px;transform:translateX(-50%);text-align:center;white-space:nowrap}.nu-unit-chance .ch-pin i{display:block;width:4px;height:27px;background:#332346;margin:0 auto}.nu-unit-chance .ch-pin b{display:block;font-size:14px;line-height:1.25;background:#fff;padding:3px 6px;border-radius:5px}.nu-unit-chance .ch-pin-start{transform:none;text-align:left}.nu-unit-chance .ch-pin-start i{margin-left:0}.nu-unit-chance .ch-pin-end{transform:translateX(-100%);text-align:right}.nu-unit-chance .ch-pin-end i{margin-right:0}.nu-unit-chance .ch-scale-labels{display:flex;justify-content:space-between;margin-top:15px;font-size:15px;font-weight:800;text-align:center}.nu-unit-chance .ch-scale-labels span:first-child{text-align:left}.nu-unit-chance .ch-scale-labels span:last-child{text-align:right}
.nu-unit-chance .ch-spinner-wrap{display:grid;grid-template-columns:minmax(200px,330px) 1fr;align-items:center;gap:12px;max-width:620px;margin:0 auto}.nu-unit-chance .ch-spinner{display:block;width:100%;height:auto}.nu-unit-chance .ch-spinner-wrap ul{list-style:none;padding:0;margin:0}.nu-unit-chance .ch-spinner-wrap li{display:flex;gap:8px;align-items:center;margin:7px 0;font-size:16px}.nu-unit-chance .ch-spinner-wrap li span{width:20px;height:20px;border-radius:50%;border:1px solid #555}
.nu-unit-chance .ch-bag,.nu-unit-chance .ch-outcomes,.nu-unit-chance .ch-record,.nu-unit-chance .ch-sim{max-width:620px;margin:0 auto;border:1px solid #b9a7c9;border-radius:14px;background:#fff;padding:14px 16px;color:#332346}.nu-unit-chance .ch-bag>div{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0;padding:20px;border:4px solid #8c5a9e;border-top-width:1px;border-radius:6px 6px 45px 45px;background:#f7f0fa}.nu-unit-chance .ch-bag>div span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--ball);border:2px solid #fff;box-shadow:0 1px 4px #4b3b55;color:#fff;font-weight:900;text-shadow:0 1px 2px #222}.nu-unit-chance .ch-bag p{margin:6px 0 0;font-weight:700}.nu-unit-chance .ch-outcomes>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.nu-unit-chance .ch-outcomes span{padding:6px 12px;border:1px solid #8c5a9e;border-radius:999px;background:#f7f0fa;font-size:17px}.nu-unit-chance .ch-record table{width:100%;border-collapse:collapse}.nu-unit-chance .ch-record caption{font-size:18px;font-weight:900;padding:4px 0 9px}.nu-unit-chance .ch-record th,.nu-unit-chance .ch-record td{border:1px solid #cbbdd6;padding:8px 12px;text-align:left}.nu-unit-chance .ch-record td{font-weight:900;text-align:center}.nu-unit-chance .ch-record p{margin:10px 0 0;background:#fff3d8;border-left:4px solid #d6902f;padding:9px}
.nu-unit-chance .ch-rounds{max-width:680px;margin:0 auto;border:1px solid #b9a7c9;border-radius:16px;background:#fff;padding:20px;color:#332346}.nu-unit-chance .ch-rounds h3{margin:0 0 8px;text-align:center}.nu-unit-chance .ch-rounds-key{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 18px;font-size:14px}.nu-unit-chance .ch-rounds-key span,.nu-unit-chance .ch-round-dots i{display:inline-block;border:2px solid #fff;box-shadow:0 0 0 1px #695b72}.nu-unit-chance .ch-rounds-key span{width:15px;height:15px;border-radius:50%;margin-left:8px}.nu-unit-chance .ch-rounds .blue{background:#4f86c6}.nu-unit-chance .ch-rounds .red{background:#df6a5f}.nu-unit-chance .ch-rounds section{display:grid;grid-template-columns:100px minmax(190px,1fr) 70px 55px;align-items:center;gap:14px;padding:14px 8px;border-top:1px solid #e2d9e8}.nu-unit-chance .ch-rounds section>div:first-child{display:flex;flex-direction:column}.nu-unit-chance .ch-rounds section small{margin-top:2px;color:#685a70}.nu-unit-chance .ch-round-dots{display:grid;grid-template-columns:repeat(10,18px);gap:5px}.nu-unit-chance .ch-round-dots i{width:16px;height:16px;border-radius:50%}.nu-unit-chance .ch-rounds section>b{color:#285f9d}.nu-unit-chance .ch-rounds section>span{color:#8f3932}.nu-unit-chance .ch-rounds-note{margin:12px 0 0;padding:12px 14px;border-left:4px solid #d6902f;background:#fff3d8}
.nu-unit-chance .ch-round-lab{max-width:680px;margin:0 auto;border:1px solid #b9a7c9;border-radius:16px;background:#fff;padding:20px;color:#332346}.nu-unit-chance .ch-round-lab h3{margin:0 0 6px}.nu-unit-chance .ch-round-lab>p{margin:7px 0 14px}.nu-unit-chance .ch-lab-spinner{max-width:440px;margin:0 auto}.nu-unit-chance .ch-lab-spinner .ch-spinner-wrap{grid-template-columns:210px 1fr}.nu-unit-chance .ch-spinner-sectors{transform-origin:150px 130px}.nu-unit-chance .ch-lab-spinner.is-spinning .ch-spinner-sectors{animation:ch-spin .65s cubic-bezier(.25,.8,.25,1)}.nu-unit-chance .ch-round-lab .ch-controls{justify-content:center;margin:16px 0}.nu-unit-chance .ch-round-lab .ch-controls button:first-child{font-size:18px;padding:11px 20px}.nu-unit-chance .ch-round-lab .ch-controls button:disabled{opacity:.45;cursor:not-allowed}.nu-unit-chance .ch-round-latest{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:62px;padding:12px 14px;border-radius:10px;background:#f7f0fa}.nu-unit-chance .ch-round-latest .ch-round-dots{display:grid;grid-template-columns:repeat(10,minmax(12px,1fr));gap:5px}.nu-unit-chance .ch-round-latest i{width:100%;max-width:20px;aspect-ratio:1;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #695b72;animation:ch-pop .22s ease both;animation-delay:calc(var(--delay)*.04s)}.nu-unit-chance .ch-round-latest .blue{background:#4f86c6}.nu-unit-chance .ch-round-latest .red{background:#df6a5f}.nu-unit-chance .ch-round-lab table{width:100%;margin-top:14px;border-collapse:collapse}.nu-unit-chance .ch-round-lab caption{padding:7px;font-weight:900;text-align:left}.nu-unit-chance .ch-round-lab th,.nu-unit-chance .ch-round-lab td{border:1px solid #cbbdd6;padding:9px 12px;text-align:center}.nu-unit-chance .ch-round-lab th:first-child{text-align:left}.nu-unit-chance .ch-round-lab tfoot{background:#edf6ef;font-weight:900}.nu-unit-chance .ch-round-lesson{padding:12px 14px;border-left:4px solid #d6902f;background:#fff3d8}@keyframes ch-pop{from{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}@keyframes ch-spin{from{transform:rotate(0)}to{transform:rotate(1080deg)}}
.nu-unit-chance .ch-sim>p{margin-top:0}.nu-unit-chance .ch-sim .ch-spinner-wrap,.nu-unit-chance .ch-sim .ch-bag{border:0;padding:0}.nu-unit-chance .ch-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.nu-unit-chance .ch-controls button{min-height:44px;border:1px solid #69417a;border-radius:9px;background:#8c5a9e;color:#fff;font:inherit;font-weight:800;padding:8px 14px;cursor:pointer}.nu-unit-chance .ch-controls button:last-child{background:#fff;color:#69417a}.nu-unit-chance [data-total]{font-size:15px;background:#edf6ef;padding:9px;border-radius:8px}
.nu-still .nu-unit-chance *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.nu-unit-chance *{animation:none!important;transition:none!important}}
@media(max-width:520px){.nu-unit-chance .ch-spinner-wrap{grid-template-columns:1fr}.nu-unit-chance .ch-spinner{max-width:270px;margin:0 auto}.nu-unit-chance .ch-spinner-wrap ul{display:grid;grid-template-columns:1fr 1fr}.nu-unit-chance .ch-scale{padding-left:12px;padding-right:12px}.nu-unit-chance .ch-pin b{font-size:14px}.nu-unit-chance .ch-scale-labels{font-size:14px}.nu-unit-chance .ch-record th,.nu-unit-chance .ch-record td{font-size:15px;padding:7px}.nu-unit-chance .ch-rounds{padding:14px}.nu-unit-chance .ch-rounds section{grid-template-columns:1fr auto;gap:8px}.nu-unit-chance .ch-round-dots{grid-column:1/-1;grid-template-columns:repeat(10,minmax(14px,1fr));order:3}.nu-unit-chance .ch-round-dots i{width:100%;aspect-ratio:1;height:auto}.nu-unit-chance .ch-rounds section>b{justify-self:end}.nu-unit-chance .ch-rounds section>span{grid-column:2;justify-self:end}.nu-unit-chance .ch-round-lab{padding:14px}.nu-unit-chance .ch-round-latest{grid-template-columns:1fr}.nu-unit-chance .ch-round-latest .ch-round-dots{grid-template-columns:repeat(10,1fr)}.nu-unit-chance .ch-round-latest b{justify-self:start}}
