/* 4P3X SafeSpark™ Guided Lesson / Guided Homework Cast Remote Additive Layer */
.guidedCastPanel{border:1px solid rgba(186,148,68,.42);background:linear-gradient(135deg,rgba(14,11,23,.96),rgba(35,25,57,.88));box-shadow:0 22px 50px rgba(0,0,0,.28);}
.guidedCastPanel .guidedCastLayout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:1rem;align-items:start;}
.guidedCastToolbar,.guidedCastChecks{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin:.8rem 0;}
.guidedCastChecks label{display:inline-flex;gap:.35rem;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.42rem .7rem;background:rgba(255,255,255,.06);font-size:.9rem;}
.guidedCastChecks input{accent-color:#d6b461;}
.guidedCastPreview{border-radius:1.1rem;border:1px solid rgba(255,255,255,.14);padding:1rem;background:rgba(255,255,255,.06);min-height:230px;}
.guidedCastPreview h3{margin:.15rem 0 .45rem;font-size:1.35rem;}
.guidedCastPreview .previewQuestion{font-size:1.15rem;line-height:1.45;margin:.6rem 0;}
.guidedCastPreview .safeNotice{font-size:.9rem;opacity:.86;border-left:3px solid rgba(112,255,169,.7);padding:.45rem .7rem;background:rgba(112,255,169,.08);border-radius:.4rem;}
.guidedCastStepRail{display:flex;gap:.45rem;flex-wrap:wrap;margin:.65rem 0;}
.guidedCastStepDot{border-radius:999px;padding:.32rem .55rem;font-size:.78rem;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);}
.guidedCastStepDot.active{background:linear-gradient(90deg,rgba(214,180,97,.85),rgba(125,241,183,.7));color:#120d1f;font-weight:800;}
.guidedCastStatus{font-weight:700;color:#f4df9b;}
.guidedCastMiniAudit{display:grid;gap:.45rem;margin-top:.8rem;}
.guidedCastMiniAudit div{display:flex;justify-content:space-between;gap:.8rem;border-bottom:1px solid rgba(255,255,255,.1);padding:.38rem 0;font-size:.92rem;}
.guidedCastMiniAudit span:first-child{opacity:.75;}
.guidedCastRemoteBadge{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(125,241,183,.35);background:rgba(125,241,183,.1);color:#c7ffd9;border-radius:999px;padding:.35rem .6rem;font-weight:800;font-size:.85rem;}
.guidedCastDemoPath{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem;}
.guidedCastDemoPath article{border:1px solid rgba(255,255,255,.13);border-radius:1rem;padding:.9rem;background:rgba(255,255,255,.05);}
.guidedCastHandoffGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1rem;}
.guidedCastHandoffGrid article{border:1px solid rgba(255,255,255,.13);border-radius:1rem;padding:.9rem;background:rgba(255,255,255,.05);}
.guidedCastDisplayBody{background:#06050a;color:#fff;overflow:auto;}
.guidedCastDisplayBody .topbar,.guidedCastDisplayBody .footer{display:none!important;}
.guidedCastDisplayShell{min-height:100vh;display:grid;place-items:center;padding:clamp(1rem,3vw,2.2rem);background:radial-gradient(circle at top left,rgba(117,67,255,.35),transparent 36%),radial-gradient(circle at bottom right,rgba(214,180,97,.24),transparent 35%),#050409;}
.guidedCastDisplayFrame{width:min(1280px,96vw);min-height:min(760px,92vh);border:1px solid rgba(255,255,255,.16);border-radius:2rem;padding:clamp(1.1rem,3vw,2.4rem);background:linear-gradient(145deg,rgba(16,13,28,.98),rgba(35,24,58,.94));box-shadow:0 28px 90px rgba(0,0,0,.55);display:flex;flex-direction:column;justify-content:space-between;}
.guidedCastDisplayFrame.blank{justify-content:center;text-align:center;}
.guidedCastDisplayTop{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.2rem;}
.guidedCastDisplayBrand strong{font-size:clamp(1.4rem,2.6vw,2.2rem);display:block;}
.guidedCastDisplayBrand small{opacity:.75;}
.guidedCastDisplayMode{border:1px solid rgba(214,180,97,.4);background:rgba(214,180,97,.12);border-radius:999px;padding:.45rem .8rem;font-weight:800;color:#f7df9e;}
.guidedCastDisplayFrame h1{font-size:clamp(2.4rem,6vw,5.6rem);line-height:1.02;margin:.25rem 0 .7rem;letter-spacing:-.035em;}
.guidedCastDisplayFrame h2{font-size:clamp(1.35rem,3.3vw,2.55rem);line-height:1.08;margin:.4rem 0 .8rem;color:#f6e7b5;}
.guidedCastQuestion{font-size:clamp(1.35rem,3.2vw,2.5rem);line-height:1.2;margin:.75rem 0 1rem;}
.guidedCastWords{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0;}
.guidedCastWords span{border-radius:999px;padding:.5rem .8rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-weight:800;}
.guidedCastDisplayGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:1rem;align-items:stretch;margin-top:1rem;}
.guidedCastDisplayCard{border:1px solid rgba(255,255,255,.13);border-radius:1.25rem;padding:1rem;background:rgba(255,255,255,.06);font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.35;}
.guidedCastTimer{font-size:clamp(1.4rem,3vw,2.4rem);font-weight:900;color:#b7ffce;}
.guidedCastPrivacyBar{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding-top:.9rem;margin-top:1rem;font-size:clamp(.8rem,1.4vw,1rem);opacity:.86;}
.guidedCastQRCode{width:128px;height:128px;border:8px solid #fff;border-radius:.8rem;background:repeating-linear-gradient(45deg,#111 0 10px,#fff 10px 20px);box-shadow:0 0 0 1px rgba(255,255,255,.25) inset;}
.guidedCastDisplayBody.displayFrozen .guidedCastDisplayFrame{outline:4px solid rgba(214,180,97,.6);}
@media(max-width:820px){.guidedCastPanel .guidedCastLayout,.guidedCastDisplayGrid,.guidedCastDemoPath,.guidedCastHandoffGrid{grid-template-columns:1fr}.guidedCastDisplayTop{flex-direction:column}.guidedCastDisplayFrame{border-radius:1.2rem;min-height:90vh}.guidedCastToolbar .roleButton,.guidedCastToolbar .btn{width:auto}}


/* Cast display freeze fix — keep receiver scrollable and recoverable on mobile/tablet. */
.guidedCastDisplayBody{overflow:auto!important;min-height:100dvh;}
.guidedCastReceiverControls{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;padding:.7rem .9rem;background:rgba(6,5,10,.96);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.28);}
.guidedCastReceiverControls span{color:rgba(255,255,255,.78);font-size:.9rem;}
.guidedCastReceiverControls .btn{margin:0;}
.guidedCastDisplayBody .guidedCastDisplayShell{min-height:calc(100dvh - 68px);}
@media(max-width:820px){.guidedCastReceiverControls{align-items:stretch}.guidedCastReceiverControls .btn{width:auto;flex:1 1 170px}.guidedCastReceiverControls span{flex:1 1 100%;text-align:center}.guidedCastDisplayBody .guidedCastDisplayShell{place-items:start center;padding:.85rem}.guidedCastDisplayFrame{min-height:auto!important;width:min(100%,96vw)}}