@layer components{.teacher_wrap,.teacher_form{gap:var(--space-3);flex-direction:column;min-width:0;max-width:44rem;display:flex}.teacher_h2,.teacher_h3{margin:0}.teacher_note{margin:0;line-height:1.5}.teacher_error{color:#a8201a;font-weight:var(--primary-bold);margin:0}.teacher_field{gap:var(--space-1);flex-direction:column;display:flex}.teacher_check{align-items:flex-start;gap:var(--space-2);line-height:1.4;display:flex}.teacher_input{padding:var(--space-2);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);font:inherit}.teacher_list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.teacher_item{gap:var(--space-2);padding:var(--space-3);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);flex-direction:column;display:flex}.teacher_actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.teacher_code{letter-spacing:.1em;font-size:1.25rem}.teacher_scroll{overflow-x:auto}.teacher_table{border-collapse:collapse;min-width:32rem}.teacher_table th,.teacher_table td{padding:var(--space-1) var(--space-2);border-bottom:var(--border-width) solid var(--color-border-field);text-align:left}.teacher_option{align-items:center;gap:var(--space-2);display:flex}.teacher_option_text{flex:1;min-width:0}.teacher_image{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.teacher_image_preview{border-radius:var(--radius-card);border:var(--border-width) solid var(--color-border-field);object-fit:cover;max-width:100%;height:auto}.teacher_file{cursor:pointer;position:relative;overflow:hidden}.teacher_file_input{opacity:0;cursor:pointer;position:absolute;inset:0}.teacher_file:focus-within{outline-offset:2px;outline:2px solid}.teacher_item fieldset,fieldset.teacher_item{min-width:0;margin:0}.teacher_q_list{padding-left:var(--space-4);margin:0}.teacher_choice{align-items:center;gap:var(--space-2);display:flex}.teacher_choice.is-right{font-weight:var(--primary-bold)}.teacher_quiz_image{border-radius:var(--radius-card);max-width:100%;height:auto}.live_option{text-align:left;justify-content:flex-start}.live_option.is-chosen{outline-offset:2px;outline:2px solid}.live_option.is-right{outline:3px solid var(--puzzle-ok-fg,#1a7f37);outline-offset:2px;font-weight:var(--primary-bold)}.teacher_me{font-weight:var(--primary-bold)}.teacher_table caption{text-align:left;padding-bottom:var(--space-2)}.teacher_hub{gap:var(--space-4);flex-direction:column;min-width:0;max-width:60rem;display:flex}.teacher_stats{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));margin:0;padding:0;list-style:none;display:grid}.teacher_stat{padding:var(--space-3);border-radius:var(--radius-card);background:var(--color-surface-soft);flex-direction:column;gap:2px;display:flex}.teacher_stat b{font-size:1.75rem;line-height:1.1}.teacher_stat span{color:var(--color-text-secondary);font-size:var(--text-small)}.teacher_quick{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.teacher_quick-card{align-items:center;gap:var(--space-2);min-height:3.5rem;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);color:inherit;text-decoration:none;transition:transform .15s,background .15s;display:flex}.teacher_quick-card:hover{background:var(--color-yellow-tile);transform:translateY(-2px)}.teacher_quick-card span{font-size:1.5rem}.teacher_newclass{align-items:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.teacher_newclass .teacher_field{flex:14rem}.teacher_class{border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);overflow:hidden}.teacher_class-head{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;display:flex}.teacher_class-name{font-size:1.25rem;font-weight:var(--primary-bold);flex:8rem}.teacher_class-caret{color:var(--color-text-secondary);font-size:.75rem}.teacher_panel{gap:var(--space-3);padding:0 var(--space-3) var(--space-3);flex-direction:column;display:flex}.teacher_code-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);background:var(--color-yellow-tile);flex-wrap:wrap;display:flex}.teacher_code-row>div:first-child{flex-direction:column;display:flex}.teacher_tabs{gap:var(--space-1);border-bottom:var(--border-width) solid var(--color-border-field);flex-wrap:wrap;display:flex}.teacher_tab{min-height:2.75rem;padding:0 var(--space-3);color:inherit;font:inherit;font-weight:var(--primary-bold);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000}.teacher_tab.is-on{border-bottom-color:var(--color-text,#111)}.teacher_toolbar{align-items:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.teacher_toolbar .teacher_input{flex:12rem}.teacher_chip{border-radius:var(--radius-pill);background:var(--color-surface-soft);font-size:var(--text-small);white-space:nowrap;align-items:center;padding:2px 10px;display:inline-flex}.teacher_chip.is-code{letter-spacing:.08em;font-family:ui-monospace,monospace}.teacher_chip.is-active{background:var(--color-green-surface,#e5f5e0);color:var(--color-green-text,#1c5d2a)}.teacher_chip.is-quiet{color:#a8201a;background:#fdecea}.teacher_ok{color:var(--color-green-text,#1c5d2a);font-weight:var(--primary-bold)}.teacher_badge{border-radius:var(--radius-pill);background:var(--color-brand-yellow);font-size:var(--text-small);font-weight:var(--primary-bold);align-self:flex-start;margin:0;padding:2px 10px}.teacher_big{font-size:2rem;font-weight:var(--primary-bold);margin:0}.teacher_progress{width:100%;height:.5rem}.teacher_answers{gap:var(--space-2);display:grid}.teacher_answer.is-right{background:var(--color-green-surface,#e5f5e0);border-color:#3fb27f}.teacher_answer.is-wrong{background:#fdecea;border-color:#d4554d}.teacher_lib-list{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.teacher_lib-item{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);cursor:pointer;display:flex}.teacher_lib-item.is-on{border-color:var(--color-text,#111);background:var(--color-yellow-tile)}.teacher_lib-item span{flex-direction:column;min-width:0;display:flex}.teacher_lib-item small{color:var(--color-text-secondary)}.teacher_wrap,.teacher_form{max-width:60rem}.teacher_sticky{bottom:var(--space-2);padding:var(--space-3);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);position:sticky;box-shadow:0 -4px 16px #00000014}.teacher_due{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.teacher_due .teacher_input{padding:6px var(--space-2)}.teacher_chip.is-soon{color:#7a5600;background:#fff1cc}.teacher_bar{width:5rem;height:.5rem;margin-right:var(--space-2);border-radius:var(--radius-pill);background:linear-gradient(90deg, #3fb27f var(--p), var(--color-surface-soft) var(--p));vertical-align:middle;display:inline-block}.teacher_note-card{padding:var(--space-3);border-radius:var(--radius-card);background:var(--color-yellow-tile);flex-direction:column;gap:4px;display:flex}.live_bars{gap:6px;display:grid}.live_bar{align-items:center;gap:var(--space-2);grid-template-columns:minmax(6rem,1fr) 3fr 2rem;display:grid}.live_bar i{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-brand-yellow-shadow,#c99700) var(--p), var(--color-surface-soft) var(--p));height:.75rem;display:block}.live_bar.is-right i{background:linear-gradient(90deg, #3fb27f var(--p), var(--color-surface-soft) var(--p))}.teacher_link{color:inherit;font:inherit;font-size:var(--text-small);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.print_sheet{gap:var(--space-3);flex-direction:column;max-width:50rem;display:flex}.print_line{padding-bottom:var(--space-2);border-bottom:1px solid;margin:0}.print_questions{gap:var(--space-3);padding-left:var(--space-4);flex-direction:column;margin:0;display:flex}.print_options{margin:0;padding:0;list-style:none}.print_image{max-width:16rem;height:auto}.print_key{padding-top:var(--space-3);border-top:2px dashed}.teacher_check-list{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-card);background:var(--color-yellow-tile);flex-direction:column;display:flex}.teacher_check-list h2{margin:0}.teacher_check-list ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.teacher_check-list li.is-done{color:var(--color-text-secondary);text-decoration:line-through}@media (width<=40rem){.teacher_tabs{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.teacher_tab{flex:none}.teacher_class-head,.teacher_code-row{padding:var(--space-2)}.teacher_panel{padding:0 var(--space-2) var(--space-2)}.teacher_table{min-width:28rem}.teacher_toolbar .teacher_input,.teacher_toolbar .teacher_field{flex:100%}.teacher_actions .button_wrap{flex:auto}.teacher_sticky{position:static}.live_bar{grid-template-columns:1fr 2fr 1.5rem}}.live_stage,.live_player-screen{--tile-red:#e21b3c;--tile-blue:#1368ce;--tile-yellow:#d89e00;--tile-green:#26890c;gap:var(--space-3);max-width:70rem;padding:var(--space-3);border-radius:var(--radius-card);color:#fff;background:linear-gradient(160deg,#46178f,#2b0d5c);flex-direction:column;display:flex}.live_stage :is(.teacher_note,.teacher_h3),.live_player-screen .teacher_note{color:inherit}.live_stage .button_wrap.secondary,.live_player-screen .button_wrap.secondary{color:var(--color-text,#111)}.live_bar-top{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.live_title{font-weight:var(--primary-bold)}.live_invite{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffff1a;border-radius:1.25rem;flex-direction:column;display:flex}.live_invite p{margin:0}.live_lobby,.live_wait,.live_finish,.live_feedback{align-items:center;gap:var(--space-3);padding-block:var(--space-4);text-align:center;flex-direction:column;display:flex}.live_pin-box{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-5);border-radius:var(--radius-card);color:#111;background:#fff;flex-direction:column;display:flex}.live_pin-label{font-size:1.125rem}.live_pin{letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:clamp(3rem,12vw,6.5rem);line-height:1}.live_count{font-size:1.5rem;font-weight:var(--primary-bold);margin:0}.live_players{justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.live_player{border-radius:var(--radius-pill);font-weight:var(--primary-bold);background:#ffffff2e;align-items:center;gap:8px;padding:6px 14px;animation:.3s live-pop;display:inline-flex}.live_x{width:1.5rem;height:1.5rem;color:inherit;font:inherit;cursor:pointer;background:#ffffff40;border:0;border-radius:50%;line-height:1}.live_question{gap:var(--space-3);flex-direction:column;display:flex}.live_meta{justify-content:space-between;align-items:center;gap:var(--space-2);font-weight:var(--primary-bold);display:flex}.live_timer{color:#46178f;background:#fff;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;font-size:1.75rem;display:grid}.live_prompt{padding:var(--space-3);border-radius:var(--radius-card);color:#111;text-align:center;background:#fff;margin:0;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.2}.live_image{border-radius:var(--radius-card);align-self:center;max-width:100%;max-height:18rem}.live_tiles{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.live_tile{align-items:center;gap:var(--space-2);min-height:5.5rem;padding:var(--space-3);color:#fff;font:inherit;font-size:clamp(1.0625rem,2.6vw,1.75rem);font-weight:var(--primary-bold);text-align:left;border:0;border-radius:.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #0000004d}button.live_tile{cursor:pointer;transition:transform .1s}button.live_tile:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #0000004d}.tile-red{background:var(--tile-red)}.tile-blue{background:var(--tile-blue)}.tile-yellow{background:var(--tile-yellow)}.tile-green{background:var(--tile-green)}.live_symbol{font-size:2rem;line-height:1}.live_option{overflow-wrap:anywhere;min-width:0}.live_tile.is-dim{opacity:.35}.live_tile.is-chosen{outline:4px solid #fff}.live_tile.is-right{outline:5px solid #fff;animation:.4s live-pop}.live_count-bar{inset-inline:0;background:linear-gradient(90deg, #ffffffd9 var(--p), transparent var(--p));height:.5rem;position:absolute;bottom:0}.live_count-num{margin-left:auto;font-size:1.75rem}.live_top5{gap:6px;margin:0;padding:0;list-style:none;display:grid}.live_top5 li{border-radius:var(--radius-pill);font-weight:var(--primary-bold);background:#ffffff29;justify-content:space-between;padding:8px 14px;display:flex}.live_controls{justify-content:center}.live_points{margin:0;font-size:3rem;font-weight:800;animation:.5s live-pop}.live_streak,.live_rank,.live_nick{font-size:1.5rem;font-weight:var(--primary-bold);margin:0}.live_pin-input{letter-spacing:.3em;text-align:center;font-size:2rem}.live_join{width:100%;max-width:28rem;margin-inline:auto}.live_pin-input{width:100%;min-width:0}.live_podium-wrap{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex;position:relative}.live_confetti{letter-spacing:.5em;font-size:2rem;animation:2.4s ease-out both live-fall}.live_podium{align-items:end;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,36rem);margin:0;padding:0;list-style:none;display:grid}.live_step{padding:var(--space-2);color:#111;text-align:center;background:#fff;border-radius:.75rem .75rem 0 0;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;animation:.7s both live-rise;display:flex}.live_step-first{background:#ffd84d;min-height:11rem;animation-delay:.3s}.live_step-second{background:#d9dde3;min-height:8rem;animation-delay:.15s}.live_step-third{background:#e3b27e;min-height:6rem}.live_medal{font-size:2.25rem}.live_step-name{overflow-wrap:anywhere}.live_step-score{font-size:1.25rem;font-weight:800}.live_rest{max-width:30rem;color:inherit}.live_banner{border-color:#46178f;animation:.4s live-pop}@keyframes live-pop{0%{opacity:.4;transform:scale(.85)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes live-rise{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:none}}@keyframes live-fall{0%{opacity:0;transform:translateY(-1.5rem)}30%{opacity:1}to{opacity:.9;transform:translateY(0)}}@media (width<=40rem){.live_tiles{grid-template-columns:1fr}.live_tile{min-height:4.25rem}.live_podium{gap:4px}}@media (prefers-reduced-motion:reduce){.live_player,.live_step,.live_points,.live_confetti,.live_banner,.live_tile.is-right{animation:none}}.teacher_h2{font-size:1.5rem;line-height:1.2}.teacher_h3{font-size:1.25rem;line-height:1.25}.teacher_hub>.teacher_form,.teacher_newclass{padding:var(--space-4);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white)}.teacher_hub>.teacher_form{gap:var(--space-2)}.teacher_hub .teacher_toolbar{margin-top:var(--space-2)}.teacher_newclass{gap:var(--space-3)}.teacher_newclass .teacher_field{gap:var(--space-2);font-weight:var(--primary-bold)}.teacher_newclass .teacher_input{font-weight:400}.teacher_section-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.teacher_more{color:inherit;font-size:var(--text-small);font-weight:var(--primary-bold);text-decoration:none}.teacher_more:hover{text-decoration:underline}.teacher_stat{padding:var(--space-4);border:var(--border-width) solid var(--color-border-field);background:var(--color-white)}.teacher_stat b{font-size:2rem}.teacher_check-list{gap:var(--space-3);padding:var(--space-4)}.teacher_check-list ul{gap:var(--space-2)}.teacher_check-list li{align-items:center;gap:var(--space-2);display:flex}.teacher_check-list li>span{background:#ffffffb3;border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;font-size:.8125rem;display:inline-grid}.teacher_check-list li.is-done>span{background:var(--color-text-primary,#111);color:#fff}.teacher_quick{gap:var(--space-3)}.teacher_quick-card{min-height:4.5rem;padding:var(--space-3) var(--space-4);gap:var(--space-3)}.teacher_quick-card span{background:var(--color-yellow-tile);border-radius:.75rem;flex:none;place-items:center;width:2.75rem;height:2.75rem;font-size:1.375rem;display:grid}.teacher_hub{gap:var(--space-6)}.teacher_top .teacher_actions{gap:var(--space-3)}.teacher_games,.teacher_classes{gap:var(--space-4);flex-direction:column;display:flex}.teacher_section-head>div{gap:var(--space-1);flex-direction:column;display:flex}.teacher_game-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.teacher_game{gap:var(--space-2);padding:var(--space-4);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);flex-direction:column;display:flex}.teacher_game:before{content:"";height:.5rem;margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-2);border-radius:var(--radius-card) var(--radius-card) 0 0;background:linear-gradient(90deg,#e21b3c 25%,#1368ce 25% 50%,#d89e00 50% 75%,#26890c 75%)}.teacher_game-title{overflow-wrap:anywhere;font-size:1.125rem;line-height:1.3}.teacher_game-meta{color:var(--color-text-secondary);font-size:var(--text-small)}.teacher_game-actions{gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.teacher_empty{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-card);background:var(--color-yellow-tile);flex-direction:column;display:flex}.teacher_empty b{font-size:1.5rem}.teacher_options{font-size:var(--text-small);position:relative}.teacher_options summary{cursor:pointer;font-weight:var(--primary-bold)}.teacher_options-body{z-index:5;gap:var(--space-3);width:16rem;margin-top:var(--space-2);padding:var(--space-3);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);flex-direction:column;display:flex;position:absolute;right:0;box-shadow:0 8px 24px #0000001f}.teacher_menu{position:relative}.teacher_menu summary{cursor:pointer;list-style:none}.teacher_menu summary::-webkit-details-marker{display:none}.teacher_menu-body{z-index:5;min-width:12rem;margin-top:var(--space-2);padding:var(--space-2);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);flex-direction:column;display:flex;position:absolute;box-shadow:0 8px 24px #0000001f}.teacher_menu-body a{padding:var(--space-2) var(--space-3);color:inherit;border-radius:.5rem;text-decoration:none}.teacher_menu-body a:hover{background:var(--color-yellow-tile)}.teacher_newclass{background:0 0;border:0;flex-wrap:nowrap;align-items:center;padding:0}.teacher_newclass .teacher_input{min-width:0;padding:var(--space-3);flex:auto}.teacher_fine{color:var(--color-text-secondary);font-size:var(--text-small)}a.button_wrap{text-decoration:none}.teacher_summary{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.teacher_input{min-width:0;max-width:100%}.teacher_next{padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--color-yellow-tile);font-weight:var(--primary-bold);margin:0;line-height:1.4}.teacher_words{border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white)}.teacher_words summary{padding:var(--space-3) var(--space-4);font-weight:var(--primary-bold);cursor:pointer}.teacher_words-body{gap:var(--space-3);padding:0 var(--space-4) var(--space-4);flex-direction:column;display:flex}.teacher_words-body .teacher_field{gap:var(--space-2);font-weight:var(--primary-bold)}.teacher_words-body .teacher_input{font-weight:400}.kh{--kh-red:#e21b3c;--kh-blue:#1368ce;--kh-yellow:#d89e00;--kh-green:#26890c;align-items:start;gap:var(--space-5);grid-template-columns:13rem minmax(0,1fr);min-width:0;display:grid}.kh_side{top:var(--space-4);gap:var(--space-1);padding:var(--space-2);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);flex-direction:column;display:flex;position:sticky}.kh_tab{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-3);color:inherit;font:inherit;font-weight:var(--primary-bold);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.75rem;display:flex}.kh_tab:hover{background:var(--color-surface-soft)}.kh_tab.is-on{background:var(--color-text-primary);color:var(--color-white)}.kh_count{border-radius:var(--radius-pill);background:#00000014;margin-left:auto;padding:0 8px;font-size:.75rem;line-height:1.5rem}.kh_side-links{margin-top:var(--space-2);padding-top:var(--space-2);border-top:var(--border-width) solid var(--color-border-field);flex-direction:column;display:flex}.kh_side-links a{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-small);border-radius:.5rem;text-decoration:none}.kh_side-links a:hover{background:var(--color-surface-soft);color:inherit}.kh_main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.kh_top{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.kh_title{margin:0;font-size:1.75rem;line-height:1.15}.kh_lead{color:var(--color-text-secondary);margin:0;line-height:1.5}.kh_create{position:relative}.kh_create summary{cursor:pointer;list-style:none}.kh_create summary::-webkit-details-marker{display:none}.kh_create-menu{z-index:10;width:min(20rem,85vw);margin-top:var(--space-2);padding:var(--space-2);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);flex-direction:column;gap:2px;display:flex;position:absolute;right:0;box-shadow:0 12px 32px #00000024}.kh_create-menu a,.kh_create-menu button{padding:var(--space-2) var(--space-3);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.75rem;flex-direction:column;gap:2px;text-decoration:none;display:flex}.kh_create-menu a:hover,.kh_create-menu button:hover{background:var(--color-yellow-tile)}.kh_create-menu small{color:var(--color-text-secondary);font-size:var(--text-small)}.kh_games,.kh_classes{gap:var(--space-4);flex-direction:column;display:flex}.kh_toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.kh_seconds{align-items:center;gap:var(--space-2);font-size:var(--text-small);font-weight:var(--primary-bold);white-space:nowrap;display:inline-flex}.kh_seconds .teacher_input{padding:6px var(--space-2)}.kh_grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));margin:0;padding:0;list-style:none;display:grid}.kh_card{border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);flex-direction:column;min-width:0;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.kh_card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000001a}.kh_cover{color:#fff;place-items:center;height:7rem;display:grid;position:relative}.kh_cover.is-red{background:var(--kh-red)}.kh_cover.is-blue{background:var(--kh-blue)}.kh_cover.is-yellow{background:var(--kh-yellow)}.kh_cover.is-green{background:var(--kh-green)}.kh_cover-mark{opacity:.9;font-size:2.75rem;font-weight:800;line-height:1}.kh_cover-count{right:var(--space-2);bottom:var(--space-2);border-radius:var(--radius-pill);font-size:.8125rem;font-weight:var(--primary-bold);background:#00000059;padding:2px 10px;position:absolute}.kh_card-body{gap:var(--space-1);padding:var(--space-3) var(--space-3) 0;flex-direction:column;flex:1;display:flex}.kh_card-title{overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.3}.kh_card-note{color:var(--color-text-secondary);font-size:var(--text-small);line-height:1.4}.kh_card-actions{align-items:center;gap:var(--space-2);padding:var(--space-3);display:flex}.kh_play{text-align:center;background:var(--color-text-primary);min-height:2.75rem;box-shadow:0 4px 0 var(--color-brand-yellow,#ffd84d);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:800;transition:transform .1s;display:inline-flex}.kh_play:active:not(:disabled){box-shadow:0 1px 0 var(--color-brand-yellow,#ffd84d);transform:translateY(3px)}.kh_play:disabled{opacity:.4;cursor:not-allowed}.kh_play.is-soft{background:var(--color-surface-soft);box-shadow:none;color:inherit}.kh_play.is-soft:hover:not(:disabled){background:var(--color-yellow-tile)}.kh_edit{padding:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--primary-bold);text-decoration:none}.kh_edit:hover{color:inherit;text-decoration:underline}.kh_empty{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);border:2px dashed var(--color-border-field);border-radius:var(--radius-card);text-align:center;flex-direction:column;display:flex}.kh_empty-title{font-size:1.5rem}.kh_empty-text{max-width:30rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.kh_empty-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=48rem){.kh{gap:var(--space-3);grid-template-columns:1fr}.kh_side{padding:var(--space-1);scrollbar-width:none;flex-direction:row;position:static;overflow-x:auto}.kh_tab{flex:none}.kh_side-links{display:none}.kh_title{font-size:1.375rem}.kh_grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.kh_cover{height:5.5rem}}.live_stage,.live_player-screen{gap:var(--space-4);padding:var(--space-5);border-radius:calc(var(--radius-card) * 1.25);background:radial-gradient(circle at 92% 0,#ffd84d38 0 16rem,#0000 16rem),#15171e;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px #1113188c}.live_stage:fullscreen{max-width:none;padding:var(--space-6);border-radius:0;justify-content:space-between}.live_bar-top{padding-bottom:var(--space-3);border-bottom:1px solid #ffffff1f}.live_title{align-items:center;gap:var(--space-2);color:#ffd84d;font-size:var(--text-small);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;display:inline-flex}.live_step-count{border-radius:var(--radius-pill);color:#fff;letter-spacing:0;text-transform:none;background:#ffffff1f;padding:2px 10px}.live_tools{gap:var(--space-2);flex-wrap:wrap;display:flex}.live_tool{min-height:2.5rem;padding:0 var(--space-3);border-radius:var(--radius-pill);color:#fff;font:inherit;font-size:var(--text-small);font-weight:var(--primary-bold);cursor:pointer;background:0 0;border:1px solid #ffffff40}.live_tool:hover{background:#ffffff1a}.live_tool[aria-pressed=false]{opacity:.7}.live_go{min-height:3.25rem;padding:0 var(--space-5);border-radius:var(--radius-pill);color:#15171e;font:inherit;cursor:pointer;background:#ffd84d;border:0;font-size:1.0625rem;font-weight:800;box-shadow:0 4px #0006}.live_go:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0006}.live_go:disabled{opacity:.45;cursor:not-allowed}.live_go:focus-visible,.live_tool:focus-visible,.live_x:focus-visible{outline-offset:2px;outline:3px solid #fff}.live_controls{justify-content:center;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid #ffffff1f;flex-wrap:wrap;display:flex}.live_loading{padding:var(--space-5);color:inherit;text-align:center;margin:0}.live_fine{color:#ffffffb3;max-width:34rem;font-size:var(--text-small);text-align:center;margin:0;line-height:1.5}.live_error,.live_join-error{padding:var(--space-2) var(--space-3);color:#a8201a;font-weight:var(--primary-bold);background:#fde6ea;border-radius:.75rem;margin:0}.live_headline{letter-spacing:-.02em;text-align:center;margin:0;font-size:clamp(1.75rem,5vw,3rem);font-weight:800;line-height:1.1}.live_pin-box{gap:var(--space-2);padding:var(--space-4) var(--space-6);border-radius:calc(var(--radius-card) * 1.25);color:#15171e;background:#ffd84d;box-shadow:0 8px #00000059}.live_pin-label{font-weight:var(--primary-bold)}.live_pin{font-weight:800}.live_cap{color:#ffffff80;font-weight:400}.live_player{color:#15171e;background:#fff;box-shadow:0 3px #00000059}.live_x{background:#0000001a}.live_prompt-row{align-items:center;gap:var(--space-3);display:flex}.live_prompt-row .live_prompt{flex:1;min-width:0}.live_prompt{padding:var(--space-4) var(--space-5);border-radius:calc(var(--radius-card) * 1.25);overflow-wrap:anywhere;font-weight:800}.live_prompt.is-small{padding:var(--space-3);font-size:clamp(1.125rem,4.5vw,1.5rem)}.live_timer{color:#15171e;background:#ffd84d;flex:none;width:4rem;height:4rem;font-weight:800;box-shadow:0 4px #00000059}.live_check{color:#26890c;background:#fff;border-radius:50%;flex:none;place-items:center;width:2.25rem;height:2.25rem;margin-left:auto;font-size:1.25rem;display:grid}.live_top5{counter-reset:none}.live_top5 li{background:#ffffff1a;align-items:center}.live_top5 li span{align-items:center;gap:var(--space-2);display:inline-flex}.live_top5 li i{background:#ffffff26;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;font-size:.8125rem;font-style:normal;display:grid}.live_top5 li:first-child i,.live_top5 li.is-me{color:#15171e;background:#ffd84d}.live_rest{margin-inline:auto}.live_rest td{border-color:#ffffff26}.live_me{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:#ffffff1a;display:flex}.live_me span{color:#ffd84d;font-variant-numeric:tabular-nums;font-weight:800}.live_wait-mark{color:#15171e;background:#ffd84d;border-radius:50%;place-items:center;width:4.5rem;height:4.5rem;font-size:2rem;font-weight:800;animation:.4s live-pop;display:grid}.live_player-screen.is-good .live_wait-mark{color:#26890c;background:#fff}.live_player-screen.is-bad .live_wait-mark{color:#e21b3c;background:#fff}.live_correct{padding:var(--space-2) var(--space-3);text-align:center;background:#ffffff2e;border-radius:.75rem;margin:0;line-height:1.4}.live_answered{padding:var(--space-2) var(--space-3);font-weight:var(--primary-bold);text-align:center;background:#ffffff1f;border-radius:.75rem;margin:0}.live_tiles.is-phone .live_tile{text-align:center;flex-direction:column;justify-content:center;min-height:6.5rem}.live_tiles.is-phone .live_symbol{font-size:2.5rem}.live_tiles.is-phone .live_option{text-align:center}.live_player-screen{max-width:32rem;margin-inline:auto}.live_player-screen.is-good{background:radial-gradient(circle at 50% 0,#ffffff2e 0 12rem,#0000 12rem),#26890c}.live_player-screen.is-bad{background:radial-gradient(circle at 50% 0,#ffffff26 0 12rem,#0000 12rem),#c0172f}.live_join{gap:var(--space-4);padding:var(--space-5);border-radius:calc(var(--radius-card) * 1.25);color:#fff;background:radial-gradient(circle at 100% 0,#ffd84d38 0 9rem,#0000 9rem),#15171e;box-shadow:0 18px 40px -18px #1113188c}.live_join .teacher_field{gap:var(--space-2);font-weight:800}.live_join .teacher_input{min-height:3.25rem;padding:var(--space-2) var(--space-3);color:#15171e;background:#fff;border:0;border-radius:.875rem;font-weight:400}.live_join .teacher_input:focus-visible{outline-offset:2px;outline:3px solid #ffd84d}.live_join .live_pin-input{letter-spacing:.35em;font-variant-numeric:tabular-nums;min-height:4.5rem;font-size:2.25rem;font-weight:800}.live_join .live_pin-input::placeholder{color:#15171e33}.live_join .teacher_note{color:#fffc}.live_join .teacher_actions .button_wrap{color:#15171e;background:#ffd84d;justify-content:center;width:100%}.live_join .teacher_error{padding:var(--space-2) var(--space-3);background:#fde6ea;border-radius:.75rem}@media (width<=40rem){.live_stage,.live_player-screen{padding:var(--space-4)}.live_pin-box{padding:var(--space-3) var(--space-4)}.live_timer{width:3.25rem;height:3.25rem;font-size:1.375rem}.live_tiles.is-phone{grid-template-columns:repeat(2,minmax(0,1fr))}.live_tiles.is-phone .live_tile{min-height:7rem}.live_join{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.live_wait-mark{animation:none}}.teacher_anchor{scroll-margin-top:var(--space-6)}.kh_side{padding:var(--space-2);border-radius:calc(var(--radius-card) * 1.25);color:#fff;background:#15171e;border:0;box-shadow:0 12px 28px -16px #11131899}.kh_tab{color:#fffc}.kh_tab:hover{color:#fff;background:#ffffff14}.kh_tab.is-on{color:#15171e;background:#ffd84d}.kh_count{background:#ffffff24}.kh_tab.is-on .kh_count{background:#0000001f}.kh_side-links{border-top-color:#ffffff1f}.kh_side-links a{color:#ffffffa6}.kh_side-links a:hover{color:#fff;background:#ffffff14}.kh_tab:focus-visible,.kh_side-links a:focus-visible{outline-offset:2px;outline:3px solid #ffd84d}.kh_card{border-width:calc(var(--border-width) * 2);box-shadow:var(--card-shadow)}.kh_cover{background-image:radial-gradient(circle at 85% 20%,#ffffff38 0 2.5rem,#0000 2.5rem),radial-gradient(circle at 10% 110%,#00000026 0 3.5rem,#0000 3.5rem)}.kh_cover-mark{color:#15171e;background:#ffffffeb;border-radius:1rem;place-items:center;width:3.75rem;height:3.75rem;font-size:2rem;display:grid;transform:rotate(-4deg);box-shadow:0 4px #00000040}.kh_play{color:#15171e;background:#ffd84d;box-shadow:0 4px #c99a00}.kh_play:active:not(:disabled){box-shadow:0 1px #c99a00}.kh_empty{background:var(--color-yellow-tile);border-color:#0000}.teacher_class{border-width:calc(var(--border-width) * 2);border-color:var(--color-border);box-shadow:var(--card-shadow)}.teacher_class.is-open{border-color:#15171e}.teacher_class-head{gap:var(--space-3);padding:var(--space-3) var(--space-4)}.teacher_class-head:focus-visible{outline:var(--outline-focus);outline-offset:-4px}.teacher_class-avatar{color:#fff;border-radius:.875rem;flex:none;place-items:center;width:2.75rem;height:2.75rem;font-size:1.25rem;font-weight:800;display:grid}.teacher_class-avatar.is-red{background:#e21b3c}.teacher_class-avatar.is-blue{background:#1368ce}.teacher_class-avatar.is-yellow{background:#d89e00}.teacher_class-avatar.is-green{background:#26890c}.teacher_class-head .teacher_chip.is-code{color:#15171e;background:#ffd84d;font-weight:800}.teacher_class-caret{background:var(--color-surface-soft);border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.teacher_panel{gap:var(--space-4);padding:0 var(--space-4) var(--space-4)}.teacher_code-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);color:#fff;background:#15171e}.teacher_code-row .teacher_note{color:#ffffffb3;font-size:var(--text-small)}.teacher_code-row .teacher_code{color:#ffd84d;letter-spacing:.15em;font-family:ui-monospace,monospace;font-size:1.75rem;font-weight:800}.teacher_code-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.teacher_code-btn{min-height:2.5rem;padding:0 var(--space-3);border-radius:var(--radius-pill);color:#fff;font:inherit;font-size:var(--text-small);font-weight:var(--primary-bold);cursor:pointer;background:0 0;border:1px solid #ffffff40;align-items:center;list-style:none;display:inline-flex}.teacher_code-btn::-webkit-details-marker{display:none}.teacher_code-btn:hover{background:#ffffff1a}.teacher_code-btn.is-main{color:#15171e;background:#ffd84d;border-color:#ffd84d}.teacher_code-btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.teacher_code-more .teacher_menu-body{z-index:10;color:var(--color-text-primary);right:0}.teacher_menu-body button{padding:var(--space-2) var(--space-3);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem}.teacher_menu-body button:hover{background:var(--color-yellow-tile)}.teacher_menu-body button.is-danger{color:#a8201a}.teacher_tabs{border-radius:var(--radius-pill);background:var(--color-surface-soft);border:0;gap:4px;padding:4px}.teacher_tab{border-radius:var(--radius-pill);border:0;flex:auto;min-height:2.5rem}.teacher_tab.is-on{color:#fff;background:#15171e}.teacher_tab:focus-visible{outline:var(--outline-focus);outline-offset:2px}@media (width<=40rem){.teacher_class-head{padding:var(--space-3)}.teacher_panel{padding:0 var(--space-3) var(--space-3)}.teacher_code-row .teacher_code{font-size:1.5rem}.teacher_tabs{border-radius:.875rem}}.is-live-play main .section-header_wrap{display:none!important}.is-live-play main .home-section_wrap{padding-block:var(--space-4)}main .live_player-screen{width:min(100%,36rem);min-height:min(78svh,44rem);padding:var(--space-4);gap:var(--space-4);background:#15171e;border-radius:1.75rem;transition:background-color .25s}main .live_player-screen.is-good{background:#26890c}main .live_player-screen.is-bad{background:#c0172f}main .live_player-screen .live_me{padding:.75rem 1.25rem;font-size:1.125rem}main .live_player-screen .live_me span{font-size:1.25rem}main .live_player-screen>:is(.live_wait,.live_feedback,.live_finish){justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;flex:1;display:flex}main .live_player-screen .live_question{gap:var(--space-3);flex-direction:column;flex:1;display:flex}main .live_player-screen .live_prompt-row{align-items:center}main .live_player-screen .live_prompt{font-size:clamp(1.75rem,7vw,2.5rem)}main .live_player-screen .live_tiles.is-phone{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(7rem,1fr)}main .live_player-screen .live_tiles.is-phone .live_tile{min-height:0;padding:var(--space-3)}main .live_player-screen .live_option{font-size:clamp(1.125rem,4.4vw,1.5rem);font-weight:800}main .live_join{background:#15171e}}@media print{body{color:#000!important;background:#fff!important}header,footer,nav,.skip-link,.print_controls,.header_wrap,[class*=header-profile]{display:none!important}.print_sheet{max-width:none}.print_questions>li{break-inside:avoid}.print_table th,.print_table td{border:1px solid #000}}
