:root{--bg:#f7f0e3;--card:#fffdf8;--ink:#2e261f;--muted:#796b5e;--line:#e3d4bd;--primary:#b86f3f;--primary-dark:#8f4c2c;--primary-soft:#f4e2d1;--accent:#e4ad56;--moss:#34563f;--moss-soft:#e8efe5;--sage:#7f9575;--good:#3e704e;--good-soft:#e6f1e7;--bad:#aa4f45;--bad-soft:#f8e8e4;--radius:16px;--shadow:0 10px 30px rgba(72,50,33,0.07)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);min-height:100%;font-family:Inter,ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(circle at 8% 0,rgba(228,173,86,.13),transparent 26rem)}button,input,select,textarea{font:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:900px;margin:0 auto;padding:24px 18px 64px}.container.narrow{max-width:460px}.topbar{position:-webkit-sticky;position:sticky;z-index:20;top:0;background:rgba(255,253,248,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:9px max(16px,calc((100vw - 1180px) / 2));display:flex;align-items:center;gap:20px}.topbar .brand{color:var(--ink);display:inline-flex}.topbar .brand:hover{text-decoration:none}.topbar .spacer{flex:1 1}.topbar .who{color:var(--muted);font-size:14px}.topnav{display:flex;gap:18px;font-size:14px;font-weight:700}.topnav a{color:var(--muted)}.topnav a:hover{color:var(--moss);text-decoration:none}h1{font-size:clamp(28px,4vw,42px);line-height:1.08;letter-spacing:-.035em;margin:18px 0 10px}h2{font-size:21px;letter-spacing:-.02em;margin:22px 0 8px}h3{letter-spacing:-.015em}p.sub{color:var(--muted);margin:0 0 18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:12px 0;box-shadow:var(--shadow)}.card.clickable:hover{border-color:var(--primary);cursor:pointer;transform:translateY(-1px)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.grow{flex:1 1}.stack{display:flex;flex-direction:column;gap:10px}.btn{display:inline-block;background:var(--primary);color:#fff;border:none;border-radius:12px;padding:11px 18px;font-size:15px;font-weight:700;cursor:pointer;text-align:center;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.btn:hover{background:var(--primary-dark);text-decoration:none;transform:translateY(-1px);box-shadow:0 7px 16px rgba(143,76,44,.18)}.btn.secondary{background:var(--primary-soft);color:var(--primary-dark)}.btn.secondary:hover{background:#ecd3bc;box-shadow:none}.btn.danger{background:var(--bad-soft);color:var(--bad)}.btn.small{padding:7px 12px;font-size:13px;border-radius:10px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.big{font-size:18px;padding:15px 24px;width:100%}input[type=email],input[type=password],input[type=text],select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fffefb;color:var(--ink);font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(184,111,63,.28);outline-offset:2px}label.field{display:block;margin:12px 0;font-size:14px;font-weight:600}label.field>input,label.field>select,label.field>textarea{margin-top:6px;font-weight:400}.error{background:var(--bad-soft);color:var(--bad)}.error,.notice{padding:10px 14px;border-radius:10px;margin:10px 0;font-size:14px}.notice{background:var(--good-soft);color:var(--good)}.pill{display:inline-block;background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.pill.gray{background:#efece5;color:var(--muted)}.brand-lockup{display:inline-flex;align-items:center;gap:9px;color:var(--ink)}.brand-lockup.centered{display:flex;justify-content:center;margin:12px auto 18px}.brand-mark{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(66,43,27,.13))}.brand-copy{display:inline-flex;flex-direction:column;align-items:flex-start}.brand-copy strong{font-size:27px;line-height:1;letter-spacing:-.055em}.brand-copy strong span{color:var(--primary)}.brand-copy small{margin-top:7px;color:var(--muted);font-size:12px;font-weight:650;letter-spacing:.01em}.brand-lockup.compact{gap:6px}.brand-lockup.compact .brand-mark{width:42px;height:42px;filter:none}.brand-lockup.compact .brand-copy strong{font-size:19px}.auth-intro{text-align:center;margin:0 0 18px}.auth-intro h1{font-size:31px;margin:8px 0}.auth-intro p{color:var(--muted);margin:0}.auth-card{padding:24px}.auth-support{margin-top:22px;font-size:13px}.eyebrow{color:var(--primary-dark);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.student-brand{margin:0 0 10px}.dashboard-container{max-width:1180px}.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:22px 4px 20px}.dashboard-hero h1{margin:7px 0 9px}.dashboard-hero p{max-width:670px;color:var(--muted);margin:0;font-size:16px}.hero-action{white-space:nowrap}.dashboard-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:14px;background:#eee2d1;border-radius:13px}.dashboard-tabs button{border:0;background:transparent;color:var(--muted);padding:9px 15px;border-radius:10px;font-weight:750;cursor:pointer}.dashboard-tabs button.active{background:var(--card);color:var(--moss);box-shadow:0 3px 10px rgba(72,50,33,.09)}.analytics-stack,.manage-stack{display:flex;flex-direction:column;gap:18px}.dashboard-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin:0;box-shadow:none}.live-status{display:flex;align-items:center;gap:7px;color:var(--moss);font-size:13px;font-weight:750}.live-status>span:last-child{color:var(--muted);font-weight:500}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px var(--good-soft);display:inline-block}.control-group{display:flex;align-items:flex-end;gap:8px}.control-group label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.control-group select{min-width:145px;padding:8px 30px 8px 10px;font-size:13px;text-transform:none;letter-spacing:0}.icon-btn{width:39px;height:39px;border:1px solid var(--line);background:var(--card);color:var(--moss);border-radius:10px;font-size:20px;cursor:pointer}.icon-btn:hover{background:var(--moss-soft)}.dashboard-loading{min-height:240px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px}.metric-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.metric-label,.metric-note{display:block;color:var(--muted);font-size:12px}.metric-label{font-weight:750}.metric-value{display:block;margin:8px 0 3px;color:var(--moss);font-size:clamp(26px,3vw,34px);letter-spacing:-.045em;line-height:1}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.85fr);grid-gap:18px;gap:18px;align-items:start}.student-analytics{grid-template-columns:minmax(0,1.25fr) minmax(350px,.9fr)}.insight-card{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px}.section-heading h2{margin:5px 0 4px;font-size:22px}.section-heading p{color:var(--muted);font-size:13px;margin:0}.score-chart{display:block;width:100%;height:auto;overflow:visible}.chart-grid{stroke:#eadfce;stroke-width:1}.chart-axis{fill:#8a7a6b;font-size:11px;font-weight:650}.chart-date{font-size:10px}.chart-area{fill:rgba(184,111,63,.1);stroke:none}.chart-line{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:var(--card);stroke:var(--primary-dark);stroke-width:2.5}.chart-empty{min-height:212px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--muted);text-align:center}.chart-empty.compact{min-height:150px}.chart-empty-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--moss-soft);color:var(--moss);font-weight:900}.chart-empty strong{color:var(--ink)}.single-score{color:var(--moss);font-size:38px;font-weight:900;letter-spacing:-.05em}.day-score-bars{min-height:212px;display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,3vw,28px);padding:20px 16px 0}.day-score-bars.compact{min-height:150px}.day-score-column{display:grid;grid-template-rows:20px 120px 22px;justify-items:center;grid-gap:6px;gap:6px;width:min(64px,15%);color:var(--moss);font-size:12px}.day-score-bars.compact .day-score-column{grid-template-rows:20px 75px 22px}.day-score-track{display:flex;align-items:flex-end;width:28px;height:100%;background:#eadfce;border-radius:8px 8px 4px 4px;overflow:hidden}.day-score-track i{display:block;width:100%;background:var(--primary);border-radius:7px 7px 3px 3px}.day-score-column small{color:var(--muted);font-size:9px;white-space:nowrap}.bar-list{display:flex;flex-direction:column;gap:17px;margin-top:22px}.bar-row{display:grid;grid-template-columns:128px minmax(70px,1fr) 42px;grid-gap:10px;gap:10px;align-items:center}.bar-label span,.bar-label strong{display:block}.bar-label strong{font-size:14px}.bar-label span{color:var(--muted);font-size:10px;margin-top:3px}.bar-track{height:9px;border-radius:999px;background:#eadfce;overflow:hidden}.bar-track span{display:block;height:100%;background:var(--primary);border-radius:inherit}.bar-value{text-align:right;color:var(--moss);font-size:14px}.student-heading{align-items:flex-end}.student-search{max-width:170px;padding:8px 10px!important;font-size:13px!important}.analytics-table-wrap{width:100%;overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse;font-size:13px}.analytics-table th{padding:9px 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.07em;text-align:left;text-transform:uppercase;white-space:nowrap}.analytics-table td{padding:11px 10px;border-bottom:1px solid #eee4d5;white-space:nowrap}.analytics-table tbody tr:last-child td{border-bottom:0}.analytics-table tbody tr.selected{background:var(--moss-soft)}.analytics-table a small,.analytics-table td small,.student-link small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.student-link{display:grid;grid-template-columns:8px 1fr;align-items:center;grid-column-gap:8px;column-gap:8px;min-width:130px;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;font-weight:750;cursor:pointer}.student-link small{grid-column:2}.score-dot{grid-row:1/span 2;width:8px;height:8px;border-radius:50%;background:var(--muted)}.score-chip.strong,.score-dot.strong,.score-orb.strong{background:var(--good-soft);color:var(--good)}.score-dot.strong{background:var(--good)}.score-chip.watch,.score-dot.watch,.score-orb.watch{background:#f9edcf;color:#8a621f}.score-dot.watch{background:var(--accent)}.score-chip.support,.score-dot.support,.score-orb.support{background:var(--bad-soft);color:var(--bad)}.score-dot.support{background:var(--bad)}.score-dot.neutral{background:#b8aa9c}.score-chip.neutral,.score-orb.neutral{background:#eee6da;color:var(--muted)}.trend-up{color:var(--good);font-weight:750}.trend-down{color:var(--bad);font-weight:750}.score-orb{display:grid;flex:0 0 auto;place-items:center;width:62px;height:62px;border-radius:20px;font-size:19px;font-weight:900}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:8px}.mini-metrics div{padding:10px;background:#faf5ec;border-radius:12px}.mini-metrics span,.mini-metrics strong{display:block}.mini-metrics strong{color:var(--moss);font-size:17px}.mini-metrics span{color:var(--muted);font-size:10px;margin-top:2px}.student-detail h3{font-size:14px;margin:10px 0 6px}.progress-list{display:flex;flex-direction:column}.progress-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;border-top:1px solid #eee4d5;color:var(--ink)}.progress-row:hover{text-decoration:none;color:var(--primary-dark)}.progress-row span,.progress-row strong{display:block}.progress-row div>span{margin-top:3px;color:var(--muted);font-size:10px}.score-chip{display:inline-flex!important;align-items:center;justify-content:center;min-width:47px;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:850}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.class-performance{border:1px solid var(--line);background:#fffaf2;border-radius:14px;padding:15px;color:var(--ink);text-align:left;cursor:pointer}.class-performance:hover{border-color:var(--sage);transform:translateY(-1px)}.class-performance p{margin:8px 0 0;color:var(--muted);font-size:11px}.class-stat{height:6px;margin-top:14px;background:#eadfce;border-radius:999px;overflow:hidden}.class-stat span{display:block;height:100%;border-radius:inherit;background:var(--moss)}.assignment-table a{color:var(--ink)}.assignment-table a:hover{color:var(--primary-dark);text-decoration:none}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:850;white-space:nowrap}.status-pill.active{background:var(--good-soft);color:var(--good)}.status-pill.closed{background:#eee6da;color:var(--muted)}.metric-definitions{margin:-5px 6px 0;color:var(--muted);font-size:11px;line-height:1.5}.empty-dashboard{min-height:350px;display:flex;align-items:center;justify-content:center;gap:38px;padding:30px;border:1px dashed #cfbda5;border-radius:22px;background:rgba(255,253,248,.7)}.empty-dashboard img{width:min(230px,34vw);height:auto}.empty-dashboard h2{font-size:28px;margin:7px 0}.empty-dashboard p{max-width:480px;color:var(--muted);line-height:1.55}.manage-stack>section>.section-heading{align-items:flex-end}.form-card{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.game-picker{margin-top:8px}.label-note{color:var(--muted);font-weight:500}.manage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px}.assignment-card{display:flex;flex-direction:column;min-height:210px;margin:0}.assignment-card h3{font-size:19px;margin:20px 0 4px}.assignment-card>p{color:var(--muted);font-size:13px;margin:0 0 14px}.tag-row{display:flex;flex-wrap:wrap;gap:5px}.mini-tag{background:var(--moss-soft);color:var(--moss);padding:4px 7px;border-radius:7px;font-size:10px;font-weight:750}.assignment-actions{margin-top:auto;padding-top:18px}.tool-columns{grid-template-columns:1fr 1fr}.create-row{margin-bottom:14px}.tool-list{display:flex;flex-direction:column}.tool-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;color:var(--ink);border-top:1px solid #eee4d5}.tool-row:hover{color:var(--primary-dark);text-decoration:none}.tool-row div>span,.tool-row div>strong{display:block}.tool-row div>span:not(.pill){color:var(--muted);font-size:11px;margin-top:3px}.tool-row .pill{display:inline-block;margin-left:7px}table.results{width:100%;border-collapse:collapse;font-size:14px}table.results td,table.results th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}table.results th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.muted{color:var(--muted);font-size:14px}.center{text-align:center}.game-shell{max-width:560px;margin:0 auto;padding:16px 14px 40px}.name-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:10px;gap:10px}.name-btn{background:var(--card);border:2px solid var(--line);border-radius:12px;padding:16px 10px;font-size:16px;font-weight:700;cursor:pointer;color:var(--ink)}.name-btn:hover{border-color:var(--primary)}.game-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.game-tile{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:22px 12px;text-align:center;font-weight:800;font-size:17px;cursor:pointer;color:var(--ink)}.game-tile:hover{border-color:var(--primary);text-decoration:none}.game-tile .emoji{display:block;font-size:34px;margin-bottom:8px}.hud{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px;font-weight:700;color:var(--muted);font-size:14px}.hud .score{color:var(--primary-dark);font-size:16px}.hint-img{display:block;max-width:220px;max-height:160px;margin:0 auto 10px;border-radius:12px;border:1px solid var(--line);object-fit:contain;background:#fff}.hint-def{text-align:center;color:var(--muted);font-size:15px;margin:0 0 14px;min-height:20px}.bank,.slots{flex-wrap:wrap;gap:8px;margin:10px 0}.bank,.slots,.tile-slot{display:flex;justify-content:center}.tile-slot{width:46px;height:52px;border:2px dashed var(--line);border-radius:10px;background:#fdfcf9;align-items:center;font-size:24px;font-weight:800}.tile-slot.filled{border-style:solid;border-color:var(--primary);background:var(--primary-soft);cursor:pointer}.tile-letter{width:46px;height:52px;border:solid var(--line);border-width:2px 2px 4px;border-radius:10px;background:#fff;font-size:24px;font-weight:800;cursor:pointer;color:var(--ink)}.tile-letter:active{transform:translateY(1px)}.tile-letter.used{opacity:.25;pointer-events:none}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}.shake{animation:shake .3s ease 2}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.pop{animation:pop .35s ease}.word-correct{color:var(--good);font-weight:800;text-align:center;font-size:20px;margin:8px 0}.blanks{flex-wrap:wrap;gap:8px;margin:14px 0}.blank,.blanks{display:flex;justify-content:center}.blank{width:38px;height:48px;border-bottom:4px solid var(--ink);align-items:center;font-size:26px;font-weight:800}.blank.space{border-bottom:none;width:20px}.keyboard{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:16px}.key{width:40px;height:46px;border:solid var(--line);border-width:1px 1px 3px;border-radius:9px;background:#fff;font-size:17px;font-weight:700;cursor:pointer;color:var(--ink)}.key.hit{background:var(--good-soft);color:var(--good);border-color:var(--good)}.key.hit,.key.miss{pointer-events:none}.key.miss{background:var(--bad-soft);color:var(--bad);border-color:var(--bad);opacity:.7}.gallows{display:block;margin:0 auto}.match-grid{display:grid;grid-template-columns:1fr 1.7fr;grid-gap:12px;gap:12px}.match-item{border:2px solid var(--line);border-radius:12px;background:var(--card);padding:12px 10px;font-size:15px;cursor:pointer;color:var(--ink);text-align:center;min-height:52px}.match-item.match-word{font-weight:800;font-size:16px}.match-item.selected{border-color:var(--primary);background:var(--primary-soft)}.match-item.locked{border-color:var(--good);background:var(--good-soft);color:var(--good);pointer-events:none}.match-item.wrong{border-color:var(--bad);background:var(--bad-soft)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:8px}.choice-btn{border:solid var(--line);border-width:2px 2px 4px;border-radius:12px;background:var(--card);padding:18px 10px;font-size:18px;font-weight:800;cursor:pointer;color:var(--ink)}.choice-btn.wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad);opacity:.6;pointer-events:none}.choice-btn.right{border-color:var(--good);background:var(--good-soft);color:var(--good)}.final-card{text-align:center;padding:30px 18px}.final-card .big-score{font-size:44px;font-weight:900;color:var(--primary-dark);margin:8px 0}@media (max-width:960px){.metric-grid{grid-template-columns:repeat(3,1fr)}.analytics-grid,.student-analytics{grid-template-columns:1fr}.game-panel{min-height:auto}}@media (max-width:700px){.container{padding-inline:14px}.topbar{gap:11px;padding-inline:12px}.topnav{gap:10px;font-size:12px}.topbar .who{display:none}.brand-lockup.compact .brand-copy strong{font-size:17px}.dashboard-hero{align-items:flex-start;flex-direction:column;padding-top:12px}.dashboard-hero .hero-action{width:100%}.dashboard-tabs{display:flex}.dashboard-tabs button{flex:1 1}.dashboard-controls{align-items:stretch;flex-direction:column}.control-group{display:grid;grid-template-columns:1fr 1fr auto}.control-group select{min-width:0}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card:last-child{grid-column:1/-1}.section-heading{align-items:flex-start;flex-direction:column}.student-heading{align-items:stretch}.student-search{max-width:none}.form-grid,.tool-columns{grid-template-columns:1fr}.empty-dashboard{align-items:center;flex-direction:column;text-align:center}.empty-dashboard img{width:180px}.bar-row{grid-template-columns:112px minmax(60px,1fr) 38px}}@media (max-width:480px){.topnav a:first-child{display:none}.brand-lockup.compact .brand-copy strong{font-size:16px}.topbar .btn.small{padding-inline:9px}.metric-card{padding:14px}.metric-value{font-size:27px}.insight-card{padding:16px;border-radius:16px}.control-group{grid-template-columns:1fr 1fr}.control-group .icon-btn{grid-column:1/-1;width:100%}.bar-row{grid-template-columns:1fr 42px}.bar-track{grid-column:1/-1;grid-row:2}.bar-value{grid-column:2;grid-row:1}.mini-metrics{grid-template-columns:1fr 1fr}.mini-metrics div:last-child{grid-column:1/-1}.assignment-table td:nth-child(2),.assignment-table td:nth-child(6),.assignment-table th:nth-child(2),.assignment-table th:nth-child(6),.student-list-card .analytics-table td:nth-child(3),.student-list-card .analytics-table td:nth-child(5),.student-list-card .analytics-table th:nth-child(3),.student-list-card .analytics-table th:nth-child(5){display:none}.empty-dashboard{padding:24px 18px}.empty-dashboard img{width:145px}.tile-letter,.tile-slot{width:38px;height:46px;font-size:20px}.key{width:34px;height:42px}.game-grid{grid-template-columns:1fr}}