/* Generated bundle for V12.12. Source layers preserved separately. */ /* ===== css/design-bundle-v127.css ===== */ /* ===== design-v56.css ===== */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap'); :root{ --saas-bg:#f5f7fb;--saas-surface:#ffffff;--saas-border:#e6ebf2;--saas-text:#172033;--saas-muted:#6b778c; --saas-primary:#2563eb;--saas-primary-dark:#173ea5;--saas-accent:#0ea5a8;--saas-shadow:0 10px 32px rgba(30,41,59,.07); --saas-radius:16px; } body{font-family:Inter,Segoe UI,Arial,sans-serif} h1,h2,h3,.page-title,.teacher-brand strong{font-family:'Plus Jakarta Sans',Inter,Segoe UI,sans-serif;letter-spacing:-.025em} /* ===== Entrada SaaS ===== */ #screen-role,#screen-teacher-login{background:linear-gradient(135deg,#eef4ff 0%,#f8fbff 52%,#edf9f6 100%);color:var(--saas-text)} #screen-role .wrap,#screen-teacher-login .wrap{max-width:1160px} #screen-role .card.hero{max-width:none;text-align:left;padding:0;overflow:hidden;background:#fff;border:1px solid var(--saas-border);box-shadow:0 28px 80px rgba(42,57,90,.13);border-radius:24px} .lbp-entry-grid{display:grid;grid-template-columns:1.12fr .88fr;min-height:610px} .lbp-entry-copy{padding:68px 64px;background:linear-gradient(160deg,#0f2857,#183e83 55%,#126c78);color:white;position:relative;overflow:hidden} .lbp-entry-copy:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-170px;bottom:-180px;background:rgba(255,255,255,.08)} .lbp-entry-copy .eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);font-size:12px;font-weight:700} .lbp-entry-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:26px 0 18px;max-width:640px} .lbp-entry-copy p{font-size:18px;line-height:1.65;color:#d8e6ff;max-width:600px} .lbp-feature-list{display:grid;gap:12px;margin-top:30px;max-width:530px}.lbp-feature{display:flex;gap:12px;align-items:flex-start;color:#eaf2ff}.lbp-feature i{font-size:18px;color:#7ce5d9;margin-top:2px} .lbp-entry-actions{padding:58px 50px;display:flex;flex-direction:column;justify-content:center;background:#fff}.lbp-entry-actions h2{font-size:28px;margin:0 0 8px}.lbp-entry-actions>p{color:var(--saas-muted);line-height:1.55;margin:0 0 26px} .entry-role-card{border:1px solid var(--saas-border);background:#fff;padding:20px;border-radius:16px;display:flex;gap:14px;align-items:center;text-align:left;width:100%;margin:7px 0;transition:.18s ease;box-shadow:none;color:var(--saas-text)} .entry-role-card:hover{transform:translateY(-2px);border-color:#b9c9e8;box-shadow:var(--saas-shadow)}.entry-role-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#edf4ff;color:#205fd2;font-size:21px;flex:none}.entry-role-card.student .entry-role-icon{background:#eafaf7;color:#07877f}.entry-role-card b{display:block;font-size:15px;margin-bottom:4px}.entry-role-card small{display:block;color:var(--saas-muted);font-size:12px;line-height:1.45} #screen-teacher-login .teacher-login-shell{display:grid;grid-template-columns:.9fr 1.1fr;max-width:980px;margin:24px auto;background:#fff;border:1px solid var(--saas-border);border-radius:24px;overflow:hidden;box-shadow:0 28px 80px rgba(42,57,90,.13)} .teacher-login-side{padding:54px 44px;background:linear-gradient(160deg,#102c5d,#1f4c9a 62%,#147a84);color:white}.teacher-login-side h1{font-size:34px;margin:18px 0 12px}.teacher-login-side p{color:#dbe7fb;line-height:1.6}.teacher-login-main{padding:48px 44px}.teacher-login-main .input{background:#fff!important;color:#1f2937!important;border:1px solid #d9e1ec!important}.teacher-login-main label{color:#64748b!important}.teacher-login-main .notice{background:#f5f8fd!important;color:#60708a!important;border-left-color:#2563eb!important} /* ===== Professor SaaS ===== */ #screen-teacher{--teacher-bg:#f5f7fb;--teacher-surface:#fff;--teacher-border:#e5eaf1;--teacher-text:#172033;--teacher-muted:#728096;--teacher-primary:#2563eb;--teacher-primary-2:#1e55c9;--teacher-shadow:0 8px 28px rgba(30,41,59,.06);background:var(--teacher-bg)!important} .teacher-app-shell{grid-template-columns:248px minmax(0,1fr)!important} .teacher-sidebar{background:linear-gradient(180deg,#102957,#0d2349 58%,#0b1d3d)!important;padding:24px 16px!important;box-shadow:none!important;border-right:1px solid rgba(255,255,255,.06)} .teacher-brand{padding:3px 8px 23px!important;border-bottom:1px solid rgba(255,255,255,.10)!important}.teacher-brand-mark{background:#fff!important;color:#174aa7!important;box-shadow:0 6px 20px rgba(0,0,0,.14)!important}.teacher-brand small{color:#9fb4d3!important} .teacher-nav-label{color:#7f98bb!important;font-size:10px!important;letter-spacing:.12em!important;margin-top:11px!important} #screen-teacher .teacher-nav .tab{color:#b9c8dc!important;border-radius:10px!important;padding:10px 12px!important;font-weight:600!important}.teacher-nav .tab:hover{background:rgba(255,255,255,.07)!important}.teacher-nav .tab.active{background:#fff!important;color:#1b4da1!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important} .teacher-sidebar-footer{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.09)!important} .teacher-main{background:#f5f7fb}.teacher-topbar{height:76px!important;background:rgba(255,255,255,.93)!important;border-bottom:1px solid #e8edf4!important;box-shadow:none!important;backdrop-filter:blur(14px);padding:12px 28px!important}.page-title{font-size:19px!important;color:#172033!important}.page-sub{color:#8290a5!important}.teacher-content{max-width:1480px;margin:0 auto;padding:30px 34px 50px!important} .studio-kicker{color:#2a62c7!important;background:#edf4ff!important;padding:6px 9px;border-radius:999px;display:inline-block;font-size:10px!important}.studio-heading h1,.dashboard-welcome h1{color:#172033!important}.studio-heading p,.dashboard-welcome p{color:#6d7a90!important} #screen-teacher .card,#screen-teacher .panel-card,#screen-teacher .dash-metric{border:1px solid #e5eaf1!important;border-radius:16px!important;box-shadow:0 7px 24px rgba(30,41,59,.045)!important;background:#fff!important} .dashboard-welcome{background:linear-gradient(135deg,#ffffff,#f4f8ff)!important;border:1px solid #e1e8f3!important;border-radius:18px!important;padding:26px 28px!important;margin-bottom:20px!important} .dashboard-metrics{gap:14px!important}.dash-metric{padding:19px!important}.dash-metric strong{font-size:30px!important;color:#172033}.dash-metric-head span{color:#68768b!important}.dash-metric-icon{background:#eef4ff!important;color:#2563eb!important} .panel-card{padding:22px!important}.panel-head h2{font-size:16px!important;color:#202b3d}.panel-head small{color:#8290a5!important}.health-item,.activity-row,.quick-action{border-color:#e7ecf3!important}.quick-action{background:#fbfcfe!important}.quick-action:hover{border-color:#b9c9e8!important;background:#f5f8fd!important}.quick-action i{color:#2563eb!important} #screen-teacher .btn{border-radius:10px!important;font-weight:650!important;padding:10px 14px!important}.plan-chip{border-radius:999px!important} #screen-teacher .input{border-radius:10px!important;border-color:#d9e1ec!important;min-height:44px!important}#screen-teacher textarea.input{line-height:1.55} .workflow-banner{gap:8px!important}.workflow-step{background:#fff!important;border-color:#e3e8f0!important;color:#718096!important}.workflow-step strong{color:#263247!important}.workflow-step.active{border-color:#9bb8eb!important;background:#f4f8ff!important;box-shadow:none!important} .teacher-toolbar{border-radius:14px!important;box-shadow:none!important;background:#fff!important;border-color:#e4e9f1!important}.generated-card{background:#fff!important;border-radius:14px!important}.generated-card:hover{box-shadow:0 10px 28px rgba(30,41,59,.07)!important}.q-index{border-radius:12px!important;background:#eef4ff!important;color:#2158bc!important}.publish-cta{border-radius:16px!important;background:linear-gradient(135deg,#ecfdf5,#f2f7ff)!important} .table th{background:#f8fafc;color:#66758a!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.04em}.table td{color:#334155}.table th,.table td{border-bottom-color:#ebeff5!important} /* ===== Jogo do aluno: temática forte por assunto ===== */ #screen-student-home,#screen-game{position:relative;isolation:isolate} #screen-student-home:before,#screen-game:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(150deg,var(--bg),#020617 78%)} #screen-student-home:after,#screen-game:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.28;pointer-events:none} body[data-game-theme="technology"] #screen-student-home:after,body[data-game-theme="technology"] #screen-game:after{background-image:linear-gradient(rgba(53,208,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(53,208,255,.08) 1px,transparent 1px);background-size:36px 36px} body[data-game-theme="cyber"] #screen-student-home:after,body[data-game-theme="cyber"] #screen-game:after{background:repeating-linear-gradient(90deg,rgba(34,211,238,.05) 0 1px,transparent 1px 32px),radial-gradient(circle at 80% 20%,rgba(34,197,94,.18),transparent 30%)} body[data-game-theme="science"] #screen-student-home:after,body[data-game-theme="science"] #screen-game:after{background-image:radial-gradient(circle,rgba(34,197,94,.18) 1.5px,transparent 2px);background-size:42px 42px} body[data-game-theme="space"] #screen-student-home:after,body[data-game-theme="space"] #screen-game:after{background-image:radial-gradient(circle,rgba(255,255,255,.65) 1px,transparent 1.2px),radial-gradient(circle,rgba(129,140,248,.45) 1px,transparent 1.5px);background-size:54px 54px,83px 83px;background-position:0 0,18px 24px} body[data-game-theme="math"] #screen-student-home:after,body[data-game-theme="math"] #screen-game:after{background-image:linear-gradient(30deg,rgba(245,158,11,.07) 12%,transparent 12.5%,transparent 87%,rgba(245,158,11,.07) 87.5%);background-size:54px 94px} body[data-game-theme="history"] #screen-student-home:after,body[data-game-theme="history"] #screen-game:after{background:radial-gradient(circle at 15% 20%,rgba(214,167,86,.18),transparent 28%),repeating-linear-gradient(0deg,rgba(214,167,86,.045) 0 1px,transparent 1px 7px)} body[data-game-theme="language"] #screen-student-home:after,body[data-game-theme="language"] #screen-game:after{background:radial-gradient(circle at 85% 15%,rgba(236,72,153,.2),transparent 28%),linear-gradient(120deg,transparent 48%,rgba(167,139,250,.07) 49%,transparent 50%)} body[data-game-theme="nature"] #screen-student-home:after,body[data-game-theme="nature"] #screen-game:after{background:radial-gradient(ellipse at 20% 10%,rgba(132,204,22,.2),transparent 35%),radial-gradient(ellipse at 80% 80%,rgba(20,184,166,.16),transparent 36%)} body[data-game-theme="business"] #screen-student-home:after,body[data-game-theme="business"] #screen-game:after{background-image:linear-gradient(90deg,rgba(56,189,248,.055) 1px,transparent 1px),linear-gradient(rgba(245,158,11,.04) 1px,transparent 1px);background-size:50px 50px} body[data-game-theme="arts"] #screen-student-home:after,body[data-game-theme="arts"] #screen-game:after{background:radial-gradient(circle at 20% 30%,rgba(244,114,182,.22),transparent 28%),radial-gradient(circle at 80% 70%,rgba(167,139,250,.20),transparent 30%)} #screen-student-home .hero{border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),var(--panel)!important;text-align:left!important;padding:34px!important} #screen-student-home .hero h1{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:clamp(34px,5vw,58px)!important;line-height:1.04!important}.level{border-radius:18px!important;box-shadow:0 16px 38px rgba(0,0,0,.18)!important;backdrop-filter:blur(6px)} #screen-game .card.pad{background:rgba(8,20,35,.88)!important;backdrop-filter:blur(12px)}#screen-game .question{border-radius:22px!important;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.02)),var(--panel)!important;box-shadow:0 28px 70px rgba(0,0,0,.32)!important}.question h2{font-family:'Plus Jakarta Sans',Inter,sans-serif;line-height:1.32}.option{transition:.18s ease}.option:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(0,0,0,.16)} @media(max-width:900px){.lbp-entry-grid,.teacher-login-shell{grid-template-columns:1fr!important}.lbp-entry-copy{padding:42px 32px}.lbp-entry-actions,.teacher-login-main,.teacher-login-side{padding:36px 28px}.teacher-content{padding:20px 18px 40px!important}} @media(max-width:760px){.teacher-app-shell{display:block!important}.teacher-sidebar{background:#102957!important}.teacher-topbar{padding:12px 16px!important}.teacher-content{padding:16px 12px 36px!important}.dashboard-welcome{padding:20px!important}.dashboard-metrics{grid-template-columns:1fr 1fr!important}.quick-actions{grid-template-columns:1fr!important}} @media(max-width:520px){.dashboard-metrics{grid-template-columns:1fr!important}.lbp-entry-copy h1{font-size:38px}.lbp-entry-actions{padding:30px 22px}} /* ===== design-v57.css ===== */ /* Learn by Playing V5.7 — Global EdTech SaaS refinements */ :root{--v57-navy:#10213d;--v57-blue:#356ae6;--v57-cyan:#2bb8ca;--v57-green:#24a36b;--v57-amber:#d99025;--v57-surface:#fff;--v57-bg:#f4f7fb;--v57-line:#e3e9f2} body[data-experience="teacher"]{background:var(--v57-bg)!important;animation:none!important} body[data-experience="teacher"]:before,body[data-experience="teacher"]:after,#screen-teacher:before,#screen-teacher:after{display:none!important;animation:none!important;content:none!important} #screen-teacher *{animation:none!important} #screen-teacher .teacher-main .btn:hover{transform:none!important} .teacher-sidebar{background:linear-gradient(180deg,#122441,#0d1b32)!important}.teacher-brand-mark{background:#fff!important;color:#173a72!important}.teacher-topbar{background:rgba(255,255,255,.98)!important;backdrop-filter:none!important}.teacher-content{max-width:1480px;margin:0 auto;width:100%} .dashboard-welcome{background:linear-gradient(120deg,#ffffff,#f5f8ff)!important;border:1px solid var(--v57-line);border-radius:18px;padding:24px}.dashboard-welcome h1{letter-spacing:-.035em} .v57-insights{margin-top:18px}.insight-chip{font-size:11px;padding:6px 9px;border-radius:999px;background:#eef5ff;color:#2d5db9;font-weight:750}.attention-list{display:grid;gap:9px}.attention-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border:1px solid #edf1f6;border-radius:12px;padding:11px 12px;background:#fff}.attention-row small{display:block;color:#76839a;margin-top:2px}.attention-dot{width:9px;height:9px;border-radius:50%;background:#2fa46d}.attention-row.medium .attention-dot{background:#e19a2a}.attention-row.high .attention-dot{background:#dc5b64}.attention-stats{display:flex;gap:7px;flex-wrap:wrap}.attention-stats span{font-size:10px;border-radius:999px;background:#f4f7fa;padding:5px 7px;color:#5e6b80}.attention-empty{display:flex;gap:12px;align-items:center;padding:18px;background:#f8fafc;border-radius:13px}.attention-empty i{font-size:24px;color:#356ae6}.attention-empty small{display:block;color:#77859a;margin-top:3px}.next-action-card{padding:18px;border-radius:14px;background:#f5f8ff;border:1px solid #dce7fb;line-height:1.5;color:#2a3a54}.learning-pulse{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 0;border-top:1px solid #edf1f6}.learning-pulse span{color:#748198;font-size:12px}.learning-pulse b{font-size:12px;color:#234d9d} .admin-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.admin-kpi{background:#fff;border:1px solid var(--v57-line);border-radius:15px;padding:18px}.admin-kpi span{font-size:11px;color:#75839a;text-transform:uppercase;letter-spacing:.06em;font-weight:750}.admin-kpi strong{display:block;font-size:27px;color:#17233a;margin:7px 0 3px}.admin-kpi small{color:#8a95a7}.beta-progress>div:first-child{display:flex;justify-content:space-between;margin:14px 0 8px}.plan-catalog{display:grid;gap:8px}.plan-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #edf1f6;padding:12px;border-radius:12px}.plan-row small{display:block;color:#7b8799;margin-top:3px}.admin-plan-select{min-height:36px!important;padding:6px 8px!important}.feedback-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f7faff;border:1px solid #dce8fb;border-radius:14px;padding:15px}.feedback-callout small{display:block;color:#718098;margin-top:3px} /* Student experience: isolate decorative layers so moving effects never cross text glyphs. */ body[data-experience="student"]{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .student-theme-surface{position:relative;isolation:isolate;overflow-x:hidden;background-color:var(--bg)!important}.student-theme-surface:before,.student-theme-surface:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;transform:none!important;filter:none!important;will-change:auto!important} .student-theme-surface.fx-scan:after{background:linear-gradient(180deg,transparent 0%,rgba(53,208,255,.035) 48%,transparent 52%);animation:none!important}.student-theme-surface.fx-particles:before{background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1.2px);background-size:36px 36px;opacity:.24;animation:none!important}.student-theme-surface.fx-pulse:before{background:radial-gradient(circle at 12% 8%,var(--glow),transparent 32%);animation:none!important}.student-theme-surface.fx-float:before{background:radial-gradient(circle at 88% 18%,var(--glow),transparent 28%);animation:none!important} body[data-student-theme="technology"] .student-theme-surface{background-image:linear-gradient(rgba(53,208,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(53,208,255,.045) 1px,transparent 1px),linear-gradient(135deg,#07111f,#09192d)!important;background-size:30px 30px,30px 30px,auto!important} body[data-student-theme="cyber"] .student-theme-surface{background-image:radial-gradient(circle at 10% 20%,rgba(34,211,238,.12),transparent 25%),linear-gradient(135deg,#031516,#062124)!important} body[data-student-theme="science"] .student-theme-surface{background-image:radial-gradient(circle at 20% 15%,rgba(34,197,94,.15),transparent 27%),radial-gradient(circle at 80% 80%,rgba(6,182,212,.12),transparent 24%),linear-gradient(135deg,#061713,#0a241c)!important} body[data-student-theme="space"] .student-theme-surface{background-image:radial-gradient(circle at 20% 10%,rgba(129,140,248,.18),transparent 28%),radial-gradient(circle at 75% 20%,rgba(236,72,153,.12),transparent 22%),linear-gradient(135deg,#070719,#11102a)!important} body[data-student-theme="math"] .student-theme-surface{background-image:linear-gradient(30deg,rgba(245,158,11,.045) 12%,transparent 12.5%,transparent 87%,rgba(245,158,11,.045) 87.5%,rgba(245,158,11,.045)),linear-gradient(150deg,rgba(239,68,68,.04) 12%,transparent 12.5%,transparent 87%,rgba(239,68,68,.04) 87.5%),linear-gradient(135deg,#1a1105,#26180a)!important;background-size:42px 72px,42px 72px,auto!important} body[data-student-theme="history"] .student-theme-surface{background-image:linear-gradient(rgba(214,167,86,.04),rgba(214,167,86,.04)),linear-gradient(135deg,#17110b,#2a2117)!important} body[data-student-theme="language"] .student-theme-surface{background-image:linear-gradient(90deg,rgba(236,72,153,.055) 1px,transparent 1px),linear-gradient(135deg,#18091a,#26112a)!important;background-size:46px 100%,auto!important} body[data-student-theme="nature"] .student-theme-surface{background-image:radial-gradient(ellipse at 10% 15%,rgba(132,204,22,.14),transparent 28%),radial-gradient(ellipse at 85% 75%,rgba(20,184,166,.11),transparent 30%),linear-gradient(135deg,#0d1708,#172810)!important} body[data-student-theme="business"] .student-theme-surface{background-image:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,158,11,.035) 1px,transparent 1px),linear-gradient(135deg,#07131a,#10232d)!important;background-size:44px 44px,44px 44px,auto!important} body[data-student-theme="arts"] .student-theme-surface{background-image:radial-gradient(circle at 12% 18%,rgba(244,114,182,.16),transparent 23%),radial-gradient(circle at 82% 22%,rgba(167,139,250,.14),transparent 24%),linear-gradient(135deg,#190b17,#2b1328)!important} #screen-game .question,#screen-student-home .card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}.question.enter{animation:questionInV57 .18s ease-out!important}@keyframes questionInV57{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:none}} @media(max-width:900px){.admin-kpi-grid{grid-template-columns:1fr 1fr}.attention-row{grid-template-columns:auto 1fr}.attention-stats{grid-column:2}.feedback-callout{align-items:flex-start;flex-direction:column}} @media(max-width:560px){.admin-kpi-grid{grid-template-columns:1fr}.dashboard-metrics{grid-template-columns:1fr!important}.quick-actions{grid-template-columns:1fr!important}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.student-theme-surface *{animation:none!important;transition:none!important}} .public-beta-badge{display:inline-flex;align-items:center;gap:7px;margin:12px auto 0;padding:8px 11px;border-radius:999px;background:#eef6ff;border:1px solid #d3e6ff;color:#315b9b;font-size:12px;font-weight:700}.public-beta-badge.hidden{display:none!important} /* ===== design-v58.css ===== */ /* Learn by Playing V5.8 — Student Results SaaS + Teacher Clarity */ body[data-experience="teacher"] .teacher-sidebar{box-shadow:8px 0 30px rgba(15,23,42,.08)} #screen-teacher .card,#screen-teacher .dashboard-card,#screen-teacher .admin-kpi{box-shadow:0 5px 20px rgba(15,23,42,.045)!important;border-color:#e4eaf2!important} #screen-teacher .teacher-topbar{border-bottom:1px solid #e5eaf1!important}#screen-teacher .btn{min-height:40px}#screen-teacher .input{background:#fff!important;color:#17233a!important;border-color:#dce3ed!important}#screen-teacher label{color:#66758a!important} .student-results-shell{max-width:1600px;margin:auto;background:linear-gradient(135deg,#07162e,#081d3b 55%,#07152c);border:1px solid #1e416f;border-radius:22px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.38);color:#f5f9ff}.student-results-top{min-height:82px;padding:14px 20px;display:grid;grid-template-columns:auto 1fr auto auto;gap:18px;align-items:center;border-bottom:1px solid #254778;background:rgba(3,16,37,.86)} .result-back-btn,.result-exit-btn,.result-home-btn,.result-send-btn{border:0;border-radius:12px;min-height:46px;padding:0 18px;font-weight:800;color:white;display:inline-flex;align-items:center;justify-content:center;gap:9px}.result-back-btn{background:#12386d;border:2px solid #3984ef;box-shadow:0 0 0 3px rgba(57,132,239,.12);font-size:15px}.result-back-btn:hover{background:#194986}.result-exit-btn{background:#e43d48}.result-heading{display:flex;align-items:center;gap:12px}.result-heading h2{margin:0;font-size:25px}.result-heading small{color:#b7c5da}.result-trophy{font-size:28px}.result-top-stats{display:flex;gap:10px}.result-top-stats>div{min-width:115px;padding:9px 13px;border:1px solid #315586;border-radius:11px;background:#102b55;display:grid;grid-template-columns:auto 1fr;gap:0 8px;align-items:center}.result-top-stats i{color:#ffc72c;grid-row:1/3}.result-top-stats b{font-size:18px}.result-top-stats small{font-size:10px;color:#b8c8df} .student-results-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.85fr);gap:22px;padding:22px}.student-result-main{display:grid;gap:16px}.result-hero-card,.result-detail-card,.result-achievements,.certificate-ready,.result-send-panel{border:1px solid #2d5283;background:linear-gradient(180deg,rgba(20,46,90,.82),rgba(8,29,62,.92));border-radius:16px}.result-hero-card{padding:24px;display:grid;grid-template-columns:170px 1fr;align-items:center;background:radial-gradient(circle at 20% 20%,rgba(113,65,210,.24),transparent 35%),linear-gradient(135deg,#10265a,#091c45)}.achievement-medal{width:132px;height:150px;margin:auto;clip-path:polygon(50% 0,92% 18%,88% 70%,50% 100%,12% 70%,8% 18%);background:linear-gradient(145deg,#ffd657,#f19b18);display:grid;place-items:center;color:#fff3a8;font-size:65px;text-shadow:0 3px 0 #b36b0b;filter:drop-shadow(0 12px 16px rgba(0,0,0,.28))}.result-hero-copy h1{margin:0;color:#5be16d;font-size:34px}.result-hero-copy>p{color:#d4deee}.result-score-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid #31517f;border-radius:13px;overflow:hidden;background:rgba(2,13,34,.32)}.result-score-grid>div{padding:15px;text-align:center;border-right:1px solid #31517f}.result-score-grid>div:last-child{border:0}.result-score-grid i{display:block;color:#5b9cff;font-size:20px}.result-score-grid strong{display:block;font-size:26px;color:#5ee371;margin:4px}.result-score-grid span{font-size:11px;color:#b9c8dd} .result-detail-card{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-detail-card>div{display:flex;justify-content:space-between;gap:12px}.result-detail-card span{color:#aebed4}.result-detail-card b{text-align:right}.result-achievements{padding:20px}.result-achievements h3,.certificate-ready h3{margin:0 0 15px}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.achievement-grid>div{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center}.achievement-grid b{font-size:13px}.achievement-grid small{grid-column:2;color:#aebed4;line-height:1.4}.ach-icon{grid-row:1/3;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:24px;border:2px solid}.ach-icon.purple{background:#41236e;border-color:#925de0}.ach-icon.blue{background:#123c70;border-color:#4d9ae9}.ach-icon.green{background:#134c3a;border-color:#3ec477}.certificate-ready{padding:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;background:linear-gradient(135deg,#182153,#20215d)}.certificate-ready p{margin:0;color:#b9c5dc}.cert-doc-icon{width:64px;height:64px;border-radius:14px;background:#ffe18a;color:#bd6711;display:grid;place-items:center;font-size:30px}.result-primary-actions{display:grid;grid-template-columns:.75fr 1.25fr;gap:14px}.result-home-btn{background:#174785;border:1px solid #4389e6}.result-send-btn{background:linear-gradient(135deg,#2bbd57,#24a745);font-size:15px;box-shadow:0 8px 22px rgba(31,185,78,.18)}.result-send-btn:disabled{opacity:.55} .result-send-panel{padding:26px;align-self:stretch}.result-send-panel>h2{text-align:center;font-size:27px;margin:12px 0 5px}.result-send-panel>p{text-align:center;color:#c1cee0;line-height:1.5}.send-orb{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:linear-gradient(145deg,#48dc6b,#20a34c);font-size:35px;box-shadow:0 0 35px rgba(44,211,95,.25)}.send-state{display:flex;gap:13px;align-items:center;padding:16px;margin:20px 0;border-radius:12px;border:1px solid #31527d;background:#102a4e}.send-state i{font-size:25px}.send-state b,.send-state span{display:block}.send-state span{font-size:12px;margin-top:3px;color:#c1cee0}.send-state.success{background:#0d4a35;border-color:#2a9b63;color:#62e68b}.send-state.error{background:#4b2028;border-color:#a84956;color:#ff9aa5}.send-how,.sent-details{border:1px solid #294b78;border-radius:13px;padding:17px;margin-top:16px;background:rgba(4,18,43,.34)}.send-how h3{color:#49b9ff;margin-top:0}.send-how>div{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.send-how>div>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1760cf;font-weight:900}.send-how p{margin:4px 0 13px;line-height:1.45}.sent-details h3{margin-top:0}.sent-details p{margin:9px 0;color:#c8d5e7}.sent-details i{color:#45db70;margin-right:7px}.send-status-text{margin-top:15px;color:#a9bdd7;font-size:12px;line-height:1.5}.student-results-footer{min-height:58px;padding:0 22px;border-top:1px solid #244673;display:flex;align-items:center;justify-content:space-between;color:#9fb2cc;font-size:12px} @media(max-width:1050px){.student-results-grid{grid-template-columns:1fr}.result-send-panel{order:2}.student-results-top{grid-template-columns:auto 1fr auto}.result-top-stats{display:none}.result-exit-btn{grid-column:3}}@media(max-width:700px){#screen-certificate{padding:8px}.student-results-shell{border-radius:14px}.student-results-top{grid-template-columns:auto 1fr}.result-exit-btn{display:none}.result-heading small{display:none}.student-results-grid{padding:12px}.result-hero-card{grid-template-columns:1fr;text-align:center}.achievement-medal{width:100px;height:112px;font-size:48px}.result-score-grid{grid-template-columns:1fr}.result-score-grid>div{border-right:0;border-bottom:1px solid #31517f}.result-detail-card,.achievement-grid,.result-primary-actions{grid-template-columns:1fr}.certificate-ready{grid-template-columns:auto 1fr}.certificate-ready .btn{grid-column:1/3}.student-results-footer{gap:12px;flex-direction:column;padding:16px}.result-back-btn span{display:none}}@media print{body *{visibility:hidden!important}#screen-certificate,#screen-certificate *{visibility:visible!important}.student-results-top,.result-send-panel,.result-primary-actions,.student-results-footer{display:none!important}.student-results-grid{display:block!important}.student-results-shell{box-shadow:none;border:0}} /* ===== design-v59.css ===== */ /* Learn by Playing V5.9 — Authoring UX, Course Library, Live Theme Preview */ .course-library-toolbar{display:flex;gap:12px;align-items:center;margin:18px 0}.course-search{position:relative;flex:1}.course-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8190a6}.course-search .input{padding-left:40px!important}.course-library-toolbar>select{width:190px!important}.course-library-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.course-library-stats>div{background:#fff;border:1px solid #e3e9f2;border-radius:14px;padding:16px}.course-library-stats strong{display:block;font-size:25px;color:#17233a}.course-library-stats span{font-size:11px;color:#78879b}.course-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.course-library-card{min-width:0;border:1px solid #e1e7f0;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 8px 25px rgba(15,23,42,.045);transition:.2s ease}.course-library-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,23,42,.08)}.course-cover{min-height:130px;padding:18px;display:flex;align-items:flex-end;gap:13px;color:white;background:radial-gradient(circle at 80% 5%,color-mix(in srgb,var(--course-accent) 50%,transparent),transparent 38%),linear-gradient(145deg,var(--course-dark),#101d35)}.course-cover>span{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:24px;border:1px solid rgba(255,255,255,.18)}.course-cover div{min-width:0}.course-cover small{display:block;font-size:9px;letter-spacing:.12em;opacity:.8}.course-cover b{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card-body{padding:16px}.course-card-topic{font-size:13px;font-weight:700;color:#35435a;min-height:36px}.course-card-meta{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;color:#75849a;font-size:10px}.course-card-meta span{display:flex;align-items:center;gap:4px}.course-card-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px}.danger-soft{color:#c43f50!important;border-color:#f0c9cf!important}.course-empty-state{grid-column:1/-1;padding:54px 24px;text-align:center;border:1px dashed #cad4e2;border-radius:18px;background:#fbfcfe}.course-empty-state>i{font-size:40px;color:#466ce4}.course-empty-state h3{margin:12px 0 6px;color:#17233a}.course-empty-state p{color:#7b899d}.course-loading{grid-column:1/-1;text-align:center}.course-loading i{display:inline-block;animation:v59spin 1s linear infinite}@keyframes v59spin{to{transform:rotate(360deg)}} .live-preview-card{position:sticky;top:92px;align-self:start}.preview-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.preview-card-head h2{margin:4px 0 14px}.live-dot{font-size:9px;font-weight:900;letter-spacing:.1em;color:#259254;display:flex;align-items:center;gap:6px}.live-dot i{width:7px;height:7px;border-radius:50%;background:#2dcc69;box-shadow:0 0 0 5px rgba(45,204,105,.1)}.theme-preview-v59{--pv-primary:#35d0ff;--pv-secondary:#8b5cf6;--pv-bg:#07111f;--pv-panel:#0f1b2d;border-radius:17px;padding:17px;color:white;min-height:330px;overflow:hidden;transition:background .18s ease,border-color .18s ease;border:1px solid color-mix(in srgb,var(--pv-primary) 50%,transparent)}.preview-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.preview-brand{display:flex;gap:10px;align-items:center}.preview-brand>span{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--pv-primary),var(--pv-secondary));display:grid;place-items:center;font-size:21px}.preview-brand small,.preview-brand b{display:block}.preview-brand small{font-size:8px;letter-spacing:.1em;opacity:.7}.preview-brand b{font-size:13px}.preview-chip{font-size:9px;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08)}.preview-hero{margin-top:33px}.preview-eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--pv-primary)}.preview-hero h3{font-size:26px;margin:6px 0}.preview-hero p{font-size:11px;color:#c4d0df;max-width:90%;line-height:1.55}.preview-progress{height:7px;background:rgba(255,255,255,.09);border-radius:999px;margin-top:18px;overflow:hidden}.preview-progress span{display:block;height:100%;width:35%;background:linear-gradient(90deg,var(--pv-primary),var(--pv-secondary));transition:width .2s ease}.preview-module-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:23px}.preview-module{padding:11px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);opacity:.62}.preview-module.active{opacity:1;border-color:color-mix(in srgb,var(--pv-primary) 65%,transparent)}.preview-module span{font-size:8px;color:var(--pv-primary)}.preview-module b,.preview-module small{display:block}.preview-module b{font-size:11px;margin-top:3px}.preview-module small{font-size:8px;color:#9fb0c5}.preview-token-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.preview-token-row span{font-size:9px;background:#f4f6f9;border:1px solid #e3e8ef;color:#68778a;border-radius:999px;padding:5px 8px} .ai-author-card{border-top:3px solid #466ce4!important}.ai-author-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px}.ai-author-icon{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#4f72e8,#7459d9);color:#fff;display:grid;place-items:center;font-size:20px}.ai-author-head h2{margin:0 0 4px}.ai-author-head p{margin:0;color:#748297;font-size:12px;line-height:1.5}.topic-ai-row{display:grid;grid-template-columns:1fr auto;gap:8px}.ai-base-status{display:flex;align-items:center;gap:11px;padding:12px;border-radius:12px;margin-bottom:12px}.ai-base-status i{font-size:20px}.ai-base-status b,.ai-base-status span{display:block}.ai-base-status span{font-size:10px;margin-top:2px}.ai-base-status.loading{background:#eef3ff;color:#365fd2}.ai-base-status.success{background:#eaf8f0;color:#258452}.ai-base-status.error{background:#fff0f1;color:#bd3e4a}.base-content-meta{border:1px solid #e1e7f0;border-radius:13px;padding:13px;margin-bottom:12px;background:#fbfcfe}.base-content-meta>div:first-child b,.base-content-meta>div:first-child span{display:block}.base-content-meta>div:first-child b{color:#243149}.base-content-meta>div:first-child span{font-size:10px;color:#79879a;margin-top:4px;line-height:1.45}.base-meta-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.base-meta-chips span{font-size:9px;padding:5px 7px;border-radius:999px;background:#edf2ff;color:#3d5fb9;display:flex;gap:4px;align-items:center}.base-meta-chips .concept{background:#f3f0ff;color:#6650a8}.field-label-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.source-content-v59{line-height:1.55!important}.generator-actions-v59{display:flex;gap:8px;flex-wrap:wrap}.ghost-danger{border:1px solid #f0ccd1;background:#fff;color:#bd4654;border-radius:13px;padding:10px 13px;font-weight:700} .question-review-card{display:grid;grid-template-columns:62px minmax(0,1fr) 96px;gap:0;background:#fff;border:1px solid #e0e7f0;border-radius:16px;margin-bottom:11px;overflow:hidden;box-shadow:0 4px 15px rgba(15,23,42,.035);transition:.15s ease}.question-review-card:hover{border-color:#c7d2e3;box-shadow:0 8px 20px rgba(15,23,42,.055)}.question-review-card.status-validated{border-left:4px solid #2eb86a}.question-review-card.status-rejected{border-left:4px solid #e05a65;opacity:.78}.question-review-index{background:#f7f9fc;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #e7ecf3}.question-review-index span{font-size:20px;font-weight:900;color:#344258}.question-review-index small{font-size:9px;color:#8a98aa}.question-review-main{padding:16px 18px;min-width:0}.question-review-meta{display:flex;gap:7px;align-items:center}.question-type,.question-status{font-size:9px;font-weight:800;border-radius:999px;padding:5px 8px}.question-type{background:#eef3ff;color:#4360b6;display:flex;align-items:center;gap:5px}.question-status{background:#f4f6f9;color:#778497}.status-validated .question-status{background:#e8f7ef;color:#258552}.status-rejected .question-status{background:#ffedef;color:#bb4653}.question-review-main h3{font-size:14px;line-height:1.55;color:#1d2a40;margin:11px 0}.question-answer-box{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f7f9fc;border-radius:10px}.question-answer-box span{font-size:9px;color:#8290a3;text-transform:uppercase;letter-spacing:.06em}.question-answer-box b{font-size:11px;color:#2c3b52}.question-hint{display:flex;gap:7px;align-items:flex-start;margin-top:9px;color:#6c798c;font-size:10px}.question-hint i{color:#d69c24}.question-editor{margin-top:12px;border-top:1px solid #edf0f4;padding-top:9px}.question-editor summary{font-size:10px;color:#4e66a6;cursor:pointer;font-weight:700}.question-editor-body{padding-top:12px}.question-review-actions{border-left:1px solid #e7ecf3;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:10px}.review-icon-btn{min-height:36px;border-radius:9px;border:1px solid #e0e6ee;background:#fff;color:#6e7b8c;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px}.review-icon-btn span{font-size:9px}.review-icon-btn.validate{background:#edf9f2;border-color:#bce6cd;color:#248251}.review-icon-btn.reject{color:#c44b58;border-color:#f1cbd0}.review-icon-btn.pending{color:#65758c} @media(max-width:1100px){.course-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-preview-card{position:static}.question-review-card{grid-template-columns:52px minmax(0,1fr)}.question-review-actions{grid-column:1/-1;flex-direction:row;border-left:0;border-top:1px solid #e7ecf3}.question-review-actions button{flex:1}}@media(max-width:700px){.course-library-toolbar{flex-direction:column}.course-library-toolbar>select{width:100%!important}.course-library-stats,.course-library-grid{grid-template-columns:1fr}.topic-ai-row{grid-template-columns:1fr}.topic-ai-row .btn{width:100%}.question-review-card{grid-template-columns:42px minmax(0,1fr)}.question-review-main{padding:13px}.question-answer-box{display:block}.question-answer-box span,.question-answer-box b{display:block}.question-answer-box b{margin-top:4px}.preview-module-row{grid-template-columns:1fr}} \n\n/* V5.9.1 - Central de validação: legibilidade e ações em lote */\n#screen-teacher #generatedReview{font-family:Inter,Segoe UI,Arial,sans-serif}\n#screen-teacher .question-review-card{border-radius:18px;margin-bottom:16px;box-shadow:0 7px 24px rgba(15,23,42,.055)}\n#screen-teacher .question-review-main{padding:20px 22px}\n#screen-teacher .question-review-main h3{font-family:'Plus Jakarta Sans',Inter,Segoe UI,sans-serif;font-size:17px!important;line-height:1.55!important;font-weight:700!important;letter-spacing:-.012em!important;color:#17233a!important;margin:13px 0 15px!important}\n#screen-teacher .question-type,#screen-teacher .question-status{font-size:11px!important;padding:6px 9px!important;letter-spacing:.01em}\n#screen-teacher .question-review-index span{font-size:22px!important}\n#screen-teacher .question-review-index small{font-size:10px!important}\n#screen-teacher .question-answer-box{padding:12px 14px!important;gap:12px!important;border:1px solid #e8edf4;background:#f8fafc!important}\n#screen-teacher .question-answer-box span{font-size:10px!important;font-weight:800!important;color:#718096!important}\n#screen-teacher .question-answer-box b{font-size:13px!important;line-height:1.5!important;color:#22314a!important}\n#screen-teacher .question-hint{font-size:12px!important;line-height:1.5!important;margin-top:11px!important}\n#screen-teacher .question-editor summary{font-size:12px!important;padding:3px 0}\n#screen-teacher .review-icon-btn{min-height:42px!important;font-size:12px!important}\n#screen-teacher .review-icon-btn span{font-size:11px!important}\n#screen-teacher .teacher-toolbar .btn{min-height:44px!important}\n@media(max-width:700px){#screen-teacher .question-review-main h3{font-size:15px!important}#screen-teacher .question-answer-box b{font-size:12px!important}}\n /* ===== design-v100.css ===== */ /* Learn by Playing V10.0 · Central de validação pedagógica */ #screen-teacher{ --v10-ink:#142033; --v10-copy:#425168; --v10-muted:#7a8799; --v10-line:#e3e9f1; --v10-soft:#f6f8fb; --v10-blue:#315fdb; --v10-green:#218652; --v10-red:#bd4655; } #screen-teacher .review-workspace-v10{margin-top:26px;font-family:"Segoe UI Variable","Aptos",Inter,"Segoe UI",Arial,sans-serif} #screen-teacher .review-hero-v10{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:18px;align-items:stretch;margin-bottom:14px} #screen-teacher .review-hero-copy{padding:24px 26px;background:linear-gradient(135deg,#ffffff 0%,#f7f9ff 100%);border:1px solid var(--v10-line);border-radius:22px;box-shadow:0 12px 38px rgba(31,45,70,.07)} #screen-teacher .review-kicker-v10{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--v10-blue);background:#eef3ff;border:1px solid #dde7ff;border-radius:999px;padding:7px 10px} #screen-teacher .review-hero-copy h2{margin:13px 0 8px;color:var(--v10-ink);font-size:clamp(27px,3vw,36px);line-height:1.08;letter-spacing:-.035em;font-weight:760} #screen-teacher .review-hero-copy p{max-width:720px;margin:0;color:var(--v10-copy);font-size:14px;line-height:1.7;font-weight:450} #screen-teacher .review-progress-card-v10{padding:22px 23px;background:#fff;border:1px solid var(--v10-line);border-radius:22px;box-shadow:0 12px 38px rgba(31,45,70,.06);display:flex;flex-direction:column;justify-content:center} #screen-teacher .review-progress-card-v10>div:first-child{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px} #screen-teacher .review-progress-card-v10 span{font-size:11px;font-weight:750;color:#68778d} #screen-teacher .review-progress-card-v10 strong{font-size:29px;line-height:1;color:var(--v10-ink);letter-spacing:-.035em} #screen-teacher .review-progress-card-v10 small{display:block;margin-top:11px;color:#8390a2;font-size:10.5px;line-height:1.5} #screen-teacher .review-progress{height:10px;border-radius:999px;border:0;background:#edf1f6;overflow:hidden} #screen-teacher .review-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#315fdb,#25a468);box-shadow:0 0 14px rgba(49,95,219,.18)} #screen-teacher .review-toolbar-v10{position:sticky;top:84px;z-index:22;display:grid;grid-template-columns:minmax(260px,1fr) 180px auto auto;gap:9px;align-items:center;padding:12px;background:rgba(255,255,255,.93);border:1px solid var(--v10-line);border-radius:17px;box-shadow:0 12px 34px rgba(31,45,70,.08);backdrop-filter:blur(14px)} #screen-teacher .review-search-v10{position:relative} #screen-teacher .review-search-v10 i{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;color:#8996a9;font-size:14px} #screen-teacher .review-search-v10 .input{padding-left:39px} #screen-teacher .review-toolbar-v10 .input{height:44px;border-radius:12px;background:#fafbfd;border-color:#dde4ed;color:#25334a;font-size:12px} #screen-teacher .review-toolbar-v10 .btn{min-height:44px;padding-left:14px;padding-right:14px;white-space:nowrap} #screen-teacher .review-filter-v10{width:100%!important} #screen-teacher .review-guidance-v10{display:flex;align-items:flex-start;gap:9px;margin:12px 2px 16px;padding:10px 12px;color:#617087;font-size:11px;line-height:1.55} #screen-teacher .review-guidance-v10 i{color:#4669c8;margin-top:1px} #screen-teacher .review-list-v10{counter-reset:questionCard} #screen-teacher .question-review-card{grid-template-columns:76px minmax(0,1fr) 122px!important;margin-bottom:14px!important;border:1px solid #dfe6ef!important;border-left:1px solid #dfe6ef!important;border-radius:20px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 7px 24px rgba(28,42,65,.055)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important} #screen-teacher .question-review-card:hover{transform:translateY(-1px);border-color:#cbd7e6!important;box-shadow:0 13px 34px rgba(28,42,65,.085)!important} #screen-teacher .question-review-card.status-validated{box-shadow:inset 4px 0 0 #2d9d63,0 7px 24px rgba(28,42,65,.055)!important} #screen-teacher .question-review-card.status-rejected{opacity:.84;box-shadow:inset 4px 0 0 #d65765,0 7px 24px rgba(28,42,65,.045)!important} #screen-teacher .question-review-index{background:linear-gradient(180deg,#f8fafc,#f3f6fa)!important;border-right:1px solid #e5ebf2!important;gap:3px} #screen-teacher .question-review-index span{font-family:"Segoe UI Variable","Aptos",Inter,sans-serif;font-size:24px!important;font-weight:760!important;letter-spacing:-.035em;color:#33435b!important} #screen-teacher .question-review-index small{font-size:10px!important;font-weight:750;color:#8996a8!important;letter-spacing:.05em;text-transform:uppercase} #screen-teacher .question-review-main{padding:22px 24px 21px!important} #screen-teacher .question-review-meta{gap:8px!important;flex-wrap:wrap} #screen-teacher .question-type,#screen-teacher .question-status{font-size:10.5px!important;line-height:1!important;font-weight:760!important;padding:7px 9px!important;letter-spacing:.015em!important} #screen-teacher .question-type{background:#eef3ff!important;color:#3c5eb4!important} #screen-teacher .question-status{background:#f2f5f8!important;color:#6f7e92!important} #screen-teacher .status-validated .question-status{background:#e8f7ef!important;color:#267e51!important} #screen-teacher .status-rejected .question-status{background:#ffedef!important;color:#b64c58!important} #screen-teacher .question-review-main h3{font-family:"Segoe UI Variable","Aptos",Inter,"Segoe UI",sans-serif!important;font-size:18px!important;line-height:1.55!important;font-weight:650!important;letter-spacing:-.018em!important;color:#17243a!important;margin:14px 0 16px!important;max-width:980px;text-wrap:pretty} #screen-teacher .question-answer-box{display:grid!important;grid-template-columns:145px minmax(0,1fr);gap:12px!important;align-items:start!important;padding:13px 15px!important;border:1px solid #e4eaf1!important;border-radius:13px!important;background:#f8fafc!important} #screen-teacher .question-answer-box span{font-size:9.5px!important;font-weight:820!important;color:#78869a!important;letter-spacing:.075em!important;padding-top:2px} #screen-teacher .question-answer-box b{font-size:13px!important;line-height:1.55!important;font-weight:650!important;color:#26364e!important} #screen-teacher .question-hint{margin-top:11px!important;padding:9px 11px;border-radius:11px;background:#fffaf0;border:1px solid #f4e8c6;color:#665a40!important;font-size:11.5px!important;line-height:1.55!important} #screen-teacher .question-hint i{color:#c79226!important;font-size:14px} #screen-teacher .question-editor{margin-top:14px!important;padding-top:11px!important;border-top:1px solid #edf1f5!important} #screen-teacher .question-editor summary{display:inline-flex;align-items:center;gap:6px;padding:7px 9px!important;border-radius:9px;color:#4963a8!important;background:#f5f7fc;font-size:11px!important;font-weight:760!important;cursor:pointer;list-style:none} #screen-teacher .question-editor summary::-webkit-details-marker{display:none} #screen-teacher .question-editor[open] summary{background:#edf2ff;color:#3658b6!important} #screen-teacher .question-editor-body{padding-top:15px!important} #screen-teacher .question-editor-body label{font-size:10px!important;color:#66758a!important;margin-top:4px} #screen-teacher .question-editor-body .input{background:#fbfcfe!important;border-color:#dce4ee!important;color:#25334a!important;line-height:1.5} #screen-teacher .question-review-actions{border-left:1px solid #e5ebf2!important;background:#fbfcfe!important;padding:12px!important;gap:8px!important} #screen-teacher .review-icon-btn{min-height:42px!important;border-radius:11px!important;font-size:12px!important;font-weight:780!important;transition:.14s ease!important} #screen-teacher .review-icon-btn:hover{transform:translateY(-1px);filter:none!important} #screen-teacher .review-icon-btn span{font-size:10.5px!important} #screen-teacher .review-icon-btn.validate{background:#ecf8f1!important;border-color:#bfe5cf!important;color:#247d50!important} #screen-teacher .review-icon-btn.pending{background:#fff!important;border-color:#dfe5ed!important;color:#63748b!important} #screen-teacher .review-icon-btn.reject{background:#fff8f8!important;border-color:#efcfd4!important;color:#b84b58!important} #screen-teacher #generatedReview>.card.pad.muted{padding:28px!important;border:1px dashed #cad5e3!important;background:#fafbfd!important;color:#78869a!important;text-align:center;border-radius:18px!important} @media(max-width:1120px){#screen-teacher .review-hero-v10{grid-template-columns:1fr}#screen-teacher .review-toolbar-v10{grid-template-columns:minmax(220px,1fr) 170px auto}#screen-teacher .review-toolbar-v10>.btn:last-child{grid-column:1/-1}#screen-teacher .question-review-card{grid-template-columns:62px minmax(0,1fr)!important}#screen-teacher .question-review-actions{grid-column:1/-1!important;flex-direction:row!important;border-left:0!important;border-top:1px solid #e5ebf2!important}#screen-teacher .question-review-actions button{flex:1}} @media(max-width:760px){#screen-teacher .review-workspace-v10{margin-top:18px}#screen-teacher .review-hero-copy,#screen-teacher .review-progress-card-v10{padding:18px;border-radius:17px}#screen-teacher .review-hero-copy h2{font-size:27px}#screen-teacher .review-toolbar-v10{position:static;grid-template-columns:1fr;padding:10px}#screen-teacher .review-toolbar-v10>.btn:last-child{grid-column:auto}#screen-teacher .question-review-card{grid-template-columns:46px minmax(0,1fr)!important;border-radius:16px!important}#screen-teacher .question-review-main{padding:16px 15px 15px!important}#screen-teacher .question-review-main h3{font-size:15.5px!important;line-height:1.5!important}#screen-teacher .question-answer-box{grid-template-columns:1fr!important;gap:4px!important}#screen-teacher .question-review-actions{display:grid!important;grid-template-columns:1.4fr 1fr 1fr}#screen-teacher .review-icon-btn span{display:inline!important}} /* V10.1 — LIA + quantidade flexível de questões */ .lia-hero{display:flex;gap:18px;align-items:center;padding:20px;margin:4px 0 22px;border:1px solid #c7d7ff;border-radius:20px;background:linear-gradient(135deg,#f5f8ff,#eef8ff);box-shadow:0 12px 32px rgba(37,99,235,.08)} .lia-avatar{width:68px;height:68px;min-width:68px;border-radius:20px;display:grid;place-items:center;font-weight:900;font-size:20px;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 24px rgba(79,70,229,.25)} .lia-eyebrow{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#4f46e5;margin-bottom:5px}.lia-hero h2{font-size:21px;line-height:1.25;margin:0 0 6px;color:#17213a}.lia-hero p{margin:0;color:#5f6c82;line-height:1.5} #moduleCountHint{padding:10px 12px;border-radius:12px;background:#f5f8ff;border:1px solid #dbe5ff;line-height:1.5;color:#53627a} @media(max-width:640px){.lia-hero{align-items:flex-start;padding:16px}.lia-avatar{width:52px;height:52px;min-width:52px;border-radius:15px;font-size:16px}.lia-hero h2{font-size:18px}.topic-ai-row{display:grid!important;grid-template-columns:1fr!important}.topic-ai-row .btn{width:100%}} /* ===== design-v1044.css ===== */ /* Learn by Playing — microinterações globais (controle interno 10.4.4) */ :root{--lbp-ease:cubic-bezier(.2,.8,.2,1);--lbp-press:.975} /* Botões e controles acionáveis — resposta visual consistente */ button,.btn,.option,.quick-action,.entry-role-card,.google-auth-btn,.result-home-btn,.result-send-btn,.result-back-btn,.result-exit-btn,.review-icon-btn,.course-card button,.teacher-nav .tab{ -webkit-tap-highlight-color:transparent; } .btn,.option,.quick-action,.entry-role-card,.google-auth-btn,.result-home-btn,.result-send-btn,.result-back-btn,.result-exit-btn,.review-icon-btn,.teacher-nav .tab,.lbp-mini-toggle{ position:relative; overflow:hidden; transform:translateZ(0); transition:transform .16s var(--lbp-ease),box-shadow .2s var(--lbp-ease),filter .2s var(--lbp-ease),background-color .2s ease,border-color .2s ease,color .2s ease!important; will-change:transform; } @media(hover:hover) and (pointer:fine){ .btn:hover,.google-auth-btn:hover,.result-home-btn:hover,.result-send-btn:hover,.result-back-btn:hover,.result-exit-btn:hover,.review-icon-btn:hover{ transform:translateY(-2px)!important; filter:saturate(1.06) brightness(1.025); box-shadow:0 10px 24px rgba(15,23,42,.13)!important; } .option:hover{transform:translateY(-2px) scale(1.008);border-color:color-mix(in srgb,var(--primary) 58%,#cbd5e1)!important;box-shadow:0 9px 22px rgba(15,23,42,.10)!important} .quick-action:hover,.entry-role-card:hover{transform:translateY(-3px)!important;box-shadow:0 13px 28px rgba(15,23,42,.11)!important} #screen-teacher .teacher-nav .tab:hover{transform:translateX(3px)!important} } .btn:active,.option:active,.quick-action:active,.entry-role-card:active,.google-auth-btn:active,.result-home-btn:active,.result-send-btn:active,.result-back-btn:active,.result-exit-btn:active,.review-icon-btn:active,.teacher-nav .tab:active,.lbp-mini-toggle:active{ transform:scale(var(--lbp-press))!important; filter:brightness(.97) saturate(1.08)!important; transition-duration:.07s!important; } button:focus-visible,.btn:focus-visible,.option:focus-visible,.quick-action:focus-visible,.entry-role-card:focus-visible,.google-auth-btn:focus-visible,.review-icon-btn:focus-visible{ outline:3px solid color-mix(in srgb,var(--primary) 46%,transparent)!important; outline-offset:3px!important; } /* Feedback de clique via delegação JS */ .lbp-clicked{animation:lbpClickPulse .26s var(--lbp-ease)!important} .lbp-clicked::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:lbpActionGlow .35s ease-out} @keyframes lbpClickPulse{0%{transform:scale(1)}42%{transform:scale(.965)}100%{transform:scale(1)}} @keyframes lbpActionGlow{0%{box-shadow:inset 0 0 0 0 rgba(255,255,255,.0)}35%{box-shadow:inset 0 0 0 999px rgba(255,255,255,.14)}100%{box-shadow:inset 0 0 0 999px rgba(255,255,255,0)}} /* Professor — navegação, atalhos e CTA */ #screen-teacher .teacher-nav .tab.active{transform:translateX(2px);box-shadow:inset 3px 0 0 #38bdf8,0 6px 18px rgba(37,99,235,.12)!important} #screen-teacher .quick-action i{transition:transform .2s var(--lbp-ease),filter .2s ease} @media(hover:hover) and (pointer:fine){#screen-teacher .quick-action:hover i{transform:scale(1.12) rotate(-3deg);filter:saturate(1.2)}} #screen-teacher .btn.primary,#screen-teacher .btn.green{box-shadow:0 5px 14px rgba(37,99,235,.12)} #screen-teacher .btn.green{box-shadow:0 5px 14px rgba(22,163,74,.13)} #screen-teacher .review-icon-btn[data-action="validate"],#screen-teacher .question-review-actions .green{transition:all .18s var(--lbp-ease)!important} /* Aluno — opções com mais “vida” e seleção inequívoca */ #screen-game .option{border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));box-shadow:0 3px 10px rgba(0,0,0,.045)} #screen-game .option b{display:inline-block;transition:transform .18s var(--lbp-ease),color .18s ease} @media(hover:hover) and (pointer:fine){#screen-game .option:hover b{transform:translateX(2px) scale(1.04);color:var(--primary)}} #screen-game .option.selected,#screen-game .order-choice.selected,#screen-game .order-choice[disabled]{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)!important} #screen-game .btn.green,#screen-game .btn.primary,#screen-game .btn.danger{box-shadow:0 6px 16px rgba(0,0,0,.12)} /* Cards acionáveis da entrada */ .entry-role-card .entry-role-icon{transition:transform .22s var(--lbp-ease),box-shadow .22s ease} .entry-role-card>i:last-child{transition:transform .2s var(--lbp-ease)} @media(hover:hover) and (pointer:fine){.entry-role-card:hover .entry-role-icon{transform:scale(1.07)}.entry-role-card:hover>i:last-child{transform:translateX(4px)}} /* Ações de resultado/certificado */ .result-send-btn i,.result-home-btn i,.btn i{transition:transform .18s var(--lbp-ease)} @media(hover:hover) and (pointer:fine){.result-send-btn:hover i,.btn:hover i{transform:translateY(-1px) scale(1.06)}} /* Sem animações = interface estática, mas estados permanecem claros */ body.low-motion *,body.low-motion *::before,body.low-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}} /* ===== design-v1045.css ===== */ /* Learn by Playing — refinamento de entrada e correção de acionamento (controle interno 10.4.5) */ /* Entrada: composição editorial mais profissional e centralizada */ #screen-role .lbp-entry-copy{ display:flex!important; align-items:center!important; justify-content:center!important; padding:clamp(30px,4vw,68px)!important; } #screen-role .entry-copy-inner{ width:min(100%,760px); margin:auto; display:flex; flex-direction:column; justify-content:center; } #screen-role .entry-copy-inner .eyebrow{ width:max-content!important; max-width:100%; margin:0 0 20px!important; padding:9px 15px!important; border:1px solid rgba(255,255,255,.22)!important; background:rgba(255,255,255,.07)!important; border-radius:999px!important; font-size:12px!important; letter-spacing:.01em; } #screen-role .entry-copy-inner h1{ margin:0!important; max-width:700px!important; font-size:clamp(38px,3.45vw,58px)!important; line-height:1.02!important; letter-spacing:-.035em!important; text-wrap:balance; } #screen-role .entry-copy-inner h1 span{color:#dff7ff} #screen-role .entry-lead{ margin:18px 0 0!important; max-width:690px!important; font-size:clamp(14px,1.1vw,17px)!important; line-height:1.55!important; color:rgba(255,255,255,.84)!important; } #screen-role .lbp-feature-list{ display:grid!important; grid-template-columns:1fr!important; gap:10px!important; width:100%!important; max-width:700px!important; margin:24px 0 0!important; } #screen-role .lbp-feature{ display:grid!important; grid-template-columns:42px 1fr!important; align-items:center!important; gap:13px!important; padding:11px 12px!important; border:1px solid rgba(255,255,255,.10); background:rgba(5,24,66,.13); border-radius:14px; } #screen-role .lbp-feature .feature-icon{ width:38px;height:38px;border-radius:11px; display:grid;place-items:center; background:rgba(74,222,200,.12); border:1px solid rgba(103,232,249,.18); color:#67e8f9; font-size:18px; } #screen-role .lbp-feature div{min-width:0} #screen-role .lbp-feature b{display:block;font-size:13px;line-height:1.15;margin-bottom:3px;color:#fff} #screen-role .lbp-feature span:not(.feature-icon){display:block;font-size:11px!important;line-height:1.35!important;color:rgba(255,255,255,.72)!important} #screen-role .entry-trust{ display:flex;align-items:center;gap:8px; margin-top:18px; font-size:10px;color:rgba(255,255,255,.58); letter-spacing:.01em; } #screen-role .entry-trust i{color:#67e8f9;font-size:13px} /* Não permita que a camada decorativa capture cliques. */ #screen-role .lbp-entry-grid::before, #screen-role .lbp-entry-grid::after, #screen-role .lbp-entry-copy::before, #screen-role .lbp-entry-copy::after, .lbp-clicked::after{pointer-events:none!important} .entry-role-card{pointer-events:auto!important;cursor:pointer!important;isolation:isolate} .entry-role-card>*{pointer-events:none} .entry-role-card:active{box-shadow:0 0 0 4px rgba(37,99,235,.12),0 8px 18px rgba(15,23,42,.11)!important} /* Ajuste para alturas menores sem voltar a criar scroll. */ @media (min-width: 901px) and (max-height: 790px){ #screen-role .lbp-entry-copy{padding:24px 38px!important} #screen-role .entry-copy-inner .eyebrow{margin-bottom:12px!important;padding:7px 12px!important} #screen-role .entry-copy-inner h1{font-size:clamp(34px,3vw,46px)!important} #screen-role .entry-lead{margin-top:10px!important;font-size:13px!important;line-height:1.4!important} #screen-role .lbp-feature-list{margin-top:14px!important;gap:7px!important} #screen-role .lbp-feature{padding:8px 10px!important;grid-template-columns:36px 1fr!important} #screen-role .lbp-feature .feature-icon{width:32px;height:32px;font-size:15px} #screen-role .entry-trust{margin-top:10px!important} } @media(max-width:900px){ #screen-role .entry-copy-inner{display:none} } /* ===== design-v105.css ===== */ /* Learn by Playing — identidade visual e documentos legais (controle interno 10.5.0) */ :root{--lbp-brand-navy:#08233f;--lbp-brand-teal:#10c9c4;--lbp-brand-blue:#1e55b3} .lbp-product-logo{display:block;width:54px;height:54px;object-fit:cover;border-radius:16px;box-shadow:0 10px 28px rgba(8,35,63,.18)} .entry-app-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:15px} .entry-app-brand .lbp-product-logo{width:72px;height:72px;border-radius:20px} .entry-app-brand strong{font-size:16px;color:#0f172a;letter-spacing:.01em} .entry-app-brand span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#0f9f9b;text-transform:uppercase} .auth-side-brand.lbp-brand-lockup{gap:11px;margin-top:clamp(14px,3vh,28px)} .auth-side-brand.lbp-brand-lockup .lbp-product-logo{width:46px;height:46px;border-radius:13px;flex:0 0 auto} .auth-side-brand.lbp-brand-lockup strong{display:block;color:#fff;font-size:14px;line-height:1.1} .auth-side-brand.lbp-brand-lockup small{display:block;margin-top:4px;color:#8ee7e2;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase} .auth-mobile-brand .lbp-product-logo{width:34px;height:34px;border-radius:10px;box-shadow:none} .auth-mobile-brand .mobile-brand-text{display:flex;flex-direction:column;line-height:1.05} .auth-mobile-brand .mobile-brand-text small{font-size:6.5px;color:#0f9f9b;font-weight:900;letter-spacing:.08em;margin-top:3px} .teacher-brand-logo{width:42px;height:42px;border-radius:13px;object-fit:cover;box-shadow:0 9px 24px rgba(16,201,196,.16)} .lbp-global-footer{gap:10px;flex-wrap:nowrap}.copyright-short{display:none} .lbp-global-footer .legal-nav{display:inline-flex;align-items:center;gap:7px;white-space:nowrap} .lbp-global-footer .legal-nav a{color:#85d9df;text-decoration:none;font-weight:800} .lbp-global-footer .legal-nav a:hover,.lbp-global-footer .legal-nav a:focus{text-decoration:underline;color:#b8f4f2} @media(max-width:680px){ .lbp-global-footer .copyright-long{display:none}.copyright-short{display:inline} .lbp-global-footer{justify-content:center;gap:8px} .entry-app-brand .lbp-product-logo{width:58px;height:58px;border-radius:17px} .entry-app-brand{margin-bottom:10px} } @media (min-width:901px) and (max-height:790px){ .entry-app-brand .lbp-product-logo{width:58px;height:58px;border-radius:16px} .entry-app-brand{gap:5px;margin-bottom:8px} .entry-app-brand strong{font-size:14px}.entry-app-brand span{font-size:7.5px} } /* V10.5.1 · branding autenticado + legibilidade */ .lbp-entry-copy .eyebrow{ display:inline-flex;align-items:center;gap:8px; padding:9px 14px;border-radius:999px; font-size:12.5px!important;font-weight:850!important;line-height:1.2; letter-spacing:.025em!important;color:#f8fbff!important; background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.24); text-shadow:0 1px 2px rgba(0,0,0,.28);box-shadow:0 8px 24px rgba(0,0,0,.08); } .lbp-entry-copy .eyebrow i{font-size:14px;color:#80f0ec} .lbp-authenticated-brand{min-width:190px} .lbp-session-logo{width:44px;height:44px;border-radius:13px;object-fit:cover;box-shadow:0 8px 24px rgba(16,201,196,.18);flex:0 0 auto} .lbp-authenticated-brand #brandTitle{font-size:14px;letter-spacing:.01em} .lbp-authenticated-brand #brandSubject{font-size:8px!important;letter-spacing:.09em;text-transform:uppercase;color:#8ee7e2!important;font-weight:800} .teacher-brand-logo{width:46px;height:46px;border-radius:14px} .lbp-result-logo{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 8px 22px rgba(16,201,196,.18);margin-right:4px} .lbp-certificate-logo{width:64px;height:64px;border-radius:16px;object-fit:cover;margin:0 auto 10px;box-shadow:0 8px 24px rgba(8,35,63,.14)} @media(max-width:680px){ .lbp-entry-copy .eyebrow{font-size:11px!important;padding:8px 11px} .lbp-session-logo{width:38px;height:38px;border-radius:11px} .lbp-authenticated-brand{min-width:auto} .lbp-result-logo{width:36px;height:36px} } \n\n/* V10.5.5 — UX, temas e curadoria */ .lbp-entry-copy .eyebrow{font-family:Inter,system-ui,sans-serif!important;min-height:38px;justify-content:center;letter-spacing:.01em!important;font-size:13px!important;padding:9px 16px!important;max-width:max-content} .lbp-entry-copy .eyebrow i{margin-right:2px} .lbp-mini-toggle{min-width:126px!important;border-radius:999px!important;padding:7px 11px!important;gap:7px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 5px 14px rgba(4,20,50,.16)!important} .lbp-mini-toggle>i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#1756ba;font-size:13px}.lbp-mini-toggle .toggle-state{padding:3px 7px;border-radius:999px;background:#22c55e;color:#fff;font-weight:900}.lbp-mini-toggle.off .toggle-state{background:#64748b}.lbp-mini-toggle.off>i{color:#64748b} .lbp-theme-toggle{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:12px;border:1px solid #d7e1ed;background:#fff;color:#30415b;font-weight:800;cursor:pointer}.lbp-theme-toggle:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,40,80,.10)} .course-purpose-card{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;margin:0 0 18px;padding:16px 18px;border:1px solid #dce6f1;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#f3fffe)}.course-purpose-icon{width:42px;height:42px;border-radius:13px;background:#e6f0ff;color:#2563eb;display:grid;place-items:center;font-size:20px}.course-purpose-card b{font-size:14px}.course-purpose-card p{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.55}.course-purpose-flow{grid-column:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px}.course-purpose-flow span{font-size:10px;font-weight:900;color:#315a93;background:#fff;border:1px solid #dce6f1;padding:6px 9px;border-radius:999px}.course-purpose-flow i{font-size:9px;color:#8aa0bc} .reference-source-card{margin:14px 0;padding:15px 16px;border:1px solid #d6e7e7;border-radius:16px;background:#f8ffff}.reference-source-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.reference-source-head>div{display:flex;align-items:center;gap:7px;color:#103e5e}.reference-source-head>span{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#0f9f9b;background:#e5fbf8;padding:5px 8px;border-radius:999px}.reference-source-card p{font-size:11px;color:#64748b;line-height:1.5;margin:7px 0 10px}.reference-source-row{display:grid;grid-template-columns:1fr auto;gap:8px}.reference-source-card small{display:block;margin-top:7px;color:#7b8799} .validation-stat{position:relative;overflow:hidden;text-align:left!important;padding-left:18px!important;border:1px solid transparent!important}.validation-stat:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px}.validation-stat span{font-size:11px;font-weight:900;display:flex;gap:7px;align-items:center}.validation-stat strong{display:block;font-size:28px;margin:6px 0 2px}.validation-stat small{font-size:9px;color:#7b8799}.validation-stat.pending{background:#fffaf0!important;border-color:#fde7b0!important}.validation-stat.pending:before{background:#f59e0b}.validation-stat.pending span,.validation-stat.pending strong{color:#9a5b00}.validation-stat.validated{background:#effdf5!important;border-color:#bfead0!important}.validation-stat.validated:before{background:#16a34a}.validation-stat.validated span,.validation-stat.validated strong{color:#08783a}.validation-stat.rejected{background:#fff4f4!important;border-color:#f5cccc!important}.validation-stat.rejected:before{background:#dc2626}.validation-stat.rejected span,.validation-stat.rejected strong{color:#a51616} .question-review-card.status-validated{border:2px solid #8cddb0!important;box-shadow:0 10px 28px rgba(22,163,74,.10)!important;background:linear-gradient(90deg,#f5fff8,#fff 17%)!important}.question-review-card.status-pending{border:2px solid #f2cf7a!important;background:linear-gradient(90deg,#fffaf0,#fff 17%)!important}.question-review-card.status-rejected{border:2px solid #efabab!important;background:linear-gradient(90deg,#fff5f5,#fff 17%)!important}.question-review-card.status-validated .question-status{background:#dcfce7!important;color:#08783a!important}.question-review-card.status-pending .question-status{background:#fff0c7!important;color:#9a5b00!important}.question-review-card.status-rejected .question-status{background:#fee2e2!important;color:#a51616!important} body.teacher-dark #screen-teacher{background:#07111f;color:#e7eef8}body.teacher-dark .teacher-sidebar{background:#071a31!important}body.teacher-dark .teacher-main,body.teacher-dark .teacher-content{background:#0b1524!important}body.teacher-dark .teacher-topbar{background:#101d2e!important;border-color:#24354a!important}body.teacher-dark .teacher-topbar .page-title,body.teacher-dark h1,body.teacher-dark h2,body.teacher-dark h3{color:#f3f7fc!important}body.teacher-dark .page-sub,body.teacher-dark .muted,body.teacher-dark small{color:#9aaabd!important}body.teacher-dark .panel-card,body.teacher-dark .card,body.teacher-dark .dashboard-welcome,body.teacher-dark .dash-metric,body.teacher-dark .course-purpose-card,body.teacher-dark .question-review-card{background:#111f31!important;border-color:#273a50!important;color:#e7eef8!important}body.teacher-dark .input,body.teacher-dark select,body.teacher-dark textarea{background:#0c1929!important;color:#e9f1fb!important;border-color:#33485f!important}body.teacher-dark .lbp-theme-toggle{background:#17283c;color:#e8f1fb;border-color:#33485f}body.teacher-dark .quick-action,body.teacher-dark .activity-row{background:#0e1b2b!important;border-color:#26394d!important} @media(max-width:700px){.reference-source-row{grid-template-columns:1fr}.course-purpose-flow{grid-column:1/-1}.course-purpose-card{grid-template-columns:auto 1fr}} /* ===== design-v1056.css ===== */ /* Learn by Playing V10.5.6 — dark theme accessibility, compact controls, game-ready shell */ :root{--lbp-dark-bg:#08121f;--lbp-dark-panel:#101f31;--lbp-dark-panel-2:#0d1a2a;--lbp-dark-border:#2b4058;--lbp-dark-text:#f5f8fc;--lbp-dark-muted:#bdc9d8;--lbp-dark-soft:#94a8bf} /* Header experience controls: one planned control cluster instead of floating outlined pills */ .lbp-beta-controls{display:flex!important;align-items:center!important;gap:2px!important;padding:3px!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 5px 16px rgba(3,16,38,.15)!important} .lbp-mini-toggle{min-width:0!important;height:29px!important;padding:0 9px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;gap:6px!important;color:#f8fbff!important;transition:background .16s ease,opacity .16s ease,transform .16s ease!important} .lbp-mini-toggle:hover{background:rgba(255,255,255,.11)!important;transform:none!important} .lbp-mini-toggle>i{width:22px!important;height:22px!important;background:rgba(255,255,255,.96)!important;color:#174fa8!important;font-size:11px!important;box-shadow:none!important} .lbp-mini-toggle .toggle-state{position:relative;width:8px;height:8px;padding:0!important;border-radius:50%!important;background:#34d399!important;color:transparent!important;overflow:hidden;font-size:0!important;box-shadow:0 0 0 3px rgba(52,211,153,.13)} .lbp-mini-toggle.off{opacity:.7!important;background:transparent!important}.lbp-mini-toggle.off>i{color:#64748b!important}.lbp-mini-toggle.off .toggle-state{background:#94a3b8!important;box-shadow:none!important} @media(max-width:640px){.lbp-mini-toggle span:not(.toggle-state){display:none}.lbp-mini-toggle{padding:0 5px!important}.lbp-beta-controls{gap:0!important}} /* Teacher theme switch: icon only, clear accessible tooltip */ .lbp-theme-toggle{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;justify-content:center!important;border-radius:50%!important;gap:0!important} .lbp-theme-toggle span{display:none!important}.lbp-theme-toggle i{font-size:16px!important} /* Dark mode: explicitly recolor every teacher surface instead of inheriting light-mode whites */ body.teacher-dark #screen-teacher,body.teacher-dark .teacher-app-shell{background:var(--lbp-dark-bg)!important;color:var(--lbp-dark-text)!important} body.teacher-dark .teacher-main,body.teacher-dark .teacher-content{background:#0a1523!important;color:var(--lbp-dark-text)!important} body.teacher-dark .teacher-topbar{background:#0e1b2b!important;border-color:var(--lbp-dark-border)!important} body.teacher-dark #screen-teacher .dashboard-welcome, body.teacher-dark #screen-teacher .dash-metric, body.teacher-dark #screen-teacher .panel-card, body.teacher-dark #screen-teacher .card, body.teacher-dark #screen-teacher .course-purpose-card, body.teacher-dark #screen-teacher .question-review-card, body.teacher-dark #screen-teacher .course-library-card, body.teacher-dark #screen-teacher .health-item, body.teacher-dark #screen-teacher .quick-action, body.teacher-dark #screen-teacher .activity-row, body.teacher-dark #screen-teacher .reference-source-card, body.teacher-dark #screen-teacher .validation-stat, body.teacher-dark #screen-teacher .workflow-banner, body.teacher-dark #screen-teacher .course-library-toolbar, body.teacher-dark #screen-teacher .course-library-stats>div, body.teacher-dark #screen-teacher .next-action-card, body.teacher-dark #screen-teacher .learning-pulse, body.teacher-dark #screen-teacher .notice, body.teacher-dark #screen-teacher .module-config{ background:var(--lbp-dark-panel)!important;border-color:var(--lbp-dark-border)!important;color:var(--lbp-dark-text)!important;box-shadow:none!important } body.teacher-dark #screen-teacher .health-item, body.teacher-dark #screen-teacher .quick-action, body.teacher-dark #screen-teacher .activity-row, body.teacher-dark #screen-teacher .course-purpose-flow span{background:var(--lbp-dark-panel-2)!important;border-color:#304860!important} body.teacher-dark #screen-teacher h1,body.teacher-dark #screen-teacher h2,body.teacher-dark #screen-teacher h3, body.teacher-dark #screen-teacher strong,body.teacher-dark #screen-teacher b, body.teacher-dark #screen-teacher .page-title,body.teacher-dark #screen-teacher .panel-head h2, body.teacher-dark #screen-teacher .dash-metric strong,body.teacher-dark #screen-teacher .activity-value, body.teacher-dark #screen-teacher .health-item b,body.teacher-dark #screen-teacher .quick-action b{color:var(--lbp-dark-text)!important} body.teacher-dark #screen-teacher p,body.teacher-dark #screen-teacher small,body.teacher-dark #screen-teacher .muted, body.teacher-dark #screen-teacher .page-sub,body.teacher-dark #screen-teacher .dash-metric span, body.teacher-dark #screen-teacher .dash-metric small,body.teacher-dark #screen-teacher .panel-head small, body.teacher-dark #screen-teacher .activity-row small,body.teacher-dark #screen-teacher .health-item span, body.teacher-dark #screen-teacher .quick-action small,body.teacher-dark #screen-teacher .course-purpose-card p{color:var(--lbp-dark-muted)!important} body.teacher-dark #screen-teacher label,body.teacher-dark #screen-teacher .field label,body.teacher-dark #screen-teacher .teacher-nav-label{color:#aac0d9!important} body.teacher-dark #screen-teacher input,body.teacher-dark #screen-teacher textarea,body.teacher-dark #screen-teacher select,body.teacher-dark #screen-teacher .input{background:#081522!important;color:#f6f9fc!important;border-color:#35506b!important} body.teacher-dark #screen-teacher input::placeholder,body.teacher-dark #screen-teacher textarea::placeholder{color:#8095ac!important} body.teacher-dark #screen-teacher .btn.outline{background:#122338!important;color:#e8f1fb!important;border-color:#36506b!important} body.teacher-dark #screen-teacher .progress-slim{background:#23354a!important} body.teacher-dark #screen-teacher .teacher-section-divider{background:#263b51!important} body.teacher-dark #screen-teacher .dash-metric-icon,body.teacher-dark #screen-teacher .activity-icon{background:#172d48!important;color:#73a6ff!important} body.teacher-dark #screen-teacher .plan-chip{background:#19294a!important;color:#c8d5ff!important;border-color:#35496f!important} body.teacher-dark #screen-teacher .question-review-card.status-validated{background:linear-gradient(90deg,#102a21,#111f31 20%)!important;border-color:#2c8455!important} body.teacher-dark #screen-teacher .question-review-card.status-pending{background:linear-gradient(90deg,#302713,#111f31 20%)!important;border-color:#8c6a25!important} body.teacher-dark #screen-teacher .question-review-card.status-rejected{background:linear-gradient(90deg,#30191c,#111f31 20%)!important;border-color:#8c3c45!important} body.teacher-dark #screen-teacher .validation-stat.pending{background:#2b2414!important;border-color:#745d24!important}body.teacher-dark #screen-teacher .validation-stat.pending strong,body.teacher-dark #screen-teacher .validation-stat.pending span{color:#ffd170!important} body.teacher-dark #screen-teacher .validation-stat.validated{background:#11281d!important;border-color:#286642!important}body.teacher-dark #screen-teacher .validation-stat.validated strong,body.teacher-dark #screen-teacher .validation-stat.validated span{color:#7be6a5!important} body.teacher-dark #screen-teacher .validation-stat.rejected{background:#2b171a!important;border-color:#74343b!important}body.teacher-dark #screen-teacher .validation-stat.rejected strong,body.teacher-dark #screen-teacher .validation-stat.rejected span{color:#ff9da7!important} /* Game-ready future catalog */ .game-engine-ready{display:none!important} /* ===== design-v1059.css ===== */ /* Learn by Playing V10.5.9 Beta — criação simplificada + modos de jogo */ .creation-guide-v1059{display:grid;grid-template-columns:minmax(260px,.8fr) 1.7fr;gap:20px;align-items:center;padding:20px;border:1px solid #dbe4ef;border-radius:20px;background:linear-gradient(135deg,#f8fbff,#eef5ff);margin-bottom:18px}.creation-guide-copy h2{margin:4px 0 6px}.creation-guide-copy p{margin:0;color:#64748b}.creation-steps-v1059{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.creation-steps-v1059>div{background:white;border:1px solid #dbe4ef;border-radius:14px;padding:12px;min-width:0}.creation-steps-v1059 span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e8eef8;font-weight:900;font-size:12px}.creation-steps-v1059 b,.creation-steps-v1059 small{display:block}.creation-steps-v1059 b{font-size:12px;margin-top:7px}.creation-steps-v1059 small{font-size:10px;color:#64748b}.creation-steps-v1059 .active{border-color:#2563eb;box-shadow:0 8px 25px rgba(37,99,235,.10)}.creation-steps-v1059 .active span{background:#2563eb;color:white} .quantity-focus-v1059{border:1px solid #bfdbfe;background:#f8fbff;border-radius:16px;padding:15px}.quantity-shortcuts-v1059{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.quantity-shortcuts-v1059 button{border:1px solid #cbd5e1;background:white;border-radius:9px;padding:7px 10px;font-weight:800;cursor:pointer}.quantity-shortcuts-v1059 button:hover{border-color:#2563eb;color:#2563eb}.game-creation-section-v1059{margin:16px 0;padding:17px;border:1px solid #dbe4ef;border-radius:18px;background:#fbfdff}.game-creation-head-v1059,.game-creation-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.game-creation-head>div{display:flex;gap:10px;align-items:center}.game-creation-head b,.game-creation-head small{display:block}.game-creation-head small{color:#64748b;margin-top:2px}.step-number-v1059{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#172554;color:#fff;font-weight:900}.game-mode-picker-v1059{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.game-mode-card-v1059{position:relative;border:1px solid #dbe4ef;border-radius:16px;padding:15px;background:white;cursor:pointer;transition:.2s}.game-mode-card-v1059:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,23,42,.08)}.game-mode-card-v1059:has(input:checked){border:2px solid #2563eb;background:#eff6ff}.game-mode-card-v1059 input{position:absolute;right:12px;top:12px}.game-mode-card-v1059 b,.game-mode-card-v1059 small,.game-mode-card-v1059 em{display:block}.game-mode-card-v1059 b{margin:8px 0 4px}.game-mode-card-v1059 small{color:#64748b;line-height:1.35}.game-mode-card-v1059 em{margin-top:9px;font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase;color:#2563eb}.game-mode-icon-v1059{font-size:30px}.creative-library-v1059{border-top:1px solid #e2e8f0;padding-top:14px}.creative-library-title{display:flex;gap:10px;align-items:center;margin-bottom:10px}.creative-library-title i{font-size:22px}.creative-library-title b,.creative-library-title small{display:block}.creative-library-title small{color:#64748b}.game-experience-preview-v1059{display:flex;gap:7px;flex-wrap:wrap}.game-experience-preview-v1059 span{padding:7px 9px;border-radius:999px;background:#eef2ff;font-size:11px;font-weight:800}.game-experience-preview-v1059 i{margin-right:5px}.next-flow-v1059{width:100%;padding:13px}.generator-context-v1059{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid #dbe4ef;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#f8fafc);margin-bottom:16px}.generator-context-v1059 h3{margin:3px 0}.generator-context-v1059 p{margin:0;color:#64748b}.generator-context-stats-v1059{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.generator-context-stats-v1059 span{background:white;border:1px solid #dbe4ef;border-radius:12px;padding:9px 11px;font-size:11px}.generator-context-stats-v1059 b{display:block;font-size:13px} .game-mode-hud{max-width:900px;margin:0 auto 12px;border-radius:18px;padding:14px 16px;color:white;overflow:hidden;position:relative}.boss-hud-v1059{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;background:linear-gradient(135deg,#3b0b19,#111827);border:1px solid rgba(248,113,113,.35)}.boss-avatar-v1059{font-size:42px;text-align:center;filter:drop-shadow(0 5px 12px rgba(0,0,0,.35))}.boss-info-v1059>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.boss-info-v1059 span{font-size:10px;letter-spacing:.12em;font-weight:900}.boss-info-v1059 small{display:block;margin-top:6px;color:#fecaca}.boss-health-v1059{height:12px;border-radius:999px;background:rgba(0,0,0,.35);overflow:hidden;margin-top:6px}.boss-health-v1059 span{display:block;height:100%;background:linear-gradient(90deg,#ef4444,#f97316,#facc15);transition:width .45s ease}.race-hud-v1059{background:linear-gradient(135deg,#09263d,#111827);border:1px solid rgba(56,189,248,.35)}.race-title-v1059{display:flex;justify-content:space-between;font-size:11px;font-weight:900;margin-bottom:8px}.race-track-v1059{display:grid;gap:5px}.race-lane-v1059{height:30px;position:relative;border-radius:8px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 20px,rgba(255,255,255,.12) 20px 22px);border-right:3px solid #f8fafc}.racer-v1059{position:absolute;top:2px;font-size:20px;transition:left .5s cubic-bezier(.2,.8,.2,1)}.race-hud-v1059 small{display:block;margin-top:7px;color:#bae6fd}.anim-energy{animation:lbpEnergy .6s ease}.anim-speed{animation:lbpSpeed .55s ease}.anim-pulse{animation:lbpPulse2 .6s ease}.anim-confetti:after{content:'✦ ✧ ✦ ✧ ✦';position:absolute;right:16px;top:8px;animation:lbpConfetti .65s ease;pointer-events:none}@keyframes lbpEnergy{35%{box-shadow:0 0 0 6px rgba(248,113,113,.16),0 0 35px rgba(248,113,113,.45)}}@keyframes lbpSpeed{40%{transform:translateX(5px)}}@keyframes lbpPulse2{50%{transform:scale(1.015)}}@keyframes lbpConfetti{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}} body[data-teacher-theme="dark"] .creation-guide-v1059,body[data-teacher-theme="dark"] .game-creation-section-v1059,body[data-teacher-theme="dark"] .quantity-focus-v1059,body[data-teacher-theme="dark"] .generator-context-v1059{background:#0f1e30;border-color:#29405a}body[data-teacher-theme="dark"] .creation-steps-v1059>div,body[data-teacher-theme="dark"] .game-mode-card-v1059{background:#13253a;border-color:#29405a}body[data-teacher-theme="dark"] .game-mode-card-v1059:has(input:checked){background:#102f55;border-color:#60a5fa}body[data-teacher-theme="dark"] .creation-guide-copy p,body[data-teacher-theme="dark"] .game-mode-card-v1059 small,body[data-teacher-theme="dark"] .generator-context-v1059 p,body[data-teacher-theme="dark"] .creative-library-title small{color:#a8bdd2}body[data-teacher-theme="dark"] .quantity-shortcuts-v1059 button{background:#13253a;border-color:#36516d;color:#dbeafe}body[data-teacher-theme="dark"] .generator-context-stats-v1059 span{background:#13253a;border-color:#29405a} @media(max-width:980px){.creation-guide-v1059{grid-template-columns:1fr}.creation-steps-v1059{grid-template-columns:repeat(5,minmax(90px,1fr));overflow:auto}.game-mode-picker-v1059{grid-template-columns:1fr}.creative-library-v1059 .g3{grid-template-columns:1fr}.generator-context-v1059{align-items:flex-start;flex-direction:column}.generator-context-stats-v1059{justify-content:flex-start}}@media(max-width:620px){.creation-steps-v1059{display:flex}.creation-steps-v1059>div{min-width:105px}.boss-hud-v1059{grid-template-columns:46px 1fr}.boss-avatar-v1059{font-size:32px}.race-title-v1059{gap:8px;flex-wrap:wrap}} /* ===== css/v12.7-ui.css ===== */ /* Learn by Playing V12.7 — mobile fit, permanent classes and premium integrations */ :root{ --v127-ink:#15263b; --v127-muted:#53687e; --v127-line:#d7e2ec; --v127-soft:#f5f8fb; --v127-blue:#2464d8; --v127-cyan:#1098b8; --v127-green:#1f9d69; --v127-danger:#c43f50; --v127-shadow:0 14px 34px rgba(31,49,74,.10); } /* Screenshot regression: keep the audio/motion outline fully inside the header band. */ .lbp-beta-bar[data-v127="fit"],body.lbp-v127 .lbp-beta-bar{overflow:hidden!important;min-height:var(--beta-bar-h)!important;max-height:var(--beta-bar-h)!important} body.lbp-v127 .lbp-beta-controls{height:28px!important;min-height:28px!important;max-height:28px!important;padding:2px!important;box-sizing:border-box!important;border-radius:14px!important;box-shadow:none!important;align-self:center!important;overflow:hidden!important} body.lbp-v127 .lbp-mini-toggle{height:22px!important;min-height:22px!important;max-height:22px!important;padding:0 6px!important;box-sizing:border-box!important} body.lbp-v127 .lbp-mini-toggle>i{width:18px!important;height:18px!important;min-width:18px!important;font-size:10px!important} body.lbp-v127 .lbp-mini-toggle .toggle-state{width:7px!important;height:7px!important;box-shadow:0 0 0 2px rgba(52,211,153,.13)!important} /* Screenshot regression: the welcome title must remain readable in the light entry card. */ #screen-role .lbp-entry-actions>h2, #screen-role .lbp-entry-actions .v127-welcome-title{ color:#142238!important; opacity:1!important; text-shadow:none!important; -webkit-text-fill-color:#142238!important; } #screen-role .lbp-entry-actions>p{color:#607087!important;opacity:1!important} /* Render/performance refinements for mobile: remove expensive blur layers where they add little value. */ @media(max-width:760px){ body.lbp-v127 .lbp-beta-bar,body.lbp-v127 .lbp-global-footer,body.lbp-v127 .topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important} body.lbp-v127 .lbp-global-footer{background:#0c1828!important} body.lbp-v127 #screen-role .card.hero{box-shadow:0 12px 34px rgba(31,49,74,.12)!important} body.lbp-v127 .lbp-beta-bar .beta-label{min-width:0;overflow:hidden;text-overflow:ellipsis} body.lbp-v127 .lbp-beta-bar .beta-label span:nth-child(3){display:none!important} } .v127-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .v127-kicker{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--v127-cyan);text-transform:uppercase} .v127-heading{align-items:flex-start!important} .v127-plan-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;margin-bottom:15px;border:1px solid #cfe0ec;border-radius:15px;background:linear-gradient(135deg,#f5fbff,#f5faf8);color:var(--v127-ink)} .v127-plan-bar>div:first-child{display:flex;align-items:center;gap:10px}.v127-plan-bar i{font-size:20px;color:var(--v127-green)}.v127-plan-bar span{display:grid;gap:2px}.v127-plan-bar b{font-size:13px}.v127-plan-bar small{color:var(--v127-muted);font-size:11px}.v127-plan-progress{width:130px;height:7px;border-radius:99px;background:#dbe7ef;overflow:hidden}.v127-plan-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--v127-cyan),var(--v127-green));border-radius:inherit} .v127-class-shell{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:16px;align-items:start} .v127-class-sidebar,.v127-class-detail,.v127-integrations{background:#fff!important;border:1px solid var(--v127-line)!important;border-radius:18px!important;box-shadow:var(--v127-shadow)!important;color:var(--v127-ink)!important} .v127-class-sidebar{padding:14px;position:sticky;top:88px}.v127-pane-head,.v127-detail-head,.v127-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.v127-pane-head b{font-size:14px}.v127-pane-head small{display:block;color:var(--v127-muted);font-size:10px;margin-top:2px}.v127-class-list{display:grid;gap:7px;margin-top:11px;max-height:62vh;overflow:auto;padding-right:2px} .v127-class-list-card{width:100%;border:1px solid transparent;border-radius:14px;background:#f7f9fc;color:var(--v127-ink);padding:10px;display:grid;grid-template-columns:38px minmax(0,1fr) 8px;gap:9px;align-items:center;text-align:left;cursor:pointer;transition:.15s}.v127-class-list-card:hover{border-color:#bfd2e5;background:#f3f8fd}.v127-class-list-card.active{border-color:#7fb9d2;background:#eef9fc;box-shadow:0 0 0 2px rgba(16,152,184,.08)} .v127-class-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#e7f8fc,#eaf0ff);display:grid;place-items:center;color:#1a70b8;font-size:16px}.v127-class-card-copy{display:grid;gap:2px;min-width:0}.v127-class-card-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v127-class-card-copy small{font-size:9px;color:var(--v127-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v127-class-card-copy em{font-style:normal;font-size:8px;font-weight:900;color:#6b7f94;letter-spacing:.12em}.v127-class-status{width:7px;height:7px;border-radius:50%}.v127-class-status.on{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}.v127-class-status.off{background:#94a3b8} .v127-icon-btn{width:34px;height:34px;border:1px solid #d6e0ea;border-radius:10px;background:#fff;color:#40546a;display:inline-grid;place-items:center;cursor:pointer}.v127-icon-btn:hover{background:#f4f8fb;border-color:#afc5d7}.v127-icon-btn.provider-google,.v127-icon-btn.provider-teams{font-weight:950}.v127-icon-btn.provider-google{color:#1a73e8}.v127-icon-btn.provider-teams{color:#5b5fc7} .v127-class-detail{min-height:430px;padding:18px}.v127-empty,.v127-empty-mini{display:grid;place-items:center;text-align:center;color:var(--v127-muted)}.v127-empty{min-height:340px}.v127-empty>i{font-size:42px;color:#8ca7bd}.v127-empty h3{margin:10px 0 4px;color:var(--v127-ink)}.v127-empty p{max-width:440px;margin:0 0 14px}.v127-empty-mini{min-height:100px;gap:4px;border:1px dashed #d4e0ea;border-radius:13px;padding:14px;font-size:11px}.v127-empty-mini i{font-size:24px;color:#8ca7bd}.v127-empty-mini b{color:var(--v127-ink)} .v127-detail-head{align-items:flex-start;border-bottom:1px solid #e5edf3;padding-bottom:14px}.v127-detail-head h2{font-size:24px!important;margin:5px 0 3px!important;color:var(--v127-ink)!important}.v127-detail-head p{margin:0;color:var(--v127-muted);font-size:11px}.v127-detail-actions{display:flex;gap:6px}.v127-class-description{margin:12px 0;padding:10px 12px;background:#f7fafc;border-radius:12px;color:#52677c;font-size:12px;line-height:1.5}.v127-class-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.v127-class-metrics>div{padding:11px;border:1px solid #dfE8ef;border-radius:12px;background:#fafcfe}.v127-class-metrics strong{display:block;font-size:18px;color:var(--v127-ink)}.v127-class-metrics span{font-size:9px;color:var(--v127-muted);text-transform:uppercase;letter-spacing:.06em} .v127-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v127-subpanel{border:1px solid #e1e9f0;border-radius:15px;padding:13px;background:#fbfcfe}.v127-subhead h3{margin:0!important;font-size:15px!important;color:var(--v127-ink)!important}.v127-subhead small{display:block;margin-top:2px;color:var(--v127-muted);font-size:9px}.v127-member-list,.v127-assigned-list{display:grid;gap:7px;margin-top:10px;max-height:310px;overflow:auto}.v127-member{display:grid;grid-template-columns:32px minmax(0,1fr) auto 30px;gap:8px;align-items:center;padding:8px;border-radius:11px;background:#fff;border:1px solid #e3eaf0}.v127-member-avatar{width:32px;height:32px;border-radius:10px;background:#eaf6fb;color:#117b9b;display:grid;place-items:center;font-weight:900}.v127-member div{min-width:0}.v127-member b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v127-member small{display:block;color:var(--v127-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v127-member-status{font-size:8px;text-transform:uppercase;color:#4b7664;background:#eaf8f1;padding:3px 6px;border-radius:999px}.v127-member .v127-icon-btn{width:28px;height:28px} .v127-assign-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:10px}.v127-assigned-game{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border-radius:11px;background:#fff;border:1px solid #e3eaf0}.v127-assigned-game b{display:block;font-size:11px}.v127-assigned-game small{color:var(--v127-muted);font-size:9px}.v127-assigned-actions{display:flex;gap:4px;flex-shrink:0}.v127-assigned-actions .v127-icon-btn{width:29px;height:29px} .v127-integrations{padding:18px;margin-top:16px}.v127-entitlement-chip{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900}.v127-entitlement-chip.on{background:#eaf8f1;color:#13704a;border:1px solid #bee4cf}.v127-entitlement-chip.off{background:#fff5e8;color:#9a5d08;border:1px solid #efd4a7}.v127-integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}.v127-integration-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #dfe7ee;border-radius:15px;background:#fafcfe}.v127-provider-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:950;background:#fff;border:1px solid #dfe7ee}.v127-integration-card.google .v127-provider-mark{color:#1a73e8}.v127-integration-card.teams .v127-provider-mark{color:#5b5fc7}.v127-integration-card h3{margin:0 0 3px!important;font-size:14px!important;color:var(--v127-ink)!important}.v127-integration-card p{margin:0;color:var(--v127-muted);font-size:10px;line-height:1.4}.v127-integration-card small{display:block;margin-top:4px;color:#718499;font-size:9px}.v127-integration-card .btn.premium-locked{opacity:.72;border-style:dashed}.v127-integration-note{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:10px 12px;background:#f4f8fb;border-radius:12px;color:#5a6e82;font-size:10px;line-height:1.45}.v127-integration-note i{color:var(--v127-green);font-size:15px} .v127-provider-share{margin-top:12px;padding:12px;border:1px solid #d9e4ed;border-radius:14px;background:#f8fbfd;display:flex;justify-content:space-between;align-items:center;gap:10px}.v127-provider-share b{font-size:11px;color:var(--v127-ink)}.v127-provider-share small{display:block;color:var(--v127-muted);font-size:9px;margin-top:2px}.v127-provider-share>div:last-child{display:flex;gap:6px}.v127-provider-share .btn{font-size:10px;padding:8px 10px} .v127-student-class-badge{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:7px 10px;border-radius:999px;background:rgba(16,152,184,.10);border:1px solid rgba(16,152,184,.24);color:#186f88;font-size:10px}.v127-student-class-badge b{color:inherit} .v127-modal{position:fixed;inset:0;z-index:100500;display:grid;place-items:center;padding:18px;background:rgba(4,12,24,.72);backdrop-filter:blur(5px)}.v127-modal-card{width:min(680px,100%);max-height:90vh;overflow:auto;border-radius:20px;background:#fff;color:var(--v127-ink);border:1px solid #dce5ed;box-shadow:0 30px 90px rgba(0,0,0,.35);padding:20px}.v127-modal-card.compact{width:min(520px,100%)}.v127-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.v127-modal-head h2{font-size:21px!important;color:var(--v127-ink)!important;margin:5px 0 0!important}.v127-modal-head p{font-size:11px}.v127-close{width:34px;height:34px;border-radius:10px;border:1px solid #d8e2eb;background:#fff;color:#30465d;font-size:20px;cursor:pointer}.v127-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v127-form-grid .span2{grid-column:1/-1}.v127-form-status{min-height:18px;margin-top:6px;color:var(--v127-danger);font-size:10px}.v127-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.v127-teams-widget{min-height:120px;display:grid;place-items:center;border:1px dashed #c7d6e2;border-radius:14px;background:#f8fbfd;padding:18px}.v127-loading{display:flex;align-items:center;justify-content:center;gap:8px;color:#6b7d90;font-size:10px;padding:16px}.v127-loading>span{width:14px;height:14px;border-radius:50%;border:2px solid #c6d5df;border-top-color:var(--v127-cyan);animation:v127spin .8s linear infinite}.v127-error{padding:12px;border-radius:12px;background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;font-size:11px}@keyframes v127spin{to{transform:rotate(360deg)}} body.teacher-dark.lbp-v127 .v127-class-sidebar,body.teacher-dark.lbp-v127 .v127-class-detail,body.teacher-dark.lbp-v127 .v127-integrations{background:#101d2d!important;border-color:#30455a!important;color:#eef5fb!important}body.teacher-dark.lbp-v127 .v127-plan-bar{background:linear-gradient(135deg,#102338,#102d2b);border-color:#315064;color:#eef5fb}body.teacher-dark.lbp-v127 .v127-plan-bar small,body.teacher-dark.lbp-v127 .v127-detail-head p,body.teacher-dark.lbp-v127 .v127-subhead small,body.teacher-dark.lbp-v127 .v127-member small,body.teacher-dark.lbp-v127 .v127-assigned-game small,body.teacher-dark.lbp-v127 .v127-integration-card p,body.teacher-dark.lbp-v127 .v127-integration-card small{color:#b8c8d8!important}body.teacher-dark.lbp-v127 .v127-class-list-card,body.teacher-dark.lbp-v127 .v127-subpanel,body.teacher-dark.lbp-v127 .v127-class-description,body.teacher-dark.lbp-v127 .v127-class-metrics>div,body.teacher-dark.lbp-v127 .v127-member,body.teacher-dark.lbp-v127 .v127-assigned-game,body.teacher-dark.lbp-v127 .v127-integration-card,body.teacher-dark.lbp-v127 .v127-integration-note{background:#132438!important;border-color:#30455a!important;color:#eef5fb!important}body.teacher-dark.lbp-v127 .v127-class-list-card.active{background:#123041!important;border-color:#3f809a!important}body.teacher-dark.lbp-v127 .v127-class-card-copy b,body.teacher-dark.lbp-v127 .v127-detail-head h2,body.teacher-dark.lbp-v127 .v127-subhead h3,body.teacher-dark.lbp-v127 .v127-member b,body.teacher-dark.lbp-v127 .v127-assigned-game b,body.teacher-dark.lbp-v127 .v127-integration-card h3{color:#f4f8fc!important}body.teacher-dark.lbp-v127 .v127-icon-btn{background:#172b41;color:#dce9f5;border-color:#3a5066}body.teacher-dark.lbp-v127 .v127-class-metrics span,body.teacher-dark.lbp-v127 .v127-class-card-copy small,body.teacher-dark.lbp-v127 .v127-class-card-copy em{color:#b8c8d8!important} @media(max-width:1050px){.v127-class-shell{grid-template-columns:240px minmax(0,1fr)}.v127-detail-grid{grid-template-columns:1fr}.v127-integration-card{grid-template-columns:42px minmax(0,1fr)}.v127-integration-card>.btn{grid-column:1/-1;width:100%}} @media(max-width:760px){.v127-plan-bar{align-items:flex-start;flex-direction:column}.v127-plan-progress{width:100%}.v127-class-shell{grid-template-columns:1fr}.v127-class-sidebar{position:static}.v127-class-list{max-height:230px}.v127-class-metrics{grid-template-columns:1fr 1fr}.v127-class-metrics>div:last-child{grid-column:1/-1}.v127-integration-grid{grid-template-columns:1fr}.v127-detail-head{flex-direction:column}.v127-detail-actions{width:100%}.v127-detail-actions .btn:first-child{flex:1}.v127-provider-share{align-items:flex-start;flex-direction:column}.v127-provider-share>div:last-child{width:100%}.v127-provider-share .btn{flex:1}.v127-form-grid{grid-template-columns:1fr}.v127-form-grid .span2{grid-column:auto}.v127-modal{padding:8px}.v127-modal-card{padding:15px;border-radius:17px}.v127-assign-row{grid-template-columns:1fr}.v127-assign-row .btn{width:100%}.v127-subhead{align-items:flex-start;flex-direction:column}.v127-subhead .btn{width:100%}} @media(max-width:420px){body.lbp-v127 .lbp-beta-controls{height:26px!important;min-height:26px!important;max-height:26px!important}.v127-integration-card{grid-template-columns:38px minmax(0,1fr)}.v127-provider-mark{width:38px;height:38px;border-radius:11px}.v127-member{grid-template-columns:30px minmax(0,1fr) 28px}.v127-member-status{display:none}} @media(prefers-reduced-motion:reduce){.v127-loading>span{animation:none!important}} /* V12.7 permanent-class history and bulk roster */ .v127-class-metrics{grid-template-columns:repeat(4,1fr)} .v127-subhead-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.v127-subhead-actions .btn{padding:8px 10px;font-size:10px} .v127-results-panel{margin-top:12px;border:1px solid #e1e9f0;border-radius:15px;padding:13px;background:#fbfcfe}.v127-history-chip{padding:5px 8px;border-radius:999px;background:#eaf8f1;border:1px solid #c9e8d8;color:#176c4b;font-size:9px;font-weight:900}.v127-results-table{margin-top:10px;border:1px solid #e1e9f0;border-radius:12px;overflow:hidden;background:#fff}.v127-result-row{display:grid;grid-template-columns:1.2fr 1.1fr .8fr 80px;gap:9px;align-items:center;padding:9px 10px;border-top:1px solid #edf1f5;font-size:10px;color:#40546a}.v127-result-row:first-child{border-top:0}.v127-result-row.head{background:#f3f7fa;color:#687c90;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.v127-result-row b{display:block;color:#1b3046;font-size:10px}.v127-result-row small{display:block;color:#718499;font-size:8px;margin-top:2px} body.teacher-dark.lbp-v127 .v127-results-panel,body.teacher-dark.lbp-v127 .v127-results-table,body.teacher-dark.lbp-v127 .v127-result-row{background:#132438!important;border-color:#30455a!important;color:#dce8f3!important}body.teacher-dark.lbp-v127 .v127-result-row.head{background:#172b41!important;color:#b8c8d8!important}body.teacher-dark.lbp-v127 .v127-result-row b{color:#f4f8fc!important}body.teacher-dark.lbp-v127 .v127-result-row small{color:#b8c8d8!important} @media(max-width:760px){.v127-class-metrics{grid-template-columns:1fr 1fr}.v127-class-metrics>div:last-child{grid-column:auto}.v127-result-row{grid-template-columns:1fr .7fr 64px}.v127-result-row>span:nth-child(2),.v127-result-row.head>span:nth-child(2){display:none}.v127-subhead-actions{width:100%}.v127-subhead-actions .btn{flex:1}} /* ===== css/v12.8-contrast.css ===== */ /* Learn by Playing V12.8 — contrast policy applied across public, teacher, student and admin surfaces */ :root{ --v128-light-ink:#102338; --v128-light-muted:#425a72; --v128-light-soft:#f5f8fb; --v128-light-surface:#ffffff; --v128-light-line:#c9d7e4; --v128-dark-ink:#f5f9ff; --v128-dark-muted:#c2d0dd; --v128-dark-soft:#0c1928; --v128-dark-surface:#101f31; --v128-dark-line:#3a526a; --v128-focus:#ffd54a; } body :focus-visible{outline:3px solid var(--v128-focus)!important;outline-offset:3px!important} button:disabled,.btn:disabled{opacity:.62!important} #screen-role,#screen-student-login,#screen-teacher-login{color:var(--v128-light-ink)} #screen-role h1,#screen-role h2,#screen-role h3, #screen-student-login h1,#screen-student-login h2,#screen-student-login h3, #screen-teacher-login h1,#screen-teacher-login h2,#screen-teacher-login h3{color:#0d2035!important;-webkit-text-fill-color:#0d2035!important;opacity:1!important} #screen-role p,#screen-role small,#screen-role .muted, #screen-student-login p,#screen-student-login small,#screen-student-login .muted, #screen-teacher-login p,#screen-teacher-login small,#screen-teacher-login .muted{color:var(--v128-light-muted)!important;opacity:1!important} #screen-role .card,#screen-student-login .card,#screen-teacher-login .card{background:#fff!important;color:var(--v128-light-ink)!important;border-color:var(--v128-light-line)!important} body:not(.teacher-dark) #screen-teacher{color:var(--v128-light-ink)!important} body:not(.teacher-dark) #screen-teacher h1, body:not(.teacher-dark) #screen-teacher h2, body:not(.teacher-dark) #screen-teacher h3, body:not(.teacher-dark) #screen-teacher h4, body:not(.teacher-dark) #screen-teacher .page-title, body:not(.teacher-dark) #screen-teacher strong, body:not(.teacher-dark) #screen-teacher b{color:#102338} body:not(.teacher-dark) #screen-teacher p, body:not(.teacher-dark) #screen-teacher small, body:not(.teacher-dark) #screen-teacher .muted, body:not(.teacher-dark) #screen-teacher .page-sub, body:not(.teacher-dark) #screen-teacher .tiny{color:var(--v128-light-muted)!important;opacity:1!important} body:not(.teacher-dark) #screen-teacher label, body:not(.teacher-dark) #screen-teacher .field label{color:#304b65!important;font-weight:750} body:not(.teacher-dark) #screen-teacher .card, body:not(.teacher-dark) #screen-teacher .panel-card, body:not(.teacher-dark) #screen-teacher .module-editor, body:not(.teacher-dark) #screen-teacher .quick-action, body:not(.teacher-dark) #screen-teacher .activity-row, body:not(.teacher-dark) #screen-teacher .course-library-card, body:not(.teacher-dark) #screen-teacher .question-review-card, body:not(.teacher-dark) #screen-teacher .v12-panel, body:not(.teacher-dark) #screen-teacher .v127-class-sidebar, body:not(.teacher-dark) #screen-teacher .v127-class-detail, body:not(.teacher-dark) #screen-teacher .v127-integrations{background:var(--v128-light-surface)!important;color:var(--v128-light-ink)!important;border-color:var(--v128-light-line)!important} body:not(.teacher-dark) #screen-teacher input, body:not(.teacher-dark) #screen-teacher textarea, body:not(.teacher-dark) #screen-teacher select, body:not(.teacher-dark) #screen-teacher .input{background:#fff!important;color:#102338!important;border-color:#b9cad9!important} body:not(.teacher-dark) #screen-teacher input::placeholder, body:not(.teacher-dark) #screen-teacher textarea::placeholder{color:#657b90!important;opacity:1!important} body:not(.teacher-dark) #screen-teacher .teacher-nav .tab{color:#344f69!important} body:not(.teacher-dark) #screen-teacher .teacher-nav .tab.active{color:#075d75!important} body:not(.teacher-dark) #screen-teacher table th{color:#405b74!important} body:not(.teacher-dark) #screen-teacher table td{color:#1d3851!important} body.teacher-dark #screen-teacher{color:var(--v128-dark-ink)!important} body.teacher-dark #screen-teacher h1, body.teacher-dark #screen-teacher h2, body.teacher-dark #screen-teacher h3, body.teacher-dark #screen-teacher h4, body.teacher-dark #screen-teacher .page-title, body.teacher-dark #screen-teacher strong, body.teacher-dark #screen-teacher b{color:#f7fbff!important} body.teacher-dark #screen-teacher p, body.teacher-dark #screen-teacher small, body.teacher-dark #screen-teacher .muted, body.teacher-dark #screen-teacher .page-sub, body.teacher-dark #screen-teacher .tiny{color:var(--v128-dark-muted)!important;opacity:1!important} body.teacher-dark #screen-teacher label, body.teacher-dark #screen-teacher .field label{color:#c4d3e1!important} body.teacher-dark #screen-teacher .card, body.teacher-dark #screen-teacher .panel-card, body.teacher-dark #screen-teacher .module-editor, body.teacher-dark #screen-teacher .quick-action, body.teacher-dark #screen-teacher .activity-row, body.teacher-dark #screen-teacher .course-library-card, body.teacher-dark #screen-teacher .question-review-card, body.teacher-dark #screen-teacher .v12-panel, body.teacher-dark #screen-teacher .v127-class-sidebar, body.teacher-dark #screen-teacher .v127-class-detail, body.teacher-dark #screen-teacher .v127-integrations{background:var(--v128-dark-surface)!important;color:var(--v128-dark-ink)!important;border-color:var(--v128-dark-line)!important} body.teacher-dark #screen-teacher input, body.teacher-dark #screen-teacher textarea, body.teacher-dark #screen-teacher select, body.teacher-dark #screen-teacher .input{background:#071522!important;color:#f5f9ff!important;border-color:#4a647d!important} body.teacher-dark #screen-teacher input::placeholder, body.teacher-dark #screen-teacher textarea::placeholder{color:#9fb1c1!important;opacity:1!important} body.teacher-dark #screen-teacher .teacher-nav .tab{color:#c3d1de!important} body.teacher-dark #screen-teacher .teacher-nav .tab.active{color:#9decff!important} body.teacher-dark #screen-teacher table th{color:#c1cfdb!important} body.teacher-dark #screen-teacher table td{color:#eef5fb!important} body:not(.teacher-dark) .v125-game-card small, body:not(.teacher-dark) .v125-live-preview p, body:not(.teacher-dark) .v125-email-help, body:not(.teacher-dark) .v127-class-card-copy small, body:not(.teacher-dark) .v127-detail-head p, body:not(.teacher-dark) .v127-subhead small, body:not(.teacher-dark) .v127-integration-card p, body:not(.teacher-dark) .v127-integration-card small, body:not(.teacher-dark) .v12-panel>p{color:#425a72!important} body.teacher-dark .v125-game-card small, body.teacher-dark .v125-live-preview p, body.teacher-dark .v125-email-help, body.teacher-dark .v127-class-card-copy small, body.teacher-dark .v127-detail-head p, body.teacher-dark .v127-subhead small, body.teacher-dark .v127-integration-card p, body.teacher-dark .v127-integration-card small, body.teacher-dark .v12-panel>p{color:#c2d0dd!important} body.teacher-dark .v127-class-list-card, body.teacher-dark .v127-subpanel, body.teacher-dark .v127-member, body.teacher-dark .v127-assigned-game, body.teacher-dark .v127-integration-card, body.teacher-dark .v127-provider-share, body.teacher-dark .v127-modal-card{background:#101f31!important;color:#f5f9ff!important;border-color:#3a526a!important} body.teacher-dark .v127-class-description, body.teacher-dark .v127-integration-note{background:#0c1928!important;color:#c2d0dd!important} body.lbp-student-light #screen-student-home, body.lbp-student-light #screen-game, body.lbp-student-light #screen-certificate{color:#102338!important} body.lbp-student-light #screen-student-home h1, body.lbp-student-light #screen-student-home h2, body.lbp-student-light #screen-student-home h3, body.lbp-student-light #screen-game h1, body.lbp-student-light #screen-game h2, body.lbp-student-light #screen-game h3, body.lbp-student-light #screen-certificate h1, body.lbp-student-light #screen-certificate h2{color:#0e2238!important} body.lbp-student-light #screen-student-home .muted, body.lbp-student-light #screen-student-home small, body.lbp-student-light #screen-game .muted, body.lbp-student-light #screen-game small, body.lbp-student-light #screen-certificate .muted, body.lbp-student-light #screen-certificate small{color:#425a72!important;opacity:1!important} body.lbp-student-light .option{color:#102338!important;border-color:#b9cad9!important} body:not(.lbp-student-light) #screen-student-home, body:not(.lbp-student-light) #screen-game, body:not(.lbp-student-light) #screen-certificate{color:#f6faff!important} body:not(.lbp-student-light) #screen-student-home h1, body:not(.lbp-student-light) #screen-student-home h2, body:not(.lbp-student-light) #screen-student-home h3, body:not(.lbp-student-light) #screen-game h1, body:not(.lbp-student-light) #screen-game h2, body:not(.lbp-student-light) #screen-game h3, body:not(.lbp-student-light) #screen-certificate h1, body:not(.lbp-student-light) #screen-certificate h2{color:#ffffff!important} body:not(.lbp-student-light) #screen-student-home .muted, body:not(.lbp-student-light) #screen-student-home small, body:not(.lbp-student-light) #screen-game .muted, body:not(.lbp-student-light) #screen-game small, body:not(.lbp-student-light) #screen-certificate .muted, body:not(.lbp-student-light) #screen-certificate small{color:#cbd8e4!important;opacity:1!important} body:not(.lbp-student-light) #screen-game .option{color:#f5f9ff!important;border-color:rgba(190,211,231,.34)!important} body:not(.dark) .admin-shell{color:#102338!important} body:not(.dark) .admin-shell h1, body:not(.dark) .admin-shell h2, body:not(.dark) .admin-shell h3, body:not(.dark) .admin-shell b, body:not(.dark) .admin-shell strong{color:#102338} body:not(.dark) .admin-shell p, body:not(.dark) .admin-shell small, body:not(.dark) .admin-shell .statusbar, body:not(.dark) .admin-shell th, body:not(.dark) .admin-shell .metric span{color:#425a72!important;opacity:1!important} body:not(.dark) .admin-shell .metric, body:not(.dark) .admin-shell .panel, body:not(.dark) .admin-shell .login-card{background:#fff!important;color:#102338!important;border-color:#c9d7e4!important} body:not(.dark) .admin-shell input, body:not(.dark) .admin-shell select{color:#102338!important;border-color:#b9cad9!important;background:#fff!important} body.dark .admin-shell{color:#f5f9ff!important} body.dark .admin-shell h1, body.dark .admin-shell h2, body.dark .admin-shell h3, body.dark .admin-shell b, body.dark .admin-shell strong{color:#f7fbff!important} body.dark .admin-shell p, body.dark .admin-shell small, body.dark .admin-shell .statusbar, body.dark .admin-shell th, body.dark .admin-shell .metric span{color:#c2d0dd!important;opacity:1!important} body.dark .admin-shell .metric, body.dark .admin-shell .panel, body.dark .admin-shell .login-card{background:#101f31!important;color:#f5f9ff!important;border-color:#3a526a!important} body.dark .admin-shell input, body.dark .admin-shell select{background:#071522!important;color:#f5f9ff!important;border-color:#4a647d!important} .v128-ai-fallback-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin:8px 0;border-radius:12px;border:1px solid #b9d8e4;background:#eef9fc;color:#17465a;font-size:11px;line-height:1.45} .teacher-dark .v128-ai-fallback-note,body.dark .v128-ai-fallback-note{background:#0d2733;color:#c9f1fb;border-color:#28566a} @media(max-width:760px){body #screen-teacher p,body #screen-teacher small{line-height:1.55}} /* ===== css/v12.9-contrast.css ===== */ /* Learn by Playing V12.9 — unified interface and contrast policy */ :root{--v129-ink:#102338;--v129-muted:#465e76;--v129-line:#c8d6e3;--v129-surface:#fff;--v129-dark:#081522;--v129-dark-surface:#101f31;--v129-dark-line:#405972;--v129-dark-muted:#c6d4e1;--v129-focus:#ffd54a} body :focus-visible{outline:3px solid var(--v129-focus)!important;outline-offset:3px!important} body:not(.teacher-dark) #screen-teacher .teacher-pane,body:not(.teacher-dark) #screen-teacher .panel-card,body:not(.teacher-dark) #screen-teacher .card,body:not(.teacher-dark) #screen-teacher .review-hero-v10,body:not(.teacher-dark) #screen-teacher .review-progress-card-v10,body:not(.teacher-dark) #screen-teacher .review-toolbar-v10,body:not(.teacher-dark) #screen-teacher .review-guidance-v10,body:not(.teacher-dark) #screen-teacher .review-card-v10,body:not(.teacher-dark) #screen-teacher .review-question-card-v10,body:not(.teacher-dark) #screen-teacher .review-answer-v10,body:not(.teacher-dark) #screen-teacher .validation-stat,body:not(.teacher-dark) #screen-teacher .ai-author-card,body:not(.teacher-dark) #screen-teacher .question-quantity-card,body:not(.teacher-dark) #screen-teacher .generator-context-v1059,body:not(.teacher-dark) #screen-teacher .creation-guide-v1059,body:not(.teacher-dark) #screen-teacher .game-creation-section-v1059,body:not(.teacher-dark) #screen-teacher .creative-library-v1059{color:#102338!important} body:not(.teacher-dark) #screen-teacher .review-hero-v10,body:not(.teacher-dark) #screen-teacher .review-progress-card-v10,body:not(.teacher-dark) #screen-teacher .review-toolbar-v10,body:not(.teacher-dark) #screen-teacher .review-guidance-v10,body:not(.teacher-dark) #screen-teacher .review-card-v10,body:not(.teacher-dark) #screen-teacher .review-question-card-v10,body:not(.teacher-dark) #screen-teacher .review-answer-v10,body:not(.teacher-dark) #screen-teacher .validation-stat,body:not(.teacher-dark) #screen-teacher .ai-author-card,body:not(.teacher-dark) #screen-teacher .question-quantity-card,body:not(.teacher-dark) #screen-teacher .generator-context-v1059,body:not(.teacher-dark) #screen-teacher .creation-guide-v1059,body:not(.teacher-dark) #screen-teacher .game-creation-section-v1059,body:not(.teacher-dark) #screen-teacher .creative-library-v1059{background:#fff!important;border-color:#c8d6e3!important} body:not(.teacher-dark) #screen-teacher h1,body:not(.teacher-dark) #screen-teacher h2,body:not(.teacher-dark) #screen-teacher h3,body:not(.teacher-dark) #screen-teacher h4,body:not(.teacher-dark) #screen-teacher strong,body:not(.teacher-dark) #screen-teacher b{color:#102338!important;-webkit-text-fill-color:#102338!important;opacity:1!important} body:not(.teacher-dark) #screen-teacher p,body:not(.teacher-dark) #screen-teacher small,body:not(.teacher-dark) #screen-teacher .muted,body:not(.teacher-dark) #screen-teacher .tiny,body:not(.teacher-dark) #screen-teacher .review-workspace-v10 span:not(.badge):not(.review-kicker-v10){color:#465e76!important;opacity:1!important} body:not(.teacher-dark) #screen-teacher .review-kicker-v10,body:not(.teacher-dark) #screen-teacher .studio-kicker{color:#126f8a!important} body:not(.teacher-dark) #screen-teacher .review-progress{background:#dfe8f0!important} body.teacher-dark #screen-teacher .teacher-pane{color:#f6faff!important} body.teacher-dark #screen-teacher .panel-card,body.teacher-dark #screen-teacher .card,body.teacher-dark #screen-teacher .review-hero-v10,body.teacher-dark #screen-teacher .review-progress-card-v10,body.teacher-dark #screen-teacher .review-toolbar-v10,body.teacher-dark #screen-teacher .review-guidance-v10,body.teacher-dark #screen-teacher .review-card-v10,body.teacher-dark #screen-teacher .review-question-card-v10,body.teacher-dark #screen-teacher .review-answer-v10,body.teacher-dark #screen-teacher .validation-stat,body.teacher-dark #screen-teacher .ai-author-card,body.teacher-dark #screen-teacher .question-quantity-card,body.teacher-dark #screen-teacher .generator-context-v1059,body.teacher-dark #screen-teacher .creation-guide-v1059,body.teacher-dark #screen-teacher .game-creation-section-v1059,body.teacher-dark #screen-teacher .creative-library-v1059{background:#101f31!important;color:#f6faff!important;border-color:#405972!important} body.teacher-dark #screen-teacher h1,body.teacher-dark #screen-teacher h2,body.teacher-dark #screen-teacher h3,body.teacher-dark #screen-teacher h4,body.teacher-dark #screen-teacher strong,body.teacher-dark #screen-teacher b{color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;opacity:1!important} body.teacher-dark #screen-teacher p,body.teacher-dark #screen-teacher small,body.teacher-dark #screen-teacher .muted,body.teacher-dark #screen-teacher .tiny,body.teacher-dark #screen-teacher .review-workspace-v10 span:not(.badge):not(.review-kicker-v10){color:#c6d4e1!important;opacity:1!important} body.teacher-dark #screen-teacher .review-kicker-v10,body.teacher-dark #screen-teacher .studio-kicker{color:#83e8ff!important} body.teacher-dark #screen-teacher .review-progress{background:#263a4e!important} body.teacher-dark #screen-teacher .input,body.teacher-dark #screen-teacher select,body.teacher-dark #screen-teacher textarea{background:#081522!important;color:#f6faff!important;border-color:#4b667f!important} #screen-teacher input::placeholder,#screen-teacher textarea::placeholder{color:#6b7f91!important;opacity:1!important}body.teacher-dark #screen-teacher input::placeholder,body.teacher-dark #screen-teacher textarea::placeholder{color:#a8bac9!important} #screen-teacher .teacher-sidebar{height:100dvh!important;min-height:0!important;overflow:hidden!important;padding-bottom:14px!important} #screen-teacher .teacher-sidebar .teacher-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 3px 16px 0!important} #screen-teacher .teacher-sidebar-footer{flex:0 0 auto!important;margin-top:0!important} #screen-teacher .teacher-nav .tab{position:relative;min-height:43px!important;border:1px solid transparent!important;transition:background .16s,border-color .16s,color .16s,transform .16s!important} #screen-teacher .teacher-nav .tab:hover{background:#17263a!important;color:#fff!important;border-color:#2b435d!important;transform:translateX(2px)} #screen-teacher .teacher-nav .tab.active,#screen-teacher .teacher-nav .tab[data-current="1"]{background:linear-gradient(135deg,#173c72,#273d91)!important;color:#fff!important;border-color:#4e77b5!important;box-shadow:inset 4px 0 0 #55e4ff,0 7px 18px rgba(0,0,0,.16)!important} #screen-teacher .teacher-nav .tab.active::after,#screen-teacher .teacher-nav .tab[data-current="1"]::after{content:'VOCÊ ESTÁ AQUI';margin-left:auto;font-size:8px;letter-spacing:.06em;color:#bff6ff;background:#0b2940;padding:3px 6px;border-radius:999px} .v129-sidebar-location{padding:10px 12px;border:1px solid #29425d;border-radius:12px;background:#0a1d32;display:flex;flex-direction:column;gap:2px}.v129-sidebar-location span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8fa9c3!important}.v129-sidebar-location b{font-size:12px;color:#fff!important} #screen-role .lbp-entry-actions h2{color:#102338!important;-webkit-text-fill-color:#102338!important;opacity:1!important}#screen-role .lbp-entry-actions>p,#screen-role .entry-role-card small{color:#526981!important;opacity:1!important} body.lbp-student-light #screen-student-login .auth-panel,body.lbp-student-light #screen-student-home .card,body.lbp-student-light #screen-game .card,body.lbp-student-light #screen-certificate .card{background:#fff!important;color:#102338!important;border-color:#c8d6e3!important} body.lbp-student-light #screen-student-login h1,body.lbp-student-light #screen-student-home h1,body.lbp-student-light #screen-student-home h2,body.lbp-student-light #screen-game h1,body.lbp-student-light #screen-game h2,body.lbp-student-light #screen-certificate h1,body.lbp-student-light #screen-certificate h2{color:#102338!important;-webkit-text-fill-color:#102338!important} body:not(.lbp-student-light) #screen-student-login .auth-panel,body:not(.lbp-student-light) #screen-student-home .card,body:not(.lbp-student-light) #screen-game .card,body:not(.lbp-student-light) #screen-certificate .card{background:#101f31!important;color:#f6faff!important;border-color:#405972!important} body:not(.lbp-student-light) #screen-student-login .muted,body:not(.lbp-student-light) #screen-student-home .muted,body:not(.lbp-student-light) #screen-game .muted,body:not(.lbp-student-light) #screen-certificate .muted{color:#c6d4e1!important} body:not(.dark) .admin-shell .metric,body:not(.dark) .admin-shell .panel,body:not(.dark) .admin-shell .login-card{background:#fff!important;color:#102338!important;border-color:#c8d6e3!important}body:not(.dark) .admin-shell h1,body:not(.dark) .admin-shell h2,body:not(.dark) .admin-shell h3,body:not(.dark) .admin-shell b,body:not(.dark) .admin-shell strong{color:#102338!important}body:not(.dark) .admin-shell p,body:not(.dark) .admin-shell small,body:not(.dark) .admin-shell .statusbar{color:#526981!important} body.dark .admin-shell .metric,body.dark .admin-shell .panel,body.dark .admin-shell .login-card{background:#101f31!important;color:#f6faff!important;border-color:#405972!important}body.dark .admin-shell h1,body.dark .admin-shell h2,body.dark .admin-shell h3,body.dark .admin-shell b,body.dark .admin-shell strong{color:#f8fbff!important}body.dark .admin-shell p,body.dark .admin-shell small,body.dark .admin-shell .statusbar{color:#c6d4e1!important} .v129-provider-logo{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;border:1px solid #dce5ec!important}.v129-provider-logo img{width:34px!important;height:34px!important;object-fit:contain}.v129-provider-fallback{display:none;width:34px;height:34px;place-items:center;background:#25A667;color:#fff;border-radius:4px}.v129-provider-logo.microsoft-teams{background:#5b5fc7!important;border-color:#7779d5!important;color:#fff!important}.v129-provider-logo.microsoft-teams i{font-size:26px!important;color:#fff!important} .v129-preview-launch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border-radius:14px;border:1px solid #bcd7e4;background:linear-gradient(135deg,#eef9fc,#f5f3ff);color:#163e55}.v129-preview-launch b{display:block;color:#102f43!important}.v129-preview-launch small{display:block;color:#516a7d!important;margin-top:2px}.teacher-dark .v129-preview-launch{background:linear-gradient(135deg,#0e2a36,#181e3a);border-color:#376477;color:#eaf8ff}.teacher-dark .v129-preview-launch b{color:#f7fbff!important}.teacher-dark .v129-preview-launch small{color:#bed0dd!important} .v129-game-preview-modal{position:fixed;inset:0;z-index:100700;background:rgba(3,10,18,.82);display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)}.v129-game-preview-shell{width:min(980px,100%);max-height:94vh;overflow:auto;border-radius:22px;background:#071522;color:#f6faff;border:1px solid #33516b;box-shadow:0 30px 100px rgba(0,0,0,.45)}.v129-game-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px;border-bottom:1px solid #294157;background:#0c1c2c;position:sticky;top:0;z-index:2}.v129-game-preview-head h2{margin:5px 0 4px;color:#fff!important}.v129-game-preview-head p{margin:0;color:#c4d4e1!important;font-size:12px}.v129-game-preview-close{width:38px;height:38px;border-radius:11px;border:1px solid #49657d;background:#13263a;color:#fff;font-size:22px;cursor:pointer}.v129-preview-body{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.v129-preview-main,.v129-preview-side{border:1px solid #314b62;border-radius:18px;background:#0d1d2d;padding:16px}.v129-preview-side{align-self:start;position:sticky;top:90px}.v129-preview-mode{font-size:11px;font-weight:900;letter-spacing:.09em;color:#7fe7ff;text-transform:uppercase}.v129-preview-question h3{font-size:22px;line-height:1.28;color:#fff!important;margin:12px 0}.v129-preview-options{display:grid;gap:9px}.v129-preview-option{width:100%;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid #45627a;background:#12273b;color:#f6faff;cursor:pointer;font-weight:750}.v129-preview-option:hover{border-color:#75d7ec;background:#173149}.v129-preview-option.correct{background:#123c2c;border-color:#3fc98a}.v129-preview-option.wrong{background:#48202b;border-color:#f0788a}.v129-preview-input{width:100%;min-height:44px;border:1px solid #4a667f;border-radius:11px;background:#081522;color:#fff;padding:0 12px}.v129-preview-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.v129-preview-btn{min-height:42px;border:1px solid #4a667f;border-radius:11px;background:#14304a;color:#fff;padding:0 14px;font-weight:850;cursor:pointer}.v129-preview-btn.primary{background:#1584a6;border-color:#3bd3f0}.v129-preview-progress{height:8px;border-radius:999px;background:#22394d;overflow:hidden;margin:10px 0}.v129-preview-progress span{display:block;height:100%;background:linear-gradient(90deg,#28c6e8,#54d697);transition:width .2s}.v129-preview-hud{display:grid;gap:10px;text-align:center}.v129-preview-hud .hero{font-size:46px}.v129-preview-hud b{color:#f8fbff!important}.v129-preview-hud small{color:#bfd0de!important}.v129-preview-feedback{margin-top:12px;padding:11px;border-radius:11px;background:#102b3e;color:#d7e7f2}.v129-preview-complete{text-align:center;padding:32px 12px}.v129-preview-complete .trophy{font-size:64px}.v129-preview-complete h3{font-size:28px;color:#fff!important}.v129-order-list{display:grid;gap:8px}.v129-order-choice{padding:10px;border:1px solid #45627a;background:#12273b;color:#fff;border-radius:10px;cursor:pointer;text-align:left}.v129-order-choice:disabled{opacity:.45} @media(max-width:760px){.v129-preview-body{grid-template-columns:1fr}.v129-preview-side{position:static}.v129-game-preview-shell{max-height:97vh}.v129-game-preview-head{padding:14px}.v129-preview-body{padding:12px}.v129-preview-launch{align-items:flex-start;flex-direction:column}} /* ===== css/v12.10-design-system.css ===== */ /* Learn by Playing V12.10 — semantic UX foundation Last-loaded stylesheet. New interface work should consume these tokens instead of hard-coded theme colors. */ :root{ --ux-bg:#f3f7fb; --ux-surface:#ffffff; --ux-surface-raised:#ffffff; --ux-surface-soft:#edf3f8; --ux-surface-subtle:#f7fafc; --ux-text:#102338; --ux-text-muted:#4b6278; --ux-text-subtle:#64798d; --ux-border:#c8d5e2; --ux-border-strong:#9eb2c5; --ux-accent:#2563eb; --ux-accent-strong:#1d4ed8; --ux-accent-soft:#e8f0ff; --ux-success:#087f5b; --ux-warning:#9a6700; --ux-danger:#b4233b; --ux-focus:#ffd84d; --ux-on-accent:#ffffff; --ux-shadow:0 14px 38px rgba(23,48,75,.10); --ux-radius-sm:12px; --ux-radius-md:16px; --ux-radius-lg:22px; --ux-content-max:78ch; } /* Theme scopes ----------------------------------------------------------- */ #screen-teacher, body:not(.dark) .admin-shell, body.lbp-student-light{ --ux-bg:#f3f7fb; --ux-surface:#ffffff; --ux-surface-raised:#ffffff; --ux-surface-soft:#edf3f8; --ux-surface-subtle:#f7fafc; --ux-text:#102338; --ux-text-muted:#4b6278; --ux-text-subtle:#64798d; --ux-border:#c8d5e2; --ux-border-strong:#9eb2c5; --ux-accent:#2563eb; --ux-accent-strong:#1d4ed8; --ux-accent-soft:#e8f0ff; --ux-on-accent:#ffffff; } body.teacher-dark #screen-teacher, body.dark .admin-shell, body:not(.lbp-student-light) #screen-student-login, body:not(.lbp-student-light) #screen-student-home, body:not(.lbp-student-light) #screen-game, body:not(.lbp-student-light) #screen-certificate{ --ux-bg:#071421; --ux-surface:#0f2032; --ux-surface-raised:#13273b; --ux-surface-soft:#172c41; --ux-surface-subtle:#0b1b2a; --ux-text:#f7fbff; --ux-text-muted:#c5d2df; --ux-text-subtle:#a9bac9; --ux-border:#3c566e; --ux-border-strong:#5d7890; --ux-accent:#60dff8; --ux-accent-strong:#35c8e6; --ux-accent-soft:#12394b; --ux-on-accent:#05202b; --ux-shadow:0 16px 42px rgba(0,0,0,.24); } /* Global accessibility and typography ----------------------------------- */ body :focus-visible{outline:3px solid var(--ux-focus)!important;outline-offset:3px!important} #screen-teacher h1,#screen-teacher h2,#screen-teacher h3,#screen-teacher h4, .admin-shell h1,.admin-shell h2,.admin-shell h3,.admin-shell h4, #screen-student-home h1,#screen-student-home h2,#screen-student-home h3, #screen-game h1,#screen-game h2,#screen-game h3, #screen-certificate h1,#screen-certificate h2,#screen-certificate h3{ text-wrap:balance; overflow-wrap:normal; word-break:normal; } #screen-teacher p,#screen-teacher .muted,#screen-teacher small, .admin-shell p,.admin-shell .muted,.admin-shell small{ text-wrap:pretty; } #screen-teacher .studio-heading p,#screen-teacher .professional-sub,#screen-teacher .review-hero-copy p{max-width:var(--ux-content-max)} /* Teacher shell ---------------------------------------------------------- */ #screen-teacher,#screen-teacher .teacher-main,#screen-teacher .teacher-content,#screen-teacher .teacher-pane{background:var(--ux-bg)!important;color:var(--ux-text)!important} #screen-teacher .teacher-topbar,#screen-teacher .teacher-sidebar{background:var(--ux-surface-subtle)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important} #screen-teacher .teacher-sidebar{box-shadow:1px 0 0 var(--ux-border)} #screen-teacher .teacher-sidebar .teacher-brand b,#screen-teacher .teacher-sidebar .teacher-brand strong{color:var(--ux-text)!important} #screen-teacher .teacher-sidebar .teacher-brand small,#screen-teacher .teacher-nav-label{color:var(--ux-text-muted)!important} #screen-teacher .teacher-nav .tab{color:var(--ux-text-muted)!important;border-color:transparent!important;white-space:normal!important;line-height:1.25!important} #screen-teacher .teacher-nav .tab:hover{background:var(--ux-surface-soft)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important} #screen-teacher .teacher-nav .tab.active,#screen-teacher .teacher-nav .tab[data-current="1"]{background:linear-gradient(135deg,#173c72,#273d91)!important;color:#fff!important;border-color:#5f84bd!important;box-shadow:inset 4px 0 0 #62e7ff,0 8px 22px rgba(0,0,0,.16)!important} #screen-teacher .teacher-nav .tab.active i,#screen-teacher .teacher-nav .tab[data-current="1"] i{color:#bff6ff!important} #screen-teacher .teacher-nav .tab.active::after,#screen-teacher .teacher-nav .tab[data-current="1"]::after{color:#d9faff!important;background:#0b2940!important;border:1px solid #356078!important;white-space:nowrap} .v129-sidebar-location{background:var(--ux-surface-soft)!important;border-color:var(--ux-border)!important}.v129-sidebar-location span{color:var(--ux-text-muted)!important}.v129-sidebar-location b{color:var(--ux-text)!important} /* Semantic surfaces: authoring, dashboard, validation, classes ---------- */ #screen-teacher :where(.panel-card,.card,.dash-metric,.module-editor,.module-config,.course-purpose-card,.course-library-toolbar,.course-library-stats,.course-empty-state,.course-card-body,.review-hero-v10,.review-progress-card-v10,.review-toolbar-v10,.review-guidance-v10,.review-card-v10,.review-question-card-v10,.review-answer-v10,.ai-author-card,.reference-source-card,.base-content-meta,.question-quantity-card,.generator-context-v1059,.creation-guide-v1059,.game-creation-section-v1059,.creative-library-v1059,.v12-panel,.v12-file,.v127-class-sidebar,.v127-class-detail,.v127-subpanel,.v127-integrations,.v127-integration-card,.v127-plan-bar,.next-action-card){ background:var(--ux-surface)!important; color:var(--ux-text)!important; border-color:var(--ux-border)!important; } #screen-teacher :where(.review-hero-v10,.review-progress-card-v10,.review-toolbar-v10,.review-guidance-v10,.course-empty-state,.ai-author-card,.reference-source-card,.generator-context-v1059,.v127-integrations){box-shadow:var(--ux-shadow)!important} #screen-teacher :where(h1,h2,h3,h4,h5,strong,b,.review-hero-v10 h2,.course-empty-state h3,.ai-author-card h2,.lia-hero h2,.next-action-card){color:var(--ux-text)!important;-webkit-text-fill-color:var(--ux-text)!important;opacity:1!important} #screen-teacher :where(p,small,.tiny,.muted,.panel-head small,.course-card-meta,.review-hero-v10 p,.review-guidance-v10,.review-answer-v10,.course-empty-state p,.reference-source-card p,.reference-source-card small){color:var(--ux-text-muted)!important;opacity:1!important} #screen-teacher :where(.studio-kicker,.review-kicker-v10,.lia-eyebrow,.v12-eyebrow){color:var(--ux-accent)!important;-webkit-text-fill-color:var(--ux-accent)!important} /* Known legacy white-on-white failure points ----------------------------- */ #screen-teacher .lia-hero{ background:linear-gradient(135deg,var(--ux-surface-soft),var(--ux-surface))!important; color:var(--ux-text)!important; border:1px solid var(--ux-border)!important; } #screen-teacher .lia-hero h2{color:var(--ux-text)!important;-webkit-text-fill-color:var(--ux-text)!important;text-shadow:none!important} #screen-teacher .lia-hero p{color:var(--ux-text-muted)!important} #screen-teacher .generator-context-stats-v1059 span{ background:var(--ux-surface-soft)!important; color:var(--ux-text-muted)!important; border:1px solid var(--ux-border)!important; } #screen-teacher .generator-context-stats-v1059 span b{color:var(--ux-text)!important;-webkit-text-fill-color:var(--ux-text)!important} #screen-teacher #attentionRadar.attention-list>*{ background:var(--ux-surface-soft)!important; color:var(--ux-text-muted)!important; border-color:var(--ux-border)!important; } #screen-teacher #attentionRadar.attention-list>*.muted,#screen-teacher #attentionRadar .muted{color:var(--ux-text-muted)!important} #screen-teacher .learning-pulse{border-color:var(--ux-border)!important;color:var(--ux-text-muted)!important} #screen-teacher .learning-pulse b{color:var(--ux-text)!important} #screen-teacher .course-empty-state{min-height:280px!important;display:grid!important;place-items:center!important;align-content:center!important;text-align:center!important;padding:32px!important} #screen-teacher .course-empty-state>i{color:var(--ux-accent)!important;font-size:42px!important} #screen-teacher .course-empty-state h3{margin:8px 0 2px!important} #screen-teacher .course-empty-state p{max-width:56ch!important;margin:0 auto 16px!important} /* Validation workspace --------------------------------------------------- */ #screen-teacher .review-workspace-v10{color:var(--ux-text)!important} #screen-teacher .review-hero-v10{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr)!important;gap:18px!important;align-items:stretch!important} #screen-teacher .review-progress-card-v10{min-width:0!important} #screen-teacher .review-progress{background:var(--ux-surface-soft)!important;border-color:var(--ux-border)!important} #screen-teacher .review-toolbar-v10 input,#screen-teacher .review-toolbar-v10 select{background:var(--ux-surface-subtle)!important;color:var(--ux-text)!important;border-color:var(--ux-border-strong)!important} #screen-teacher .review-toolbar-v10 input::placeholder{color:var(--ux-text-subtle)!important} #screen-teacher .review-guidance-v10{background:var(--ux-surface-soft)!important;color:var(--ux-text-muted)!important} /* Inputs and buttons ----------------------------------------------------- */ #screen-teacher :where(input,textarea,select,.input){background:var(--ux-surface-subtle)!important;color:var(--ux-text)!important;border-color:var(--ux-border-strong)!important} #screen-teacher :where(input,textarea)::placeholder{color:var(--ux-text-subtle)!important;opacity:1!important} #screen-teacher .btn.outline{background:var(--ux-surface)!important;color:var(--ux-text)!important;border:1px solid var(--ux-border-strong)!important} #screen-teacher .btn.outline:hover{background:var(--ux-surface-soft)!important;border-color:var(--ux-accent)!important} #screen-teacher .btn.primary{background:var(--ux-accent-strong)!important;color:#fff!important;-webkit-text-fill-color:#fff!important} #screen-teacher .btn.green{background:#0a9d69!important;color:#fff!important;-webkit-text-fill-color:#fff!important} #screen-teacher button:disabled{opacity:.62!important;cursor:not-allowed!important} /* Game mode catalog: content first, no clipping -------------------------- */ #screen-teacher .v125-game-catalog{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important; gap:14px!important; align-items:stretch!important; } #screen-teacher .v125-game-card{ min-width:0!important; min-height:210px!important; height:auto!important; padding:17px!important; grid-template-rows:auto auto auto 1fr auto!important; background:var(--ux-surface)!important; color:var(--ux-text)!important; border-color:var(--ux-border)!important; overflow:visible!important; } #screen-teacher .v125-game-card[aria-checked="true"]{background:linear-gradient(145deg,var(--ux-accent-soft),var(--ux-surface))!important;border-color:var(--ux-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ux-accent) 18%,transparent)!important} #screen-teacher .v125-game-card b{font-size:16px!important;line-height:1.22!important;color:var(--ux-text)!important;text-transform:none!important;letter-spacing:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;-webkit-line-clamp:unset!important} #screen-teacher .v125-game-card small{font-size:13px!important;line-height:1.48!important;color:var(--ux-text-muted)!important;text-transform:none!important;letter-spacing:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;-webkit-line-clamp:unset!important} #screen-teacher .v125-game-tag{font-size:10px!important;color:var(--ux-accent)!important;align-self:end!important} #screen-teacher .v125-live-preview{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;background:linear-gradient(135deg,var(--ux-surface-soft),var(--ux-surface))!important;border-color:var(--ux-border)!important;color:var(--ux-text)!important} #screen-teacher .v125-live-preview p{color:var(--ux-text-muted)!important} #screen-teacher .v129-preview-launch{grid-column:1/-1!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;background:var(--ux-surface)!important;color:var(--ux-text)!important;border-color:var(--ux-border-strong)!important} #screen-teacher .v129-preview-launch b{color:var(--ux-text)!important}.v129-preview-launch small{color:var(--ux-text-muted)!important} #screen-teacher .v129-preview-launch .btn{min-width:160px!important;white-space:nowrap!important} /* Course and module content must remain readable ------------------------- */ #screen-teacher :where(.course-library-card,.module-editor,.module-config,.quick-action,.workflow-step,.activity-row,.health-item,.v127-class-list-card,.v127-member-row){min-width:0!important} #screen-teacher :where(.course-library-card b,.course-card-topic,.module-editor h3,.module-editor p,.module-config p,.quick-action b,.quick-action small,.workflow-step strong,.workflow-step span,.activity-row b,.activity-row small,.v127-class-list-card b,.v127-class-list-card small){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;word-break:normal!important;overflow-wrap:break-word!important} #screen-teacher .quick-actions{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important} #screen-teacher .workflow-banner{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important} #screen-teacher .course-library-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))!important} #screen-teacher .course-card-body{height:auto!important;min-height:0!important} #screen-teacher .module-editor{height:auto!important;max-height:none!important;overflow:visible!important} /* Status colors with guaranteed readable foreground --------------------- */ #screen-teacher .status-pending{color:#7a5200!important}body.teacher-dark #screen-teacher .status-pending{color:#ffd36b!important} #screen-teacher .status-validated{color:#087f5b!important}body.teacher-dark #screen-teacher .status-validated{color:#72e2b7!important} #screen-teacher .status-rejected{color:#a91f38!important}body.teacher-dark #screen-teacher .status-rejected{color:#ff9cad!important} /* Classes and educational integrations ---------------------------------- */ #screen-teacher .v127-integration-card{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important} #screen-teacher .v127-integration-card h3{margin:0 0 4px!important} #screen-teacher .v127-integration-card p,#screen-teacher .v127-integration-card small{color:var(--ux-text-muted)!important} #screen-teacher .v127-integration-note{background:var(--ux-surface-soft)!important;color:var(--ux-text-muted)!important;border-color:var(--ux-border)!important} /* Admin ------------------------------------------------------------------ */ .admin-shell{background:var(--ux-bg)!important;color:var(--ux-text)!important} .admin-shell :where(.panel,.metric,.login-card,.admin-card,.status-card,.table-card,.modal-card,.health-item){background:var(--ux-surface)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important} .admin-shell :where(h1,h2,h3,h4,b,strong,td){color:var(--ux-text)!important;-webkit-text-fill-color:var(--ux-text)!important} .admin-shell :where(p,small,.muted,.statusbar,th,label){color:var(--ux-text-muted)!important} .admin-shell :where(input,textarea,select){background:var(--ux-surface-subtle)!important;color:var(--ux-text)!important;border-color:var(--ux-border-strong)!important} .admin-shell table{border-color:var(--ux-border)!important}.admin-shell tr,.admin-shell td,.admin-shell th{border-color:var(--ux-border)!important} /* Student/public player -------------------------------------------------- */ body.lbp-student-light :where(#screen-student-login,#screen-student-home,#screen-game,#screen-certificate){background:var(--ux-bg)!important;color:var(--ux-text)!important} body.lbp-student-light :where(#screen-student-login,#screen-student-home,#screen-game,#screen-certificate) :where(.card,.auth-panel,.question,.level,.notice){background:var(--ux-surface)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important} body.lbp-student-light :where(#screen-student-login,#screen-student-home,#screen-game,#screen-certificate) :where(.muted,small,.tiny,p){color:var(--ux-text-muted)!important} body:not(.lbp-student-light) :where(#screen-student-login,#screen-student-home,#screen-game,#screen-certificate) :where(.card,.auth-panel,.question,.level,.notice){background:var(--ux-surface)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important} body:not(.lbp-student-light) :where(#screen-student-login,#screen-student-home,#screen-game,#screen-certificate) :where(.muted,small,.tiny){color:var(--ux-text-muted)!important} #screen-game .option{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.45!important;height:auto!important;min-height:48px!important} /* Modals and overlays ---------------------------------------------------- */ #screen-teacher :where(.modal-card,.v125-modal-card),.modal-card{background:var(--ux-surface)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important} #screen-teacher :where(.modal-card,.v125-modal-card) :where(h1,h2,h3,b,strong){color:var(--ux-text)!important} #screen-teacher :where(.modal-card,.v125-modal-card) :where(p,small,.muted){color:var(--ux-text-muted)!important} /* Responsive behavior ---------------------------------------------------- */ @media(max-width:1180px){ #screen-teacher .review-hero-v10{grid-template-columns:1fr!important} #screen-teacher .v125-live-preview{grid-template-columns:1fr!important} #screen-teacher .v127-integration-grid{grid-template-columns:1fr!important} } @media(max-width:760px){ #screen-teacher .v125-game-catalog{grid-template-columns:1fr!important} #screen-teacher .v125-game-card{min-height:0!important} #screen-teacher .v129-preview-launch{grid-template-columns:1fr!important} #screen-teacher .v129-preview-launch .btn{width:100%!important;min-width:0!important} #screen-teacher .v127-integration-card{grid-template-columns:auto minmax(0,1fr)!important} #screen-teacher .v127-integration-card>.btn{grid-column:1/-1!important;width:100%!important} #screen-teacher .teacher-content{padding-left:14px!important;padding-right:14px!important} } /* Future component contract --------------------------------------------- New components must use semantic tokens above. Avoid hard-coded white surfaces paired with inherited theme text. Avoid line-clamp for teacher authored content, game titles, module titles and instructional copy. */ /* ===== css/v12.11-redesign.css ===== */ /* Learn by Playing V12.11 — full interface redesign Reference-driven visual layer for Teacher, Student, Admin and Auth. Loaded after V12.10 semantic foundation. */ :root{ --v1211-navy:#061321;--v1211-navy-2:#0a1c2f;--v1211-panel:#0e2238;--v1211-panel-2:#122a43; --v1211-line:#294965;--v1211-cyan:#27d7f5;--v1211-blue:#2467f2;--v1211-violet:#7248f4;--v1211-green:#0aa76f; --v1211-text:#f7fbff;--v1211-muted:#bfd0df;--v1211-shadow:0 18px 48px rgba(0,7,18,.28); --v1211-radius:18px;--v1211-radius-lg:24px; } body.lbp-v1211{font-family:Inter,"Segoe UI",Arial,sans-serif} body.lbp-v1211 :focus-visible{outline:3px solid #ffd84d!important;outline-offset:3px!important} /* ===== AUTH / ROLE SELECTION ===== */ body.lbp-v1211 #screen-role{background:radial-gradient(circle at 15% 10%,rgba(31,105,255,.28),transparent 31%),linear-gradient(135deg,#061321,#091a2d 58%,#0b1530)!important} body.lbp-v1211 #screen-role .card.hero{border:1px solid #2a4a67!important;background:#081827!important;box-shadow:0 30px 90px rgba(0,0,0,.42)!important;overflow:hidden} body.lbp-v1211 #screen-role .lbp-entry-copy{background:radial-gradient(circle at 85% 20%,rgba(39,215,245,.18),transparent 28%),linear-gradient(155deg,#0c2d5f,#0e4268 55%,#116177)!important;color:#fff!important} body.lbp-v1211 #screen-role .lbp-entry-copy h1,body.lbp-v1211 #screen-role .lbp-entry-copy p,body.lbp-v1211 #screen-role .lbp-feature{color:#fff!important} body.lbp-v1211 #screen-role .lbp-entry-actions{background:#f8fbff!important;color:#102338!important} body.lbp-v1211 #screen-role .lbp-entry-actions h2{color:#102338!important;-webkit-text-fill-color:#102338!important} body.lbp-v1211 #screen-role .lbp-entry-actions>p{color:#526981!important} body.lbp-v1211 #screen-role .entry-role-card{border:1px solid #d5e0eb!important;background:#fff!important;color:#102338!important;box-shadow:0 8px 24px rgba(28,55,80,.06)!important;transition:.18s ease} body.lbp-v1211 #screen-role .entry-role-card:hover{transform:translateY(-2px);border-color:#65b9e8!important;box-shadow:0 14px 32px rgba(29,83,125,.13)!important} body.lbp-v1211 #screen-role .entry-role-card b{color:#102338!important}.lbp-v1211 #screen-role .entry-role-card small{color:#536c83!important} body.lbp-v1211 .auth-screen{background:linear-gradient(135deg,#061321,#0b1d31)!important} body.lbp-v1211 .auth-shell{border:1px solid #294965!important;border-radius:26px!important;overflow:hidden!important;box-shadow:0 32px 90px rgba(0,0,0,.4)!important;background:#fff!important} body.lbp-v1211 .auth-side{background:radial-gradient(circle at 80% 16%,rgba(39,215,245,.24),transparent 28%),linear-gradient(155deg,#082e62,#114f75 63%,#0c7484)!important;color:#fff!important} body.lbp-v1211 .auth-side h1,body.lbp-v1211 .auth-side p,body.lbp-v1211 .auth-side span,body.lbp-v1211 .auth-side strong,body.lbp-v1211 .auth-side small{color:#fff!important} body.lbp-v1211 .auth-main{background:#f8fbff!important;color:#102338!important} body.lbp-v1211 .auth-main h2{color:#102338!important;-webkit-text-fill-color:#102338!important}.lbp-v1211 .auth-main p{color:#536b82!important} body.lbp-v1211 .auth-main label{color:#4b6278!important}.lbp-v1211 .auth-main .input{background:#fff!important;color:#102338!important;border-color:#aebfd0!important} body.lbp-v1211 .google-auth-btn{background:#fff!important;color:#102338!important;border:1px solid #b8c8d7!important;box-shadow:0 6px 18px rgba(30,55,80,.08)!important} body.lbp-v1211 .auth-role-pill{background:#eaf1ff!important;color:#194fb8!important;border:1px solid #c7d8ff!important} /* ===== TEACHER SHELL ===== */ body.lbp-v1211.teacher-dark #screen-teacher{--ux-bg:#061321;--ux-surface:#0e2238;--ux-surface-raised:#122a43;--ux-surface-soft:#12273d;--ux-surface-subtle:#091a2b;--ux-text:#f7fbff;--ux-text-muted:#bfd0df;--ux-border:#294965;--ux-border-strong:#456783;--ux-accent:#27d7f5;--ux-accent-strong:#1caecb;--ux-accent-soft:#0e3444} body.lbp-v1211.teacher-dark #screen-teacher,body.lbp-v1211.teacher-dark #screen-teacher .teacher-main,body.lbp-v1211.teacher-dark #screen-teacher .teacher-content{background:linear-gradient(150deg,#061321,#081827 70%,#081c2c)!important} body.lbp-v1211 #screen-teacher .teacher-sidebar{border-right:1px solid var(--ux-border)!important;background:linear-gradient(180deg,var(--ux-surface-subtle),color-mix(in srgb,var(--ux-surface-subtle) 88%,#00101d))!important} body.lbp-v1211 #screen-teacher .teacher-topbar{backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--ux-border)} body.lbp-v1211 #screen-teacher .teacher-content{padding:clamp(16px,2vw,30px)!important} body.lbp-v1211 #screen-teacher .teacher-pane{max-width:1500px;margin:0 auto;width:100%} body.lbp-v1211 #screen-teacher .panel-card,body.lbp-v1211 #screen-teacher .dash-metric,body.lbp-v1211 #screen-teacher .card{border-radius:var(--v1211-radius)!important;box-shadow:0 10px 28px rgba(0,8,18,.11)!important} body.lbp-v1211.teacher-dark #screen-teacher .panel-card,body.lbp-v1211.teacher-dark #screen-teacher .dash-metric,body.lbp-v1211.teacher-dark #screen-teacher .card{box-shadow:0 12px 32px rgba(0,0,0,.18)!important} body.lbp-v1211 #screen-teacher .dashboard-metrics{gap:12px!important} body.lbp-v1211 #screen-teacher .dash-metric{min-height:118px!important;padding:18px!important} body.lbp-v1211 #screen-teacher .dash-metric strong{font-size:30px!important;letter-spacing:-.04em} body.lbp-v1211 #screen-teacher .dashboard-grid{gap:16px!important} body.lbp-v1211 #screen-teacher .studio-heading{padding:6px 2px 4px!important}.lbp-v1211 #screen-teacher .studio-heading h1{font-size:clamp(26px,2.4vw,38px)!important;letter-spacing:-.035em!important} body.lbp-v1211 #screen-teacher .studio-heading p{font-size:14px!important} body.lbp-v1211 #screen-teacher .teacher-nav .tab{border-radius:12px!important;min-height:46px!important;padding:10px 12px!important;gap:10px!important} body.lbp-v1211 #screen-teacher .teacher-nav .tab.active,body.lbp-v1211 #screen-teacher .teacher-nav .tab[data-current="1"]{background:linear-gradient(135deg,#1854c7,#2739aa)!important;border-color:#5888e9!important;box-shadow:inset 3px 0 0 #5ce6ff,0 9px 24px rgba(14,56,151,.25)!important} body.lbp-v1211 #screen-teacher .teacher-nav-label{font-size:10px!important;letter-spacing:.13em!important} /* LIA humanized */ body.lbp-v1211 .lia-avatar{width:104px!important;height:104px!important;min-width:104px!important;border-radius:28px!important;background:url('../assets/branding/lia-v1211.jpg') center 23%/cover no-repeat!important;box-shadow:0 14px 34px rgba(26,66,120,.26)!important;border:3px solid rgba(74,211,245,.55)!important;color:transparent!important;font-size:0!important;overflow:hidden!important} body.lbp-v1211 .lia-avatar>*{display:none!important} body.lbp-v1211 .lia-avatar[data-lia-state="thinking"]{filter:saturate(.88) brightness(.97)} body.lbp-v1211 .lia-avatar[data-lia-state="success"]{box-shadow:0 0 0 4px rgba(16,185,129,.16),0 14px 34px rgba(16,185,129,.28)!important} body.lbp-v1211 .lia-avatar[data-lia-state="alert"]{box-shadow:0 0 0 4px rgba(245,158,11,.18),0 14px 34px rgba(245,158,11,.22)!important} body.lbp-v1211 .lia-hero{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:22px!important;padding:22px!important;border-radius:20px!important;background:linear-gradient(120deg,var(--ux-surface-soft),var(--ux-surface))!important;position:relative;overflow:hidden} body.lbp-v1211 .lia-hero:after{content:'LIA · Assistente pedagógica';position:absolute;right:14px;top:12px;font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--ux-accent);text-transform:uppercase} /* Authoring flow */ body.lbp-v1211 #screen-teacher .workflow-banner,body.lbp-v1211 #screen-teacher .creation-guide-v1059{gap:10px!important} body.lbp-v1211 #screen-teacher .workflow-step{min-height:90px!important;display:grid!important;align-content:start!important;gap:4px!important} body.lbp-v1211 #screen-teacher .workflow-step.active{background:linear-gradient(135deg,var(--ux-accent-soft),var(--ux-surface))!important} body.lbp-v1211 #screen-teacher .v125-game-catalog{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important} body.lbp-v1211 #screen-teacher .v125-game-card{border-radius:16px!important;min-height:230px!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important} body.lbp-v1211 #screen-teacher .v125-game-card:hover{transform:translateY(-4px)!important;box-shadow:0 16px 34px rgba(0,15,34,.18)!important} body.lbp-v1211 #screen-teacher .review-hero-v10{border-radius:22px!important;overflow:hidden!important}.lbp-v1211 #screen-teacher .review-hero-copy{padding:6px!important} body.lbp-v1211 #screen-teacher .review-toolbar-v10{border-radius:16px!important} /* ===== STUDENT / PLAYER ===== */ body.lbp-v1211 #screen-student-home,body.lbp-v1211 #screen-game,body.lbp-v1211 #screen-certificate{background:radial-gradient(circle at 80% 12%,rgba(25,105,230,.20),transparent 30%),linear-gradient(145deg,#061321,#092037)!important} body.lbp-v1211 #screen-student-home .card,body.lbp-v1211 #screen-game .card,body.lbp-v1211 #screen-certificate .card{border-radius:20px!important;border:1px solid #2d506d!important;background:#0e2238!important;color:#f7fbff!important;box-shadow:0 18px 44px rgba(0,0,0,.24)!important} body.lbp-v1211 #screen-game .question{border-radius:22px!important}.lbp-v1211 #screen-game .option{min-height:52px!important;border-radius:13px!important;background:#102942!important;border-color:#365b79!important;color:#f7fbff!important} body.lbp-v1211 #screen-game .option:hover{background:#153651!important;border-color:#38cbe6!important} body.lbp-v1211 #screen-game .feedback.ok{background:#0d3a2d!important;border-color:#2fc78c!important;color:#ecfff7!important} body.lbp-v1211 #screen-game .feedback.no{background:#431d28!important;border-color:#e96e83!important;color:#fff2f4!important} /* ===== ADMIN ===== */ body.lbp-v1211 .admin-shell{--admin-panel:#0e2238;--admin-line:#294965;--admin-text:#f7fbff;--admin-muted:#bfd0df} body.lbp-v1211.dark .admin-shell,body.lbp-v1211.dark .admin-shell .main{background:linear-gradient(145deg,#061321,#081b2e)!important;color:#f7fbff!important} body.lbp-v1211.dark .admin-shell :where(.panel,.metric,.login-card){background:#0e2238!important;border-color:#294965!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important} body.lbp-v1211.dark .admin-shell :where(h1,h2,h3,h4,strong,b){color:#f7fbff!important}.lbp-v1211.dark .admin-shell :where(p,small,.statusbar,th){color:#bfd0df!important} body.lbp-v1211 .admin-shell .metric strong{font-size:28px!important} /* ===== MODALS / FEEDBACK / WIZARD ===== */ body.lbp-v1211 :where(.modal-card,.v125-modal-card,.v129-game-preview-shell){border-radius:24px!important} body.lbp-v1211 .v1211-wizard-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#2c64d8} body.lbp-v1211 .feedback-launcher,body.lbp-v1211 [data-feedback-launcher]{border-radius:14px!important} /* ===== MOBILE ===== */ @media(max-width:900px){ body.lbp-v1211 #screen-teacher .teacher-content{padding:14px!important} body.lbp-v1211 #screen-teacher .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.lbp-v1211 #screen-teacher .v125-game-catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.lbp-v1211 .auth-shell{border-radius:20px!important} } @media(max-width:560px){ body.lbp-v1211 #screen-teacher .dashboard-metrics{grid-template-columns:1fr!important} body.lbp-v1211 #screen-teacher .v125-game-catalog{grid-template-columns:1fr!important} body.lbp-v1211 #screen-teacher .v125-game-card{min-height:0!important} body.lbp-v1211 .lia-hero{grid-template-columns:1fr!important;text-align:left!important}.lbp-v1211 .lia-avatar{width:86px!important;height:86px!important;min-width:86px!important} body.lbp-v1211 #screen-game .question{padding:18px!important} } @media(prefers-reduced-motion:reduce){body.lbp-v1211 *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}} /* ===== css/v12.11.1-mobile-ux.css ===== */ /* Learn by Playing V12.11.1 — Mobile UX & Interaction Hotfix */ html,body{max-width:100%;overflow-x:clip!important} body.lbp-v12111{overscroll-behavior-y:auto;touch-action:pan-y pinch-zoom} body.lbp-v12111 :where(.screen,.wrap,.teacher-app-shell,.teacher-main,.teacher-content,.teacher-pane,.panel-card,.card,.grid,.tablewrap,.auth-shell,.admin-shell,.v129-game-preview-shell){min-width:0;max-width:100%} body.lbp-v12111 :where(img,svg,canvas,video){max-width:100%;height:auto} body.lbp-v12111 :where(button,.btn,input,select,textarea){max-width:100%} /* Strong semantic contrast layer */ body.lbp-v12111.teacher-dark #screen-teacher :where(.notice,.review-hero-v10,.review-progress-card-v10,.review-toolbar-v10,.review-guidance-v10,.course-empty-state,.ai-author-card,.question-quantity-card,.generator-context-v1059,.creation-guide-v1059,.game-creation-section-v1059,.creative-library-v1059,.feedback-card,.feedback-panel,.next-action-card){background:#0e2238!important;color:#f7fbff!important;border-color:#456783!important} body.lbp-v12111.teacher-dark #screen-teacher :where(.notice,.review-hero-v10,.review-progress-card-v10,.review-toolbar-v10,.review-guidance-v10,.course-empty-state,.ai-author-card,.question-quantity-card,.generator-context-v1059,.creation-guide-v1059,.game-creation-section-v1059,.creative-library-v1059,.feedback-card,.feedback-panel,.next-action-card) :where(h1,h2,h3,h4,b,strong,label){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;opacity:1!important} body.lbp-v12111.teacher-dark #screen-teacher :where(.notice,.review-hero-v10,.review-progress-card-v10,.review-toolbar-v10,.review-guidance-v10,.course-empty-state,.ai-author-card,.question-quantity-card,.generator-context-v1059,.creation-guide-v1059,.game-creation-section-v1059,.creative-library-v1059,.feedback-card,.feedback-panel,.next-action-card) :where(p,small,.muted,.tiny,span:not(.badge)){color:#bfd0df!important;opacity:1!important} body.lbp-v12111:not(.teacher-dark) #screen-teacher :where(.notice,.review-hero-v10,.review-progress-card-v10,.review-toolbar-v10,.review-guidance-v10,.course-empty-state,.ai-author-card,.question-quantity-card,.generator-context-v1059,.creation-guide-v1059,.game-creation-section-v1059,.creative-library-v1059,.feedback-card,.feedback-panel,.next-action-card){background:#fff!important;color:#102338!important;border-color:#c8d5e2!important} body.lbp-v12111:not(.teacher-dark) #screen-teacher :where(.notice,.review-hero-v10,.course-empty-state,.ai-author-card,.feedback-card,.feedback-panel) :where(h1,h2,h3,h4,b,strong,label){color:#102338!important;-webkit-text-fill-color:#102338!important} body.lbp-v12111:not(.teacher-dark) #screen-teacher :where(.notice,.review-hero-v10,.course-empty-state,.ai-author-card,.feedback-card,.feedback-panel) :where(p,small,.muted,.tiny){color:#4b6278!important} /* Mobile: remove the inherited 100dvh sidebar and giant blank space */ @media(max-width:900px){ html,body{width:100%;max-width:100%;overflow-x:clip!important} body.lbp-v12111 #screen-teacher{overflow:visible!important;min-height:100dvh} body.lbp-v12111 #screen-teacher .teacher-app-shell{display:block!important;width:100%!important;max-width:100%!important;overflow:visible!important} body.lbp-v12111 #screen-teacher .teacher-sidebar{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:12px 12px 8px!important;border-right:0!important;border-bottom:1px solid var(--ux-border)!important} body.lbp-v12111 #screen-teacher .teacher-brand{padding:2px 4px 10px!important;margin:0!important} body.lbp-v12111 #screen-teacher .v129-sidebar-location{margin:4px 0 10px!important;padding:9px 11px!important} body.lbp-v12111 #screen-teacher .teacher-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;overscroll-behavior:auto!important} body.lbp-v12111 #screen-teacher .teacher-nav-label{display:none!important} body.lbp-v12111 #screen-teacher .teacher-nav .tab{font-size:11px!important;line-height:1.2!important;min-height:72px!important;padding:9px 6px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important} body.lbp-v12111 #screen-teacher .teacher-nav .tab i{font-size:19px!important;margin:0!important} body.lbp-v12111 #screen-teacher .teacher-nav .tab.active::after,body.lbp-v12111 #screen-teacher .teacher-nav .tab[data-current="1"]::after{content:'AQUI'!important;margin:2px 0 0!important;font-size:7px!important;padding:2px 5px!important} body.lbp-v12111 #screen-teacher .teacher-sidebar-footer{display:none!important} body.lbp-v12111 #screen-teacher .teacher-main{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important} body.lbp-v12111 #screen-teacher .teacher-topbar{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;padding:10px 12px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:flex-start!important} body.lbp-v12111 #screen-teacher .teacher-topbar>div:first-child{min-width:0!important;flex:1 1 160px!important} body.lbp-v12111 #screen-teacher .teacher-top-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important} body.lbp-v12111 #screen-teacher .teacher-top-actions>*{min-width:0!important} body.lbp-v12111 #screen-teacher .teacher-content{width:100%!important;max-width:100%!important;padding:10px!important;margin:0!important;overflow:visible!important} body.lbp-v12111 #screen-teacher .teacher-pane{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important} body.lbp-v12111 #screen-teacher :where(.dashboard-grid,.dashboard-metrics,.course-health,.quick-actions,.workflow-banner,.creation-guide-v1059,.creation-steps-v1059,.v125-live-preview,.review-hero-v10,.review-toolbar-v10,.g2,.g3,.g4){grid-template-columns:minmax(0,1fr)!important} body.lbp-v12111 #screen-teacher :where(.panel-card,.card,.dash-metric,.module-editor,.module-config,.course-library-card,.review-card-v10,.v127-integrations,.v127-class-detail,.v127-class-sidebar){width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important} body.lbp-v12111 #screen-teacher :where(h1,h2,h3,h4,p,small,strong,b,span,label){overflow-wrap:break-word;word-break:normal} body.lbp-v12111 #screen-teacher :where(.btn,button){white-space:normal!important;height:auto!important;min-height:44px} body.lbp-v12111 #v11WizardFab{right:12px!important;left:auto!important;bottom:calc(var(--global-footer-h,42px) + 10px)!important;max-width:calc(100vw - 78px)!important;min-height:48px!important;padding:10px 14px!important;white-space:normal!important;text-align:center!important} } /* LIA must be readable on phones */ @media(max-width:560px){ body.lbp-v12111 .lia-hero{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:16px!important;text-align:left!important;overflow:visible!important} body.lbp-v12111 .lia-avatar{width:132px!important;height:132px!important;min-width:132px!important;border-radius:30px!important;margin:0 auto!important;background-position:center 18%!important} body.lbp-v12111 .lia-hero:after{position:static!important;display:block!important;grid-row:1!important;margin:0 0 -4px!important;font-size:10px!important} body.lbp-v12111 .lia-hero :where(h2,h3){font-size:clamp(22px,6vw,28px)!important;line-height:1.15!important} body.lbp-v12111 .lia-hero p,body.lbp-v12111 .v1211-lia-note{font-size:15px!important;line-height:1.5!important} body.lbp-v12111 .v1211-lia-note{display:grid!important;gap:4px!important;padding:12px!important;border-radius:12px!important;background:color-mix(in srgb,var(--ux-accent) 9%,var(--ux-surface))!important} body.lbp-v12111 #screen-teacher .v125-game-catalog{grid-template-columns:1fr!important} } /* Zero page-level horizontal scrolling: tables become stacked cards on phones */ @media(max-width:720px){ body.lbp-v12111 .tablewrap{overflow:visible!important;width:100%!important} body.lbp-v12111 table.table,body.lbp-v12111 .tablewrap table{width:100%!important;max-width:100%!important;display:block!important} body.lbp-v12111 table.table thead,body.lbp-v12111 .tablewrap table thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important} body.lbp-v12111 table.table tbody,body.lbp-v12111 .tablewrap table tbody{display:grid!important;gap:12px!important;width:100%!important} body.lbp-v12111 table.table tr,body.lbp-v12111 .tablewrap table tr{display:grid!important;width:100%!important;border:1px solid var(--ux-border,#405972)!important;border-radius:14px!important;padding:8px 12px!important;background:var(--ux-surface,#0e2238)!important} body.lbp-v12111 table.table td,body.lbp-v12111 .tablewrap table td{display:grid!important;grid-template-columns:minmax(90px,.42fr) minmax(0,1fr)!important;gap:10px!important;width:100%!important;padding:8px 0!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--ux-border,#405972) 55%,transparent)!important;white-space:normal!important;overflow-wrap:anywhere!important} body.lbp-v12111 table.table td:last-child,body.lbp-v12111 .tablewrap table td:last-child{border-bottom:0!important} body.lbp-v12111 table.table td::before,body.lbp-v12111 .tablewrap table td::before{content:attr(data-label);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--ux-text-muted,#bfd0df)} } /* Generic responsive safeguards for Admin/Student as well */ @media(max-width:760px){ body.lbp-v12111 .admin-shell :where(.grid,.metrics,.dashboard-grid),body.lbp-v12111 #screen-student-home :where(.grid,.g2,.g3,.g4),body.lbp-v12111 #screen-game :where(.grid,.g2,.g3,.g4){grid-template-columns:minmax(0,1fr)!important} body.lbp-v12111 .admin-shell,body.lbp-v12111 #screen-student-home,body.lbp-v12111 #screen-game,body.lbp-v12111 #screen-certificate{max-width:100%!important;overflow-x:clip!important} } /* ===== css/v12.11.2-audit-hotfix.css ===== */ /* Learn by Playing V12.11.2 — Auditoria UX, contraste e responsividade */ html,body{max-width:100%;overflow-x:clip!important} body.lbp-v12112{overscroll-behavior-y:auto;touch-action:pan-y pinch-zoom} body.lbp-v12112 :where(.screen,.wrap,.teacher-app-shell,.teacher-main,.teacher-content,.teacher-pane,.panel-card,.card,.grid,.tablewrap,.auth-shell,.admin-shell,.main,.content,.metric,.panel,.quick-actions,.quick-action,.workflow-banner,.creation-guide-v1059,.creation-steps-v1059,.game-mode-picker-v1059,.creative-library-v1059,.v129-game-preview-shell,.v127-class-detail,.v127-class-sidebar,.v127-subpanel){min-width:0;max-width:100%} body.lbp-v12112 :where(img,svg,canvas,video,iframe){max-width:100%;height:auto} body.lbp-v12112 :where(button,.btn,input,select,textarea){max-width:100%} body.lbp-v12112 #screen-teacher,body.lbp-v12112 #screen-student-home,body.lbp-v12112 #screen-game,body.lbp-v12112 .admin-shell{overflow-x:clip!important} /* Contraste reforçado: caixas auxiliares, banners, contadores e textos discretos */ body.lbp-v12112.teacher-dark #screen-teacher :where(.notice,.review-hero-v10,.review-progress-card-v10,.review-toolbar-v10,.review-guidance-v10,.course-empty-state,.ai-author-card,.question-quantity-card,.generator-context-v1059,.creation-guide-v1059,.game-creation-section-v1059,.creative-library-v1059,.feedback-card,.feedback-panel,.next-action-card,.panel-card,.card,.module-editor,.module-config,.base-content-meta,.reference-source-card,.v127-class-detail,.v127-class-sidebar,.v127-subpanel){background:#0e2238!important;color:#f7fbff!important;border-color:#456783!important} body.lbp-v12112.teacher-dark #screen-teacher :where(.notice,.review-hero-v10,.review-progress-card-v10,.review-toolbar-v10,.review-guidance-v10,.course-empty-state,.ai-author-card,.question-quantity-card,.generator-context-v1059,.creation-guide-v1059,.game-creation-section-v1059,.creative-library-v1059,.feedback-card,.feedback-panel,.next-action-card,.panel-card,.card,.module-editor,.module-config,.base-content-meta,.reference-source-card,.v127-class-detail,.v127-class-sidebar,.v127-subpanel) :where(h1,h2,h3,h4,b,strong,label,.section-title h2){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;opacity:1!important} body.lbp-v12112.teacher-dark #screen-teacher :where(.notice,.review-hero-v10,.review-progress-card-v10,.review-toolbar-v10,.review-guidance-v10,.course-empty-state,.ai-author-card,.question-quantity-card,.generator-context-v1059,.creation-guide-v1059,.game-creation-section-v1059,.creative-library-v1059,.feedback-card,.feedback-panel,.next-action-card,.panel-card,.card,.module-editor,.module-config,.base-content-meta,.reference-source-card,.v127-class-detail,.v127-class-sidebar,.v127-subpanel) :where(p,small,.muted,.tiny,span:not(.badge):not(.plan-chip):not(.insight-chip),li){color:#d1deea!important;opacity:1!important} body.lbp-v12112.teacher-dark #screen-teacher :where(.input,textarea,select){background:#071727!important;color:#f7fbff!important;border-color:#4a6783!important} body.lbp-v12112.teacher-dark #screen-teacher :where(.input,textarea,select)::placeholder{color:#a7bfd5!important;opacity:1!important} body.lbp-v12112.teacher-dark #screen-teacher :where(#moduleCountHint,.v11-runtime-banner,.ai-base-status,.base-meta-chips span,.ghost-danger){background:#17304a!important;border-color:#4e6f8f!important;color:#e9f3fb!important} body.lbp-v12112.teacher-dark #screen-teacher #moduleCountHint b, body.lbp-v12112.teacher-dark #screen-teacher .v11-runtime-banner b, body.lbp-v12112.teacher-dark #screen-teacher .ai-base-status b{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important} body.lbp-v12112.teacher-dark #screen-teacher .v11-runtime-banner{font-size:13px!important;line-height:1.55!important} body.lbp-v12112.teacher-dark #screen-teacher .game-mode-card-v1059 :where(b,small,em){color:#f7fbff!important} body.lbp-v12112.teacher-dark #screen-teacher .game-mode-card-v1059 small{color:#d6e4f0!important} body.lbp-v12112.teacher-dark #screen-teacher .game-mode-card-v1059 em{color:#87e5ff!important} body.lbp-v12112:not(.teacher-dark) #screen-teacher :where(#moduleCountHint,.v11-runtime-banner,.ai-base-status,.base-meta-chips span){color:#143049!important} /* Topbar and spacing compression */ body.lbp-v12112 #screen-teacher .teacher-content{padding-top:18px!important} body.lbp-v12112 #screen-teacher .teacher-pane>.studio-heading:first-child{margin-top:0!important} body.lbp-v12112 #screen-teacher .studio-heading{margin-bottom:16px!important} body.lbp-v12112 #screen-teacher .section-title{margin-top:0!important} /* Mobile and tablet */ @media(max-width:900px){ html,body{width:100%;max-width:100%;overflow-x:clip!important} body.lbp-v12112 #screen-teacher{overflow:visible!important;min-height:100dvh} body.lbp-v12112 #screen-teacher .teacher-app-shell{display:block!important;width:100%!important;max-width:100%!important;overflow:visible!important} body.lbp-v12112 #screen-teacher .teacher-sidebar{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:12px 12px 8px!important;border-right:0!important;border-bottom:1px solid var(--ux-border)!important} body.lbp-v12112 #screen-teacher .teacher-brand{padding:2px 4px 10px!important;margin:0!important} body.lbp-v12112 #screen-teacher .v129-sidebar-location{margin:4px 0 10px!important;padding:9px 11px!important} body.lbp-v12112 #screen-teacher .teacher-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;overscroll-behavior:auto!important} body.lbp-v12112 #screen-teacher .teacher-nav-label{display:none!important} body.lbp-v12112 #screen-teacher .teacher-nav .tab{font-size:11px!important;line-height:1.2!important;min-height:72px!important;padding:9px 6px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important} body.lbp-v12112 #screen-teacher .teacher-nav .tab i{font-size:19px!important;margin:0!important} body.lbp-v12112 #screen-teacher .teacher-nav .tab.active::after,body.lbp-v12112 #screen-teacher .teacher-nav .tab[data-current="1"]::after{content:'AQUI'!important;margin:2px 0 0!important;font-size:7px!important;padding:2px 5px!important} body.lbp-v12112 #screen-teacher .teacher-sidebar-footer{display:none!important} body.lbp-v12112 #screen-teacher .teacher-main{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important} body.lbp-v12112 #screen-teacher .teacher-topbar{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;padding:10px 12px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:flex-start!important} body.lbp-v12112 #screen-teacher .teacher-topbar>div:first-child{min-width:0!important;flex:1 1 160px!important} body.lbp-v12112 #screen-teacher .teacher-top-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important} body.lbp-v12112 #screen-teacher .teacher-top-actions>*{min-width:0!important} body.lbp-v12112 #screen-teacher .teacher-content{width:100%!important;max-width:100%!important;padding:8px 10px 24px!important;margin:0!important;overflow:visible!important} body.lbp-v12112 #screen-teacher .teacher-pane{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important} body.lbp-v12112 #screen-teacher :where(.dashboard-grid,.dashboard-metrics,.course-health,.workflow-banner,.review-hero-v10,.review-toolbar-v10,.g2,.g3,.g4,.grid.g2,.grid.g3,.grid.g4){grid-template-columns:minmax(0,1fr)!important} /* remove horizontal rails and oversized action cards */ body.lbp-v12112 #screen-teacher .quick-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:10px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important} body.lbp-v12112 #screen-teacher .quick-action{width:100%!important;min-width:0!important;min-height:auto!important;padding:16px!important;text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important;scroll-snap-align:none!important} body.lbp-v12112 #screen-teacher .quick-action i{font-size:22px!important} body.lbp-v12112 #screen-teacher .quick-action :where(b,small){display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} body.lbp-v12112 #screen-teacher .creation-guide-v1059, body.lbp-v12112 #screen-teacher .generator-context-v1059, body.lbp-v12112 #screen-teacher .creative-library-v1059, body.lbp-v12112 #screen-teacher .v125-live-preview{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;overflow:visible!important} body.lbp-v12112 #screen-teacher .creation-steps-v1059{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;gap:8px!important;overflow:visible!important} body.lbp-v12112 #screen-teacher .creation-steps-v1059>div{min-width:0!important;width:100%!important} body.lbp-v12112 #screen-teacher .game-mode-picker-v1059, body.lbp-v12112 #screen-teacher .v125-game-catalog{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important} body.lbp-v12112 #screen-teacher :where(.panel-card,.card,.dash-metric,.module-editor,.module-config,.course-library-card,.review-card-v10,.v127-integrations,.v127-class-detail,.v127-class-sidebar,.v127-subpanel,.v125-game-card,.game-mode-card-v1059){width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important} body.lbp-v12112 #screen-teacher :where(h1,h2,h3,h4,p,small,strong,b,span,label){overflow-wrap:break-word;word-break:normal} body.lbp-v12112 #screen-teacher :where(.btn,button){white-space:normal!important;height:auto!important;min-height:44px} body.lbp-v12112 #v11WizardFab{right:12px!important;left:auto!important;bottom:calc(var(--global-footer-h,42px) + 10px)!important;max-width:calc(100vw - 78px)!important;min-height:48px!important;padding:10px 14px!important;white-space:normal!important;text-align:center!important} } /* Extra-small phones */ @media(max-width:560px){ body.lbp-v12112 #screen-teacher .teacher-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.lbp-v12112 .lia-hero{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:16px!important;text-align:left!important;overflow:visible!important} body.lbp-v12112 .lia-avatar{width:132px!important;height:132px!important;min-width:132px!important;border-radius:30px!important;margin:0 auto!important;background-position:center 18%!important} body.lbp-v12112 .lia-hero:after{position:static!important;display:block!important;grid-row:1!important;margin:0 0 -4px!important;font-size:10px!important} body.lbp-v12112 .lia-hero :where(h2,h3){font-size:clamp(22px,6vw,28px)!important;line-height:1.15!important} body.lbp-v12112 .lia-hero p,body.lbp-v12112 .v1211-lia-note{font-size:15px!important;line-height:1.5!important} body.lbp-v12112 .v1211-lia-note{display:grid!important;gap:4px!important;padding:12px!important;border-radius:12px!important;background:color-mix(in srgb,var(--ux-accent) 9%,var(--ux-surface))!important} body.lbp-v12112 #screen-teacher .field-label-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:flex-start!important} body.lbp-v12112 #screen-teacher #courseQuestionCountBadge{justify-self:start!important} } /* Tables without page-level horizontal scrolling */ @media(max-width:720px){ body.lbp-v12112 .tablewrap,body.lbp-v12112 .table-wrap{overflow:visible!important;width:100%!important} body.lbp-v12112 table.table,body.lbp-v12112 .tablewrap table,body.lbp-v12112 .table-wrap table{width:100%!important;max-width:100%!important;display:block!important} body.lbp-v12112 table.table thead,body.lbp-v12112 .tablewrap table thead,body.lbp-v12112 .table-wrap table thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important} body.lbp-v12112 table.table tbody,body.lbp-v12112 .tablewrap table tbody,body.lbp-v12112 .table-wrap table tbody{display:grid!important;gap:12px!important;width:100%!important} body.lbp-v12112 table.table tr,body.lbp-v12112 .tablewrap table tr,body.lbp-v12112 .table-wrap table tr{display:grid!important;width:100%!important;border:1px solid var(--ux-border,#405972)!important;border-radius:14px!important;padding:8px 12px!important;background:var(--ux-surface,#0e2238)!important} body.lbp-v12112 table.table td,body.lbp-v12112 .tablewrap table td,body.lbp-v12112 .table-wrap table td{display:grid!important;grid-template-columns:minmax(90px,.42fr) minmax(0,1fr)!important;gap:10px!important;width:100%!important;padding:8px 0!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--ux-border,#405972) 55%,transparent)!important;white-space:normal!important;overflow-wrap:anywhere!important} body.lbp-v12112 table.table td:last-child,body.lbp-v12112 .tablewrap table td:last-child,body.lbp-v12112 .table-wrap table td:last-child{border-bottom:0!important} body.lbp-v12112 table.table td::before,body.lbp-v12112 .tablewrap table td::before,body.lbp-v12112 .table-wrap table td::before{content:attr(data-label);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--ux-text-muted,#bfd0df)} } /* Admin and student surfaces */ @media(max-width:760px){ body.lbp-v12112 .admin-shell :where(.grid,.metrics,.dashboard-grid,.cards3),body.lbp-v12112 #screen-student-home :where(.grid,.g2,.g3,.g4),body.lbp-v12112 #screen-game :where(.grid,.g2,.g3,.g4){grid-template-columns:minmax(0,1fr)!important} body.lbp-v12112 .admin-app{grid-template-columns:1fr!important} body.lbp-v12112 .side{display:none!important} body.lbp-v12112 .main{padding:0 14px 24px!important} body.lbp-v12112 .top{height:auto!important;min-height:68px!important;align-items:flex-start!important;flex-wrap:wrap!important;padding:12px 0!important;gap:10px!important} body.lbp-v12112 .content{padding-top:16px!important} body.lbp-v12112 .metric,body.lbp-v12112 .panel{min-width:0!important;max-width:100%!important} } /* ===== css/v12.10-components.css ===== */ /* V12.10 component mappings — loaded after the semantic foundation. */ #screen-teacher .btn.green{background:var(--ux-success)!important;color:#fff!important;-webkit-text-fill-color:#fff!important} #screen-teacher :where(.plan-chip,.insight-chip,.theme-chip,.badge){background:var(--ux-surface-soft)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important} #screen-teacher :where(.plan-chip,.insight-chip){font-weight:800!important} #screen-teacher .studio-kicker,#screen-teacher .review-kicker-v10,#screen-teacher .lia-eyebrow{background:var(--ux-accent-soft)!important;color:var(--ux-accent)!important;border-color:color-mix(in srgb,var(--ux-accent) 34%,var(--ux-border))!important} #screen-teacher .progress-slim,#screen-teacher .progress,#screen-teacher .review-progress{background:var(--ux-surface-soft)!important;border-color:var(--ux-border)!important} #screen-teacher .teacher-section-divider{border-color:var(--ux-border)!important;background:var(--ux-border)!important} #screen-teacher .activity-row,#screen-teacher .health-item{border-color:var(--ux-border)!important} #screen-teacher .activity-row:hover,#screen-teacher .quick-action:hover{background:var(--ux-surface-soft)!important} #screen-teacher .quick-action{background:var(--ux-surface)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important} #screen-teacher .quick-action i{color:var(--ux-accent)!important} #screen-teacher .quick-action small{color:var(--ux-text-muted)!important} #screen-teacher .course-purpose-card{box-shadow:var(--ux-shadow)!important} #screen-teacher .course-purpose-flow span{background:var(--ux-surface-soft)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important} #screen-teacher .course-library-stats>div{background:var(--ux-surface)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important} #screen-teacher .course-library-stats span{color:var(--ux-text-muted)!important} #screen-teacher .course-loading{color:var(--ux-text-muted)!important} #screen-teacher .base-content-meta{background:var(--ux-surface-soft)!important} #screen-teacher .base-content-meta span{color:var(--ux-text-muted)!important} #screen-teacher .base-meta-chips>span{background:var(--ux-surface)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important} #screen-teacher .reference-source-head>span{background:var(--ux-accent-soft)!important;color:var(--ux-accent)!important} #screen-teacher .ai-base-status{border-color:var(--ux-border)!important;color:var(--ux-text)!important} #screen-teacher .ai-base-status.loading{background:var(--ux-accent-soft)!important} #screen-teacher .ai-base-status.success{background:color-mix(in srgb,var(--ux-success) 12%,var(--ux-surface))!important} #screen-teacher .ai-base-status.error{background:color-mix(in srgb,var(--ux-danger) 12%,var(--ux-surface))!important} #screen-teacher .review-progress-card-v10 strong{color:var(--ux-text)!important} #screen-teacher .review-toolbar-v10{background:var(--ux-surface)!important} #screen-teacher .review-empty-v10,#screen-teacher .review-list-empty,#screen-teacher .empty-state{background:var(--ux-surface)!important;color:var(--ux-text-muted)!important;border-color:var(--ux-border)!important} #screen-teacher .review-empty-v10 h3,#screen-teacher .review-list-empty h3,#screen-teacher .empty-state h3{color:var(--ux-text)!important} #screen-teacher .next-action-card{line-height:1.5!important} #screen-teacher .v127-class-list-card{background:var(--ux-surface)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important} #screen-teacher .v127-class-list-card.active{background:var(--ux-accent-soft)!important;border-color:var(--ux-accent)!important} #screen-teacher .v127-class-card-copy small,#screen-teacher .v127-class-card-copy em{color:var(--ux-text-muted)!important} #screen-teacher .v127-entitlement-chip{background:var(--ux-accent-soft)!important;color:var(--ux-accent)!important;border-color:var(--ux-border)!important} #screen-teacher .v127-provider-mark{box-shadow:none!important} #screen-teacher .v129-preview-launch{min-height:90px!important} #screen-teacher .v129-preview-launch>div{min-width:0!important} #screen-teacher .v129-preview-launch small{display:block!important;line-height:1.45!important;white-space:normal!important} #screen-teacher .v125-publish-summary{display:flex!important;gap:8px!important;flex-wrap:wrap!important} #screen-teacher .v125-publish-summary span{background:var(--ux-surface)!important;color:var(--ux-text-muted)!important;border-color:var(--ux-border)!important} /* Preserve semantic foreground inside status cards instead of inheriting a theme-wide heading color. */ #screen-teacher .validation-stat.pending,#screen-teacher .validation-stat.pending b,#screen-teacher .validation-stat.pending strong{color:#6f4b00!important;-webkit-text-fill-color:#6f4b00!important} #screen-teacher .validation-stat.validated,#screen-teacher .validation-stat.validated b,#screen-teacher .validation-stat.validated strong{color:#075f45!important;-webkit-text-fill-color:#075f45!important} #screen-teacher .validation-stat.rejected,#screen-teacher .validation-stat.rejected b,#screen-teacher .validation-stat.rejected strong{color:#92233a!important;-webkit-text-fill-color:#92233a!important} body.teacher-dark #screen-teacher .validation-stat.pending,body.teacher-dark #screen-teacher .validation-stat.pending b,body.teacher-dark #screen-teacher .validation-stat.pending strong{color:#ffe09a!important;-webkit-text-fill-color:#ffe09a!important} body.teacher-dark #screen-teacher .validation-stat.validated,body.teacher-dark #screen-teacher .validation-stat.validated b,body.teacher-dark #screen-teacher .validation-stat.validated strong{color:#8cf0ca!important;-webkit-text-fill-color:#8cf0ca!important} body.teacher-dark #screen-teacher .validation-stat.rejected,body.teacher-dark #screen-teacher .validation-stat.rejected b,body.teacher-dark #screen-teacher .validation-stat.rejected strong{color:#ffb0bd!important;-webkit-text-fill-color:#ffb0bd!important} @media(max-width:900px){ #screen-teacher .course-purpose-flow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important} #screen-teacher .course-purpose-flow i{display:none!important} } /* ===== css/v12.12-reference-ui.css ===== */ /* Learn by Playing V12.12 — Reference UI Visual implementation based on approved reference screens. Loaded last: defines the presentation contract without changing business logic. */ :root{ --v1212-bg:#03182c;--v1212-bg-2:#052544;--v1212-panel:#07284a;--v1212-panel-2:#0a3158; --v1212-line:#0d5b95;--v1212-cyan:#21d8ff;--v1212-blue:#1267ff;--v1212-green:#15d3a1; --v1212-text:#f8fbff;--v1212-muted:#bad0e5;--v1212-yellow:#ffd747;--v1212-red:#ff5a68; --v1212-shadow:0 20px 55px rgba(0,8,25,.34);--v1212-radius:18px;--v1212-radius-lg:24px; } body.lbp-v1212{background:var(--v1212-bg);color:var(--v1212-text);font-family:Inter,"Segoe UI",Arial,sans-serif} body.lbp-v1212 :focus-visible{outline:3px solid #ffd84d!important;outline-offset:3px!important} body.lbp-v1212 :where(button,.btn,.entry-role-card,.quick-action,.tab){touch-action:manipulation} /* Safety: hidden overlays never intercept click/touch. Assistant is auth-gated. */ body.lbp-v1212 :where(.hidden,[hidden],.modal-backdrop.hidden,.v11-dialog-backdrop[hidden]){pointer-events:none!important} body.lbp-v1212 #v11WizardFab{display:none!important} body.lbp-v1212.lbp-teacher-authenticated #screen-teacher:not(.hidden)~#v11WizardFab, body.lbp-v1212.lbp-teacher-authenticated #v11WizardFab{display:inline-flex!important} body.lbp-v1212.auth-active #v11WizardFab, body.lbp-v1212:not(.lbp-teacher-authenticated) #v11WizardFab{display:none!important} body.lbp-v1212 #screen-role,body.lbp-v1212 .auth-screen{pointer-events:auto!important;position:relative;z-index:1} body.lbp-v1212 #screen-role::before,body.lbp-v1212 #screen-role::after,body.lbp-v1212 .auth-side::before,body.lbp-v1212 .auth-side::after{pointer-events:none!important} /* ===== Entry/login based on approved reference ===== */ body.lbp-v1212 #screen-role{background:radial-gradient(circle at 50% -10%,#0a67ff 0,transparent 33%),linear-gradient(145deg,#021525,#06233f 52%,#061a31)!important} body.lbp-v1212 #screen-role .wrap{max-width:1240px!important} body.lbp-v1212 #screen-role .card.hero{border:1px solid #0e5f96!important;border-radius:26px!important;box-shadow:var(--v1212-shadow)!important;background:#061d34!important} body.lbp-v1212 #screen-role .lbp-entry-copy{background:radial-gradient(circle at 78% 16%,rgba(50,211,255,.22),transparent 26%),linear-gradient(150deg,#063675,#0b5b7b 58%,#0c7c8d)!important} body.lbp-v1212 #screen-role .lbp-entry-copy h1{color:white!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.02!important;letter-spacing:-.04em!important} body.lbp-v1212 #screen-role .lbp-entry-copy h1 span{color:#39ddff!important} body.lbp-v1212 #screen-role .lbp-entry-copy p{color:#d5e8f7!important;font-size:16px!important;line-height:1.6!important} body.lbp-v1212 #screen-role .lbp-entry-actions{background:#f9fbff!important;color:#10223a!important} body.lbp-v1212 #screen-role .entry-role-card{border:1px solid #cbd8e5!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(16,46,80,.08)!important} body.lbp-v1212 #screen-role .entry-role-card:hover{border-color:#20bbe8!important;transform:translateY(-2px)} body.lbp-v1212 .auth-screen{background:radial-gradient(circle at 50% -20%,rgba(18,103,255,.36),transparent 42%),#03182c!important} body.lbp-v1212 .auth-shell{width:min(1160px,calc(100vw - 32px))!important;border:1px solid #165d91!important;border-radius:26px!important;background:#f9fbff!important;box-shadow:0 30px 90px rgba(0,0,0,.42)!important} body.lbp-v1212 .auth-side{position:relative;overflow:hidden;background:radial-gradient(circle at 83% 14%,rgba(37,217,255,.28),transparent 26%),linear-gradient(155deg,#073a79,#0a5b82 60%,#0b7890)!important} body.lbp-v1212 .auth-side::after{content:"";position:absolute;right:-5%;bottom:-2%;width:48%;height:72%;background:url('../assets/branding/lia-v1212.webp') center bottom/contain no-repeat;filter:drop-shadow(0 18px 32px rgba(0,0,0,.28));opacity:.98} body.lbp-v1212 .auth-side>*{position:relative;z-index:1} body.lbp-v1212 .auth-side h1{max-width:58%;font-size:clamp(34px,3.6vw,54px)!important;line-height:1.05!important;color:white!important} body.lbp-v1212 .auth-side p{max-width:55%;color:#d4e8f6!important} body.lbp-v1212 .auth-mini-features{max-width:52%} body.lbp-v1212 .auth-main{background:#fbfdff!important;color:#10223a!important} body.lbp-v1212 .auth-main h2{font-size:clamp(26px,2.6vw,38px)!important;color:#10223a!important} body.lbp-v1212 .auth-main .input{background:#fff!important;border:1px solid #b8c8d7!important;color:#10223a!important;min-height:48px!important} body.lbp-v1212 .google-auth-btn{min-height:50px!important;border-radius:12px!important} body.lbp-v1212 .auth-actions .btn{min-height:50px!important;border-radius:12px!important} /* ===== Teacher shell/dashboard ===== */ body.lbp-v1212.teacher-dark #screen-teacher{--ux-bg:#03182c;--ux-surface:#082743;--ux-surface-raised:#0b3154;--ux-surface-soft:#0a2b49;--ux-surface-subtle:#041b31;--ux-text:#f8fbff;--ux-text-muted:#bdd0e4;--ux-border:#164b75;--ux-border-strong:#1f72a7;--ux-accent:#21d8ff;--ux-accent-strong:#1267ff;--ux-accent-soft:#0b3d5b} body.lbp-v1212 #screen-teacher{background:linear-gradient(150deg,#031629,#041d35 58%,#052342)!important} body.lbp-v1212 #screen-teacher .teacher-app-shell{grid-template-columns:250px minmax(0,1fr)!important} body.lbp-v1212 #screen-teacher .teacher-sidebar{background:linear-gradient(180deg,#03182c,#052748)!important;border-right:1px solid #0c5587!important} body.lbp-v1212 #screen-teacher .teacher-brand{padding:16px 14px 18px!important;border-bottom:1px solid rgba(54,190,255,.16)} body.lbp-v1212 #screen-teacher .teacher-brand-logo{width:50px!important;height:50px!important;border-radius:16px!important} body.lbp-v1212 #screen-teacher .teacher-nav .tab{color:#d9e8f6!important;min-height:50px!important;border-radius:11px!important;padding:11px 13px!important;font-size:14px!important} body.lbp-v1212 #screen-teacher .teacher-nav .tab.active,body.lbp-v1212 #screen-teacher .teacher-nav .tab[data-current="1"]{background:linear-gradient(135deg,#0f63ff,#1654ea)!important;border-color:#31bfff!important;box-shadow:0 10px 26px rgba(0,82,226,.34)!important;color:white!important} body.lbp-v1212 #screen-teacher .teacher-nav .tab i{font-size:19px!important;color:inherit!important} body.lbp-v1212 #screen-teacher .teacher-topbar{background:rgba(3,24,44,.92)!important;border-bottom:1px solid #0b5d91!important;backdrop-filter:blur(14px)} body.lbp-v1212 #screen-teacher .teacher-content{padding:22px 24px 40px!important} body.lbp-v1212 #screen-teacher .teacher-pane{max-width:1440px!important} body.lbp-v1212 #screen-teacher .panel-card,body.lbp-v1212 #screen-teacher .card,body.lbp-v1212 #screen-teacher .dash-metric{background:linear-gradient(155deg,#082743,#072039)!important;border:1px solid #145c8d!important;color:#f8fbff!important;box-shadow:0 14px 32px rgba(0,7,22,.16)!important} body.lbp-v1212 #screen-teacher .panel-card :where(p,small,.muted),body.lbp-v1212 #screen-teacher .card :where(p,small,.muted){color:#bfd0e0!important} body.lbp-v1212 #screen-teacher .dashboard-welcome{align-items:center!important;margin-bottom:16px!important} body.lbp-v1212 #screen-teacher .dashboard-welcome h1{font-size:clamp(34px,3.4vw,50px)!important;color:#fff!important} body.lbp-v1212 #screen-teacher .dashboard-welcome p{font-size:17px!important;color:#c4d7e8!important} body.lbp-v1212 #screen-teacher .dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important} body.lbp-v1212 #screen-teacher .dash-metric{min-height:118px!important;padding:16px!important} body.lbp-v1212 #screen-teacher .dash-metric strong{color:white!important;font-size:30px!important} body.lbp-v1212 #screen-teacher .dash-metric-icon{background:linear-gradient(145deg,#1267ff,#19c8e8)!important;color:white!important} .v1212-dashboard-showcase{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.72fr);gap:16px;margin:16px 0} .v1212-lia-hero{position:relative;min-height:330px;padding:28px 40% 28px 28px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(42,212,255,.28),transparent 32%),linear-gradient(135deg,#0b4fb7,#0b79b8 62%,#0b507a);border:1px solid #20bde8;box-shadow:var(--v1212-shadow)} .v1212-lia-hero::after{content:"";position:absolute;right:0;bottom:0;width:42%;height:100%;background:url('../assets/branding/lia-v1212.webp') center bottom/contain no-repeat;filter:drop-shadow(0 16px 30px rgba(0,0,0,.28))} .v1212-lia-hero>*{position:relative;z-index:1}.v1212-lia-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:linear-gradient(90deg,#1267ff,#7248f4);color:#fff;font-weight:900;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.v1212-lia-hero h2{font-size:clamp(34px,3.7vw,54px)!important;line-height:1.04!important;color:#fff!important;margin:18px 0 10px}.v1212-lia-hero p{font-size:18px;line-height:1.5;color:#e4f4ff!important;max-width:650px}.v1212-lia-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.v1212-lia-actions .btn{min-height:48px!important;padding:0 18px!important} .v1212-quick-panel{background:linear-gradient(155deg,#072541,#061f38);border:1px solid #145c8d;border-radius:22px;padding:18px}.v1212-quick-panel h3{margin:0 0 12px;color:white;font-size:19px}.v1212-quick-link{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #155d8f;border-radius:13px;background:#082d4e;color:white;text-align:left;margin:8px 0;cursor:pointer}.v1212-quick-link i:first-child{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#0f5eea;color:#fff;font-size:18px}.v1212-quick-link b{display:block;font-size:13px}.v1212-quick-link small{display:block;color:#bcd0e2;margin-top:2px;font-size:10px}.v1212-quick-link:hover{border-color:#22d7ff;background:#0b375d} /* Game library pane */ .v1212-game-library-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}.v1212-game-library-head h1{font-size:clamp(32px,3vw,46px)!important;margin:0;color:#fff!important}.v1212-game-library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.v1212-library-card{position:relative;min-height:260px;padding:20px;border-radius:20px;background:linear-gradient(160deg,#082d4e,#071f38);border:1px solid #116aa3;color:white;cursor:pointer;overflow:hidden;transition:.18s ease}.v1212-library-card:hover{transform:translateY(-4px);border-color:#2ee1ff;box-shadow:0 16px 36px rgba(0,82,160,.25)}.v1212-library-card .icon{font-size:58px;display:block;margin-bottom:16px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.25))}.v1212-library-card h3{margin:0 0 8px;color:#fff!important;font-size:21px}.v1212-library-card p{margin:0;color:#c8d9e8!important;line-height:1.45;font-size:13px}.v1212-library-card .tag{display:inline-flex;margin-top:14px;padding:6px 9px;border-radius:999px;background:#0e446b;color:#72e8ff;font-weight:900;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.v1212-library-card.selected{border:2px solid #28e6ff;box-shadow:0 0 0 4px rgba(33,216,255,.12)} /* Validation reference */ body.lbp-v1212 #screen-teacher .generator-context-v1059,body.lbp-v1212 #screen-teacher .review-hero-v10,body.lbp-v1212 #screen-teacher .review-toolbar-v10,body.lbp-v1212 #screen-teacher .review-guidance-v10{background:#072541!important;border-color:#145c8d!important} body.lbp-v1212 #screen-teacher .validation-stat{border-radius:15px!important;min-height:118px!important} body.lbp-v1212 #screen-teacher .review-toolbar-v10{display:grid!important;grid-template-columns:minmax(220px,1.2fr) minmax(160px,.35fr) auto auto!important;gap:10px!important} body.lbp-v1212 #screen-teacher .review-card-v10,body.lbp-v1212 #screen-teacher .review-question-card-v10{background:#072743!important;border-color:#165c89!important} body.lbp-v1212 #screen-teacher .review-card-v10:hover{border-color:#25d6ff!important} /* Preview playable reference */ body.lbp-v1212 .v129-game-preview-modal{background:rgba(1,11,24,.92)!important;padding:14px!important} body.lbp-v1212 .v129-game-preview-shell{width:min(1180px,100%)!important;background:radial-gradient(circle at 20% 20%,rgba(16,116,220,.22),transparent 30%),linear-gradient(145deg,#03203a,#06345a)!important;border:1px solid #17a8df!important;border-radius:24px!important;overflow:auto!important} body.lbp-v1212 .v129-game-preview-head{background:rgba(3,24,44,.82)!important;border-color:#0f669b!important} body.lbp-v1212 .v129-preview-body{grid-template-columns:minmax(0,1.6fr) minmax(260px,.55fr)!important;gap:14px!important} body.lbp-v1212 .v129-preview-main,body.lbp-v1212 .v129-preview-side{background:rgba(5,31,55,.88)!important;border-color:#18699a!important;border-radius:18px!important} body.lbp-v1212 .v129-preview-option{min-height:54px!important;border-color:#1975aa!important;background:#073156!important;font-size:16px!important}.lbp-v1212 .v129-preview-option:hover{border-color:#2be2ff!important;background:#0a426f!important}.lbp-v1212 .v129-preview-option.correct{background:linear-gradient(90deg,#0b8d70,#0a5f55)!important;border-color:#34f5c7!important} /* ===== Student reference ===== */ body.lbp-v1212 #screen-student-home,body.lbp-v1212 #screen-game,body.lbp-v1212 #screen-certificate{background:radial-gradient(circle at 70% -10%,rgba(25,104,255,.36),transparent 38%),linear-gradient(145deg,#031629,#04203b 60%,#06305a)!important} body.lbp-v1212 #screen-student-home>.wrap{max-width:1500px!important;padding:20px!important} .v1212-student-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.v1212-student-nav{position:sticky;top:52px;padding:16px;border-radius:22px;background:linear-gradient(180deg,#062b50,#041c35);border:1px solid #11669d}.v1212-student-nav .brand{display:flex;align-items:center;gap:10px;padding:4px 4px 16px;border-bottom:1px solid rgba(58,198,255,.18)}.v1212-student-nav .brand img{width:44px;height:44px;border-radius:13px}.v1212-student-nav button{width:100%;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px;border:0;border-radius:11px;background:transparent;color:#dbe9f6;text-align:left;cursor:pointer;margin:5px 0}.v1212-student-nav button.active,.v1212-student-nav button:hover{background:linear-gradient(135deg,#1267ff,#0e55e8);color:white}.v1212-student-main{min-width:0}.v1212-student-hero{min-height:315px;position:relative;padding:36px 46% 28px 32px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 74% 20%,rgba(37,211,255,.22),transparent 26%),linear-gradient(135deg,#07488d,#075f8d 54%,#0b829a);border:1px solid #25c9ef;box-shadow:var(--v1212-shadow)}.v1212-student-hero::after{content:"";position:absolute;right:2%;bottom:0;width:34%;height:94%;background:url('../assets/branding/student-v1212.webp') center bottom/contain no-repeat}.v1212-student-hero>*{position:relative;z-index:1}.v1212-student-hero h1{font-size:clamp(34px,3.5vw,54px)!important;line-height:1!important;color:white!important;margin:8px 0 10px}.v1212-student-hero p{font-size:17px;color:#e2f2ff!important;line-height:1.55}.v1212-student-mode{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(2,29,55,.68);border:1px solid rgba(73,214,255,.5);font-size:11px;font-weight:900;color:#7deaff}.v1212-student-cta{margin-top:18px;min-height:48px!important;background:#1267ff!important;color:white!important;border:1px solid #31c8ff!important}.lbp-v1212 #screen-student-home .card.hero{display:none!important}.lbp-v1212 #screen-student-home .grid.g4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lbp-v1212 #screen-student-home .stat{background:#072743!important;border-color:#165c89!important;color:white!important}.lbp-v1212 #screen-student-home #levelsGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lbp-v1212 #screen-student-home #levelsGrid .card{background:#072743!important;border-color:#165c89!important} /* Game theme classes */ body.lbp-v1212.v1212-mode-classic-quiz #screen-game{--mode-accent:#24d6ff;--mode-bg1:#075382;--mode-bg2:#063764} body.lbp-v1212.v1212-mode-boss-battle #screen-game{--mode-accent:#ffb52c;--mode-bg1:#5a2030;--mode-bg2:#2a1632} body.lbp-v1212.v1212-mode-quiz-racing #screen-game{--mode-accent:#ff5e5e;--mode-bg1:#5b1930;--mode-bg2:#1f2648} body.lbp-v1212.v1212-mode-memory-challenge #screen-game{--mode-accent:#d77cff;--mode-bg1:#381f69;--mode-bg2:#132b52} body.lbp-v1212.v1212-mode-treasure-hunt #screen-game{--mode-accent:#ffd34d;--mode-bg1:#4f4920;--mode-bg2:#17423d} body.lbp-v1212.v1212-mode-space-mission #screen-game{--mode-accent:#65e7ff;--mode-bg1:#151b6b;--mode-bg2:#061f4f} body.lbp-v1212.v1212-mode-cyber-defense #screen-game{--mode-accent:#34f5c7;--mode-bg1:#063f44;--mode-bg2:#061c36} body.lbp-v1212.v1212-mode-word-forge #screen-game{--mode-accent:#ffb85c;--mode-bg1:#4b2f21;--mode-bg2:#102f48} body.lbp-v1212.v1212-mode-timeline-quest #screen-game{--mode-accent:#5fdcff;--mode-bg1:#1e416a;--mode-bg2:#132c4c} body.lbp-v1212.v1212-mode-puzzle-lab #screen-game{--mode-accent:#93ff78;--mode-bg1:#264a30;--mode-bg2:#122744} body.lbp-v1212 #screen-game{background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--mode-accent,#21d8ff) 24%,transparent),transparent 28%),linear-gradient(145deg,var(--mode-bg1,#075382),var(--mode-bg2,#063764))!important} body.lbp-v1212 #screen-game .wrap{max-width:1120px!important}.lbp-v1212 #screen-game .question{background:rgba(3,29,53,.9)!important;border:1px solid color-mix(in srgb,var(--mode-accent,#21d8ff) 50%,#154a70)!important}.lbp-v1212 #screen-game .option{border-color:#1b6d9e!important;background:#082d4e!important}.lbp-v1212 #screen-game .option:hover{border-color:var(--mode-accent,#21d8ff)!important}.lbp-v1212 #screen-game .progress span{background:linear-gradient(90deg,var(--mode-accent,#21d8ff),#18d29f)!important} /* ===== Responsive/mobile ===== */ @media(max-width:1100px){ .v1212-game-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .v1212-dashboard-showcase{grid-template-columns:1fr}.v1212-quick-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v1212-quick-panel h3{grid-column:1/-1}.v1212-quick-link{margin:0} body.lbp-v1212 #screen-teacher .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:900px){ body.lbp-v1212 .auth-shell{grid-template-columns:1fr!important;width:min(680px,calc(100vw - 20px))!important} body.lbp-v1212 .auth-side{min-height:280px!important;padding:28px!important}.lbp-v1212 .auth-side h1,.lbp-v1212 .auth-side p,.lbp-v1212 .auth-mini-features{max-width:60%!important}.lbp-v1212 .auth-side::after{width:38%;height:90%} body.lbp-v1212 #screen-teacher .teacher-app-shell{display:block!important}.lbp-v1212 #screen-teacher .teacher-sidebar{position:relative!important;width:100%!important;height:auto!important;padding:10px!important}.lbp-v1212 #screen-teacher .teacher-brand{display:none!important}.lbp-v1212 #screen-teacher .teacher-nav{display:flex!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:2px 0 6px!important;-webkit-overflow-scrolling:touch}.lbp-v1212 #screen-teacher .teacher-nav::-webkit-scrollbar{display:none}.lbp-v1212 #screen-teacher .teacher-nav-label{display:none!important}.lbp-v1212 #screen-teacher .teacher-nav .tab{min-width:120px!important;flex:0 0 auto!important;scroll-snap-align:start!important;display:flex!important;flex-direction:row!important;justify-content:center!important}.lbp-v1212 #screen-teacher .teacher-nav .tab::after{display:none!important}.lbp-v1212 #screen-teacher .teacher-sidebar-footer,.lbp-v1212 #screen-teacher .v129-sidebar-location{display:none!important} body.lbp-v1212 #screen-teacher .teacher-topbar{padding:10px 12px!important}.lbp-v1212 #screen-teacher .teacher-content{padding:12px!important}.lbp-v1212 #screen-teacher .dashboard-welcome{display:block!important}.lbp-v1212 #screen-teacher .dashboard-welcome .btn{margin-top:10px!important} .v1212-lia-hero{padding:24px 40% 24px 22px;min-height:300px}.v1212-lia-hero::after{width:42%}.v1212-lia-hero h2{font-size:36px!important}.v1212-lia-hero p{font-size:15px!important} .v1212-game-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v1212-library-card{min-height:220px} body.lbp-v1212 .v129-preview-body{grid-template-columns:1fr!important}.lbp-v1212 .v129-preview-side{position:static!important} .v1212-student-shell{grid-template-columns:1fr}.v1212-student-nav{position:static;display:flex;gap:8px;overflow-x:auto;padding:10px}.v1212-student-nav .brand{display:none}.v1212-student-nav button{min-width:120px;flex:0 0 auto;justify-content:center}.v1212-student-hero{padding:28px 42% 24px 24px;min-height:285px}.lbp-v1212 #screen-student-home .grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lbp-v1212 #screen-student-home #levelsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:620px){ body.lbp-v1212 .auth-side{min-height:235px!important;padding:20px!important}.lbp-v1212 .auth-side h1{font-size:32px!important;max-width:62%!important}.lbp-v1212 .auth-side p{display:none!important}.lbp-v1212 .auth-mini-features{display:none!important}.lbp-v1212 .auth-side::after{width:42%;height:92%}.lbp-v1212 .auth-main{padding:24px 18px!important} body.lbp-v1212 #screen-teacher .teacher-nav{padding-bottom:4px!important}.lbp-v1212 #screen-teacher .teacher-nav .tab{min-width:104px!important;font-size:11px!important;padding:9px!important}.lbp-v1212 #screen-teacher .teacher-nav .tab i{font-size:16px!important} body.lbp-v1212 #screen-teacher .dashboard-metrics{grid-template-columns:1fr!important} .v1212-dashboard-showcase{margin:10px 0}.v1212-lia-hero{padding:18px 18px 200px;min-height:520px}.v1212-lia-hero::after{width:72%;height:48%;right:14%;bottom:0}.v1212-lia-hero h2{font-size:34px!important}.v1212-lia-hero p{font-size:15px!important}.v1212-quick-panel{grid-template-columns:1fr}.v1212-quick-panel h3{grid-column:auto} .v1212-game-library-grid{grid-template-columns:1fr}.v1212-library-card{min-height:190px;padding:16px}.v1212-library-card .icon{font-size:48px} body.lbp-v1212 #screen-teacher .review-toolbar-v10{grid-template-columns:1fr!important} .v1212-student-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.v1212-student-nav button{min-width:0}.v1212-student-hero{padding:22px 18px 210px;min-height:520px}.v1212-student-hero::after{width:74%;height:46%;right:13%}.lbp-v1212 #screen-student-home .grid.g4{grid-template-columns:1fr 1fr!important}.lbp-v1212 #screen-student-home #levelsGrid{grid-template-columns:1fr!important} } @media(max-width:420px){body.lbp-v1212 #screen-student-home .grid.g4{grid-template-columns:1fr!important}.lbp-v1212 .auth-side h1{font-size:28px!important}} /* Final mobile navigation contract: no horizontal page/menu scroll. */ .v1212-mobile-teacher-nav{display:none} @media(max-width:900px){ body.lbp-v1212.lbp-teacher-authenticated{padding-bottom:calc(var(--global-footer-h,32px) + 70px)!important} body.lbp-v1212 #screen-teacher .teacher-sidebar{display:none!important} body.lbp-v1212 #screen-teacher .teacher-main{width:100%!important;margin:0!important} body.lbp-v1212 #screen-teacher .teacher-topbar{padding:9px 10px!important} body.lbp-v1212 #screen-teacher .teacher-topbar .page-title{font-size:20px!important} body.lbp-v1212 #screen-teacher .teacher-top-actions{display:grid!important;grid-template-columns:auto auto auto auto!important;width:100%!important;gap:7px!important} body.lbp-v1212 #screen-teacher .teacher-top-actions .btn{min-width:0!important;padding:9px 10px!important} body.lbp-v1212 #v11WizardFab{display:none!important} .v1212-mobile-teacher-nav{position:fixed;z-index:99970;left:8px;right:8px;bottom:calc(var(--global-footer-h,32px) + 6px);height:62px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:5px;border-radius:18px;background:rgba(3,24,44,.96);border:1px solid #155d91;box-shadow:0 14px 38px rgba(0,0,0,.42);backdrop-filter:blur(16px)} .v1212-mobile-teacher-nav button{min-width:0;border:0;border-radius:12px;background:transparent;color:#bcd0e2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:800;padding:4px;cursor:pointer} .v1212-mobile-teacher-nav button i{font-size:18px}.v1212-mobile-teacher-nav button.active{background:linear-gradient(135deg,#1267ff,#0e55e8);color:#fff} .v1212-mobile-teacher-nav button.create{background:linear-gradient(135deg,#0b8fd1,#1267ff);color:#fff} .v1212-student-nav{position:fixed!important;z-index:99960;left:8px;right:8px;bottom:calc(var(--global-footer-h,32px) + 6px);display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;padding:5px!important;border-radius:18px!important;background:rgba(3,24,44,.96)!important;border:1px solid #155d91!important;box-shadow:0 14px 38px rgba(0,0,0,.42)!important;backdrop-filter:blur(16px);overflow:visible!important} .v1212-student-nav .brand{display:none!important}.v1212-student-nav button{min-width:0!important;width:auto!important;min-height:50px!important;margin:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;padding:4px!important;font-size:8px!important;text-align:center!important} .v1212-student-nav button i{font-size:17px!important}.v1212-student-main{padding-bottom:72px!important} } /* ===== Admin console, same visual language ===== */ body.lbp-v1212 .admin-shell{background:linear-gradient(145deg,#03182c,#052544)!important;color:#f8fbff!important} body.lbp-v1212 .admin-app{background:transparent!important}.lbp-v1212 .admin-app .side{background:linear-gradient(180deg,#03182c,#052748)!important;border-right:1px solid #0c5587!important}.lbp-v1212 .admin-app .main{background:linear-gradient(145deg,#03182c,#05213c)!important;color:#f8fbff!important}.lbp-v1212 .admin-app .top{border-color:#145c8d!important}.lbp-v1212 .admin-app .top h1,.lbp-v1212 .admin-app h2,.lbp-v1212 .admin-app .metric b{color:#fff!important}.lbp-v1212 .admin-app .metric,.lbp-v1212 .admin-app .panel{background:linear-gradient(155deg,#082743,#072039)!important;border-color:#145c8d!important;color:#f8fbff!important}.lbp-v1212 .admin-app :where(p,small,.statusbar,th,.metric span){color:#bdd0e4!important}.lbp-v1212 .admin-app :where(.iconbtn,.plan-select,.input){background:#082743!important;color:#f8fbff!important;border-color:#1a6699!important}.lbp-v1212 .admin-app .nav-btn{color:#d9e8f6!important}.lbp-v1212 .admin-app .nav-btn.active{background:linear-gradient(135deg,#1267ff,#0e55e8)!important;color:#fff!important}.lbp-v1212 .admin-login{background:radial-gradient(circle at 50% -15%,rgba(18,103,255,.32),transparent 38%),linear-gradient(145deg,#03182c,#052544)!important}.lbp-v1212 .admin-login .login-card{border-color:#165d91!important;box-shadow:var(--v1212-shadow)!important}