.probability .play{display:flex;flex-direction:column;gap:12px;padding:16px}.probability .mission{flex-shrink:0}.probability .mission strong{font:900 22px Nunito,sans-serif}.prediction{display:flex;gap:16px;align-items:center;background:#ece9f8;border-radius:14px;padding:12px;flex-wrap:wrap}.prediction label{display:flex;flex-direction:column;font-weight:700;gap:4px}.prediction .guess{flex:1;min-width:180px}.prediction select{font:inherit;min-height:44px;border:1px solid #ccc3df;border-radius:8px;background:#fff;padding:6px}.prediction input{width:100%;accent-color:#d66d86;min-height:32px}.prediction output{display:inline}.saved-guess{background:#ece9f8;border-radius:12px;padding:8px 12px;font-weight:700}.experiment-grid{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:14px;min-height:0}.wheel-panel,.data-panel{border:1px solid #e1dce9;border-radius:18px;background:#fff;min-width:0;padding:12px}.wheel-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#edf9fb}.wheel-frame{width:100%;max-width:320px;aspect-ratio:1;position:relative;min-height:0}.pointer{position:absolute;top:0;left:50%;transform:translate(-50%,-25%);font-size:32px;color:#30323a;z-index:2}#wheel{width:100%;height:100%;display:block;transition:transform .5s ease-out;overflow:visible}#wheel text{font:900 30px Nunito,sans-serif;fill:#30323a}.wheel-panel>strong{font:900 24px Nunito,sans-serif}.color-key{font-size:14px;color:#535863}.data-panel{display:flex;flex-direction:column;gap:10px}.metrics,.checkpoints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metrics>div,.checkpoints>div{background:#f7f4fa;border-radius:10px;display:flex;flex-direction:column;text-align:center;padding:6px;min-width:0}.metrics span,.checkpoints span{font-size:14px;color:#535863}.metrics strong{font:900 25px Nunito,sans-serif}.checkpoints strong{font:900 18px Nunito,sans-serif}.chart-block{flex:1;display:flex;flex-direction:column;min-height:0}.chart-legend{font-size:14px;display:flex;gap:16px;color:#535863}.chart-frame{display:flex;flex:1;min-height:100px;gap:6px}.y-labels{display:flex;flex-direction:column;justify-content:space-between;font-size:13px;width:42px;flex-shrink:0}#chart{width:100%;min-width:0;min-height:0;flex:1;height:150px}.chart-caption{font-size:13px;text-align:right;color:#535863}.trial-tools{display:flex;flex-wrap:wrap;gap:6px}.trial-tools button{flex:1;white-space:nowrap;padding:8px}.probability button:disabled{opacity:.45;cursor:default}.probability .feedback{flex:0 0 auto;font-size:17px;min-height:46px}.previous{font-size:16px;background:#e0f5e8;padding:8px 12px;border-radius:10px}[hidden]{display:none!important}
.probability.is-classroom .toolbar{flex-shrink:0;padding:6px 12px}.probability.is-classroom #experimentLabel{display:none}.probability.is-classroom .toolbar .tools{margin-left:auto}.probability.is-classroom .tool,.probability.is-classroom .start{min-height:52px;font-size:22px}.probability.is-classroom .play{flex:1;min-height:0;padding:8px 12px;gap:6px}.probability.is-classroom .mission{padding:6px 10px}.probability.is-classroom .mission strong{font-size:32px;line-height:1.15}.probability.is-classroom .mission-icon{display:none}.probability.is-classroom .prediction{padding:6px 10px;gap:10px}.probability.is-classroom .prediction label,.probability.is-classroom .prediction select,.probability.is-classroom .saved-guess{font-size:22px}.probability.is-classroom .experiment-grid{flex:1;min-height:0;gap:10px}.probability.is-classroom .wheel-panel,.probability.is-classroom .data-panel{padding:8px;gap:6px;min-height:0}.probability.is-classroom .wheel-frame{flex:1;aspect-ratio:auto;max-width:none;width:100%;min-height:0;display:flex;align-items:center;justify-content:center}.probability.is-classroom #wheel{width:auto;max-width:100%;height:100%;aspect-ratio:1}.probability.is-classroom .pointer{top:0}.probability.is-classroom #wheel text{font-size:var(--wheel-font,42px)}.probability.is-classroom .wheel-panel>strong{font-size:28px}.probability.is-classroom .color-key{display:none}.probability.is-classroom .metrics strong{font-size:28px}.probability.is-classroom .metrics span,.probability.is-classroom .checkpoints span,.probability.is-classroom .checkpoints strong,.probability.is-classroom .chart-legend,.probability.is-classroom .chart-caption,.probability.is-classroom .y-labels{font-size:22px}.probability.is-classroom .y-labels{width:60px}.probability.is-classroom #chart{height:100%;min-height:0}.probability.is-classroom .chart-frame{min-height:60px}.probability.is-classroom .trial-tools .tool{font-size:22px;padding:6px}.probability.is-classroom .feedback,.probability.is-classroom .previous{font-size:22px;line-height:1.2;min-height:0;padding:6px 10px}.probability.is-classroom .layer{overflow:auto}
@media(max-width:700px){.experiment-grid{grid-template-columns:1fr}.wheel-frame{max-width:220px}.prediction .start{width:100%}.probability.is-classroom .experiment-grid{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)}}
@media(prefers-reduced-motion:reduce){#wheel{transition:none}}
.wheel-frame{display:flex;align-items:center;justify-content:center}.wheel-disc{position:relative;max-width:100%;max-height:100%;aspect-ratio:1;width:100%;height:100%}.probability.is-classroom #wheel{width:100%;height:100%;max-width:none}.probability:not(.has-prediction) .chart-block,.probability:not(.has-prediction) .checkpoints{display:none}.probability:not(.has-prediction) .data-panel{justify-content:center}