/* Physical slot styling from Dareback, scoped for the light teacher app. */
.edMachine{background:#11131a;border:1px solid #343842;border-radius:26px;padding:22px;color:#f7f1e5;max-width:1100px;margin:22px auto;box-shadow:0 16px 38px #0002}.edMachine .machineBrand{text-align:center;letter-spacing:.08em;font-size:22px;font-weight:950;color:#ff9257}.edMachine .slotline{display:grid;grid-template-columns:repeat(var(--slot-count,3),minmax(0,1fr));background:#0c0d12;border:1px solid #292c35;border-radius:22px;padding:12px;gap:10px;margin:18px 0}.edMachine .slotWrap{min-width:0;background:#171920;border:1px solid #2e323b;border-radius:16px;padding:7px;border-top:3px solid #ff7a2f}.edMachine .slotWrap:nth-child(2){border-top-color:#5d8fe8}.edMachine .slotWrap:nth-child(3){border-top-color:#8879e6}.edMachine .slot{position:relative;min-height:240px;overflow:hidden;border-radius:11px;background:linear-gradient(180deg,#dcd4c5 0,#fffdf7 18%,#f8f2e6 50%,#fffdf7 82%,#d8d0c2 100%);box-shadow:inset 0 1px 0 #fff,inset 0 18px 26px #bfb6a455,inset 0 -18px 26px #bfb6a455;color:#111218;font-size:clamp(17px,3vw,32px);font-weight:950}.edMachine .reelWindow{height:240px;display:grid;grid-template-rows:1fr 1.25fr 1fr;align-items:center;overflow:hidden;padding:5px 8px}.edMachine .reelOption{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;overflow-wrap:anywhere}.edMachine .reelOption.near{font-size:.78em;opacity:.27;filter:blur(.35px);transform:scale(.92)}.edMachine .reelOption.current{font-weight:950;border-top:1px solid #b9af9f;border-bottom:1px solid #b9af9f;min-height:85px}.edMachine .slot.spin .near{opacity:.15}.edMachine .slot.spin .current{filter:blur(.6px)}.edMachine .slot.landed{animation:edLand .25s ease-out}.edMachine .label{text-align:center;color:#d7d3ca;font-size:12px;font-weight:850;letter-spacing:.08em;margin-top:10px}.edMachine .machineHint{text-align:center;color:#d7d3ca;font-size:14px;margin:12px 0 0}.playHeading{text-align:center}.playHeading h2{font-size:clamp(30px,5vw,52px);margin:10px 0}.playHeading .groupHeading{font-size:clamp(24px,4vw,42px);font-weight:850;margin:15px 0 6px}.playActions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px}.playActions .btn{min-height:56px;font-size:20px}.playOutcome{text-align:center;font-size:20px;font-weight:650}.playGroupTabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:20px}.playGroupTabs button[aria-current="true"]{border-color:var(--yellow);background:#eaf4fb}.playStage .teamGame{max-width:650px;margin:22px auto}.playStage>.grid .teamGame{max-width:none;margin:0}.playStage .teamGame h3{margin:4px 0}
@keyframes edLand{50%{transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.edMachine .slot.landed{animation:none}}@media(max-width:650px){.edMachine{padding:10px;border-radius:20px}.edMachine .slotline{padding:6px;gap:5px}.edMachine .slotWrap{padding:4px}.edMachine .slot{min-height:165px;font-size:clamp(12px,3.5vw,18px)}.edMachine .reelWindow{height:165px;padding:4px}.edMachine .reelOption.current{min-height:58px}.edMachine .label{font-size:9px;letter-spacing:.02em}.playActions{margin:15px 0}.playGroupTabs .quiet{font-size:13px}.playStage>.grid{grid-template-columns:1fr}}

.playStage>h2,.playStage>.eyebrow,.playStage>.hint,.playGroup{text-align:center}.playStage>h2{font-size:clamp(28px,4vw,46px);margin:10px 0}.playGroup{font-size:clamp(24px,4vw,38px);margin:18px 0 6px}.groupTurns{justify-content:center;margin:20px 0}.groupTurns [aria-current="true"]{background:#eaf4fb;border-color:#337baf}.spinMain{display:block;margin:24px auto;min-height:60px;font-size:22px;padding:14px 30px}.playStage details{text-align:left;max-width:850px;margin:20px auto}

.edMachine .slot.spin.braking .current{filter:none}.edMachine .slot.spin.braking .near{opacity:.23}