.room-picker[data-v-42b269fb]{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:48px 16px;background:#fff}.room-picker__header[data-v-42b269fb]{text-align:center;margin-bottom:32px}.room-picker__title[data-v-42b269fb]{font-size:28px;font-weight:400;color:#202124;margin:0;font-family:Google Sans,Roboto,sans-serif}.room-picker__subtitle[data-v-42b269fb]{font-size:14px;color:#5f6368;margin:8px 0 0}.room-picker__content[data-v-42b269fb]{width:100%;max-width:360px}.room-picker__label[data-v-42b269fb]{display:block;font-size:14px;color:#5f6368;margin-bottom:8px}.room-picker__input[data-v-42b269fb]{width:100%;padding:12px;font-size:16px;border:1px solid #dadce0;border-radius:4px;outline:none;margin-bottom:16px}.room-picker__input[data-v-42b269fb]:focus{border-color:#1a73e8}.room-picker__btn[data-v-42b269fb]{width:100%;padding:12px;font-size:14px;font-weight:500;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#5f6368;cursor:pointer}.room-picker__btn--primary[data-v-42b269fb]{background:#1a73e8;border-color:#1a73e8;color:#fff}.room-picker__btn--primary[data-v-42b269fb]:hover:not(:disabled){background:#1557b0}.room-picker__btn[data-v-42b269fb]:disabled{opacity:.5;cursor:not-allowed}.room-picker__welcome[data-v-42b269fb]{text-align:center;font-size:14px;color:#202124;margin-bottom:24px}.room-picker__link[data-v-42b269fb]{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:inherit;padding:0;margin-left:8px}.room-picker__link[data-v-42b269fb]:hover{text-decoration:underline}.room-picker__rooms[data-v-42b269fb]{display:flex;flex-direction:column;gap:8px}.room-picker__room[data-v-42b269fb]{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #dadce0;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.room-picker__room[data-v-42b269fb]:hover{background:#f8f9fa;border-color:#d2d2d2}.room-picker__room--loading[data-v-42b269fb]{opacity:.6;pointer-events:none}.room-picker__room-icon[data-v-42b269fb]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#e8f0fe;color:#1a73e8;border-radius:50%;font-size:14px;font-weight:500}.room-picker__room-info[data-v-42b269fb]{flex:1;min-width:0}.room-picker__room-name[data-v-42b269fb]{display:block;font-size:14px;color:#202124}.room-picker__room-desc[data-v-42b269fb]{display:block;font-size:12px;color:#5f6368;margin-top:2px}.room-picker__room-action[data-v-42b269fb]{font-size:13px;color:#1a73e8;font-weight:500}.room-picker__error[data-v-42b269fb]{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#d93025;color:#fff;padding:12px 16px;border-radius:4px;font-size:14px;display:flex;align-items:center;gap:12px}.room-picker__error .room-picker__link[data-v-42b269fb]{color:#fff}.blackboard-wrapper[data-v-84e625e6]{display:flex;justify-content:center;align-items:center;padding:8px 16px;background:#f8f9fa;height:100%}.blackboard[data-v-84e625e6]{width:100%;max-width:800px;background:linear-gradient(145deg,#2d5a27,#1e3d1a);border:4px solid #5c4033;border-radius:6px;padding:10px 20px;color:#e8f5e3;box-shadow:inset 0 2px 4px #0003,0 4px 12px #00000026}.blackboard__row[data-v-84e625e6]{display:flex;align-items:center;gap:16px}.blackboard__row--waiting[data-v-84e625e6]{justify-content:center}.blackboard__question[data-v-84e625e6]{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.blackboard__sentence[data-v-84e625e6]{font-size:15px;color:#fff}.blackboard__definition[data-v-84e625e6]{font-size:13px;color:#ffffffb3;white-space:nowrap}.blackboard__sound[data-v-84e625e6]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:14px;cursor:pointer;padding:4px 8px;transition:background .2s}.blackboard__sound[data-v-84e625e6]:hover:not(:disabled){background:#fff3}.blackboard__sound[data-v-84e625e6]:disabled{opacity:.5;cursor:default}.blackboard__timer[data-v-84e625e6]{display:flex;align-items:baseline;gap:2px;white-space:nowrap}.blackboard__timer-value[data-v-84e625e6]{font-size:24px;font-weight:500;color:#fff;font-family:Google Sans,Roboto,sans-serif;min-width:32px;text-align:right}.blackboard__timer-unit[data-v-84e625e6]{font-size:14px;color:#ffffffb3}.blackboard__timer--warning .blackboard__timer-value[data-v-84e625e6]{color:#ffd93d}.blackboard__timer--danger .blackboard__timer-value[data-v-84e625e6]{color:#ff6b6b}.blackboard__waiting[data-v-84e625e6]{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#fffc}.blackboard__start-btn[data-v-84e625e6]{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.blackboard__start-btn[data-v-84e625e6]:hover{background:#ffffff4d}@media(max-width:768px){.blackboard-wrapper[data-v-84e625e6]{padding:12px}.blackboard[data-v-84e625e6]{padding:12px 16px;border-width:4px}.blackboard__question[data-v-84e625e6]{flex-wrap:wrap}.blackboard__definition[data-v-84e625e6]{white-space:normal}}.last-ranking[data-v-7790d0e7]{padding:12px;height:100%;display:flex;flex-direction:column;gap:16px}.last-ranking__section[data-v-7790d0e7]{display:flex;flex-direction:column}.last-ranking__header[data-v-7790d0e7]{font-size:11px;font-weight:500;color:#5f6368;text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:1px solid #e0e0e0;margin-bottom:8px}.last-ranking__list[data-v-7790d0e7]{flex:1;overflow-y:auto}.last-ranking__item[data-v-7790d0e7]{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px}.last-ranking__rank[data-v-7790d0e7]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;border-radius:50%;background:#f1f3f4;color:#5f6368}.last-ranking__rank--1[data-v-7790d0e7]{background:#fef7e0;color:#e37400}.last-ranking__rank--2[data-v-7790d0e7]{background:#f1f3f4;color:#5f6368}.last-ranking__rank--3[data-v-7790d0e7]{background:#fce8e6;color:#c5221f}.last-ranking__name[data-v-7790d0e7]{flex:1;color:#202124;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-ranking__rounds[data-v-7790d0e7]{color:#5f6368;font-size:12px}.last-ranking__empty[data-v-7790d0e7]{color:#9aa0a6;font-size:12px;padding:8px 0}.last-ranking__item--observer[data-v-7790d0e7]{padding:4px 0}.last-ranking__item--observer .last-ranking__name[data-v-7790d0e7]{color:#5f6368}.table-cell[data-v-abb7c03c]{position:relative;padding-top:14px}.table-cell__label[data-v-abb7c03c]{position:absolute;top:0;left:2px;font-size:9px;color:#9aa0a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.table-cell__desk[data-v-abb7c03c]{background:#fff;border:2px solid #dadce0;border-radius:4px;height:var(--table-height, 44px);display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.table-cell--clickable[data-v-abb7c03c]{cursor:pointer}.table-cell--clickable:hover .table-cell__desk[data-v-abb7c03c]{background:#f8f9fa}.table-cell--empty .table-cell__desk[data-v-abb7c03c]{border-color:#e0e0e0}.table-cell--occupied .table-cell__desk[data-v-abb7c03c]{border-color:#1a73e8}.table-cell--local .table-cell__desk[data-v-abb7c03c]{border-color:#1a73e8;background:#e8f0fe}.table-cell--selected .table-cell__desk[data-v-abb7c03c]{border-color:#fbbc04;background:#fef7e0}.table-cell--eliminated .table-cell__desk[data-v-abb7c03c]{border-color:#dadce0;background:#f1f3f4}.table-cell--eliminated .table-cell__label[data-v-abb7c03c]{color:#bdc1c6}.table-cell__typing[data-v-abb7c03c]{font-size:13px;color:#202124;font-family:Google Sans,Roboto,sans-serif;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px;letter-spacing:1px}.table-cell__status[data-v-abb7c03c]{font-size:10px;color:#d93025;font-weight:500}.classroom[data-v-db9c1f82]{display:flex;align-items:center;justify-content:center;height:100%;padding:16px;background:#fafafa}.classroom__container[data-v-db9c1f82]{width:100%}.classroom__grid[data-v-db9c1f82]{display:grid}.current-results[data-v-1deaac2f]{padding:12px;height:100%;display:flex;flex-direction:column}.current-results__header[data-v-1deaac2f]{font-size:11px;font-weight:500;color:#5f6368;text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:1px solid #e0e0e0;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-results__list[data-v-1deaac2f]{flex:1;overflow-y:auto}.current-results__item[data-v-1deaac2f]{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px}.current-results__status[data-v-1deaac2f]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border-radius:50%;background:#fce8e6;color:#d93025}.current-results__status--correct[data-v-1deaac2f]{background:#e6f4ea;color:#1e8e3e}.current-results__content[data-v-1deaac2f]{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.current-results__word[data-v-1deaac2f]{color:#202124;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-results__answer[data-v-1deaac2f]{color:#5f6368;font-size:11px;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-results__empty[data-v-1deaac2f]{flex:1;display:flex;align-items:center;justify-content:center;color:#9aa0a6;font-size:13px;text-align:center}.spelling-board[data-v-ec5544a6]{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 16px;cursor:text;min-height:60px}.hidden-input[data-v-ec5544a6]{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.letters-container[data-v-ec5544a6]{display:flex;align-items:flex-end;justify-content:center;gap:6px;flex-wrap:nowrap}.letter-slot[data-v-ec5544a6]{display:flex;flex-direction:column;align-items:center;width:var(--letter-size, 32px);animation:letterPop-ec5544a6 .1s ease-out}@keyframes letterPop-ec5544a6{0%{transform:scale(.9);opacity:.5}to{transform:scale(1);opacity:1}}.letter[data-v-ec5544a6]{font-size:var(--font-size, 26px);font-weight:500;color:#202124;font-family:Google Sans,Roboto,sans-serif;text-transform:uppercase;line-height:1.3}.underline[data-v-ec5544a6]{width:100%;height:2px;background:#5f6368;margin-top:2px}.cursor[data-v-ec5544a6]{width:2px;height:var(--font-size, 26px);background:#1a73e8;animation:blink-ec5544a6 1s step-end infinite;margin-left:2px}@keyframes blink-ec5544a6{0%,to{opacity:1}50%{opacity:0}}.letter-slot--correct .letter[data-v-ec5544a6]{color:#1e8e3e}.letter-slot--correct .underline[data-v-ec5544a6]{background:#1e8e3e}.letter-slot--incorrect .letter[data-v-ec5544a6]{color:#d93025;text-decoration:line-through}.letter-slot--incorrect .underline[data-v-ec5544a6]{background:#d93025}.correct-hint[data-v-ec5544a6]{font-size:11px;color:#1e8e3e;margin-top:2px}.spelling-area[data-v-e1e5f2fd]{display:flex;justify-content:center;padding:16px;background:#fff;border-top:1px solid #e0e0e0}.spelling-area__container[data-v-e1e5f2fd]{display:flex;align-items:center;gap:16px;width:100%;max-width:600px}.spelling-area__actions[data-v-e1e5f2fd]{display:flex;gap:8px;flex-shrink:0}.spelling-area__btn[data-v-e1e5f2fd]{padding:8px 16px;font-size:13px;font-weight:500;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#5f6368;cursor:pointer;transition:background .2s,border-color .2s}.spelling-area__btn[data-v-e1e5f2fd]:hover:not(:disabled){background:#f1f3f4;border-color:#d2d2d2}.spelling-area__btn[data-v-e1e5f2fd]:disabled{opacity:.5;cursor:not-allowed}.spelling-area__btn--primary[data-v-e1e5f2fd]{background:#1a73e8;border-color:#1a73e8;color:#fff}.spelling-area__btn--primary[data-v-e1e5f2fd]:hover:not(:disabled){background:#1557b0;border-color:#1557b0}.spelling-area__observer[data-v-e1e5f2fd]{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;color:#5f6368;font-size:14px}.spelling-area__label[data-v-e1e5f2fd]{font-size:12px;color:#5f6368}.spelling-area__answer[data-v-e1e5f2fd]{font-size:24px;font-weight:500;color:#1e8e3e;font-family:Google Sans,Roboto,sans-serif;letter-spacing:2px}@media(max-width:600px){.spelling-area__container[data-v-e1e5f2fd]{flex-direction:column;gap:12px}.spelling-area__actions[data-v-e1e5f2fd]{width:100%}.spelling-area__btn[data-v-e1e5f2fd]{flex:1}}.the-room[data-v-41555641]{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#f5f5f5;padding-top:24px}.the-room__container[data-v-41555641]{width:1100px;display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.the-room__blackboard[data-v-41555641]{flex-shrink:0}.the-room__main[data-v-41555641]{flex:1;display:flex;min-height:0}.the-room__sidebar[data-v-41555641]{width:160px;flex-shrink:0;border-right:1px solid #e0e0e0;background:#fff}.the-room__sidebar[data-v-41555641]:last-child{border-right:none;border-left:1px solid #e0e0e0}.the-room__classroom[data-v-41555641]{flex:1;min-width:0}.the-room__spelling[data-v-41555641]{flex-shrink:0}@media(max-width:920px){.the-room__container[data-v-41555641]{width:100%;height:100%;border-radius:0}.the-room[data-v-41555641]{padding:0}.the-room__sidebar[data-v-41555641]{display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-rgb: 79, 70, 229;--color-secondary: #64748b;--color-secondary-rgb: 100, 116, 139;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--color-text: #1f2937;--color-text-muted: #6b7280;--color-bg: #f9fafb;--color-bg-alt: #f3f4f6;--color-card: #ffffff;--color-border: #e5e7eb;--content-padding: 16px;--button-height: 48px;--grid-columns: 1;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--primary-color: var(--color-primary);--primary-hover: var(--color-primary-hover);--success-color: var(--color-success);--danger-color: var(--color-error);--warning-color: var(--color-warning);--text-color: var(--color-text);--text-secondary: var(--color-text-muted);--bg-color: var(--color-bg);--card-bg: var(--color-card);--border-color: var(--color-border);--border-radius: var(--radius-lg)}@media(min-width:768px){:root{--grid-columns: 2;--content-padding: 24px}}@media(min-width:1024px){:root{--grid-columns: 3}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.5}#app{min-height:100vh}.card-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-height);padding:12px 24px;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background-color:var(--color-border);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background-color:#d1d5db}.btn--success{background-color:var(--color-success);color:#fff}.btn--danger{background-color:var(--color-error);color:#fff}.btn--text{background:none;border:none;color:var(--color-primary);padding:.5rem;min-height:auto}.btn--text:hover{text-decoration:underline}.btn--block{width:100%}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-success{background-color:var(--color-success);color:#fff}.btn-danger{background-color:var(--color-error);color:#fff}.btn-secondary{background-color:var(--color-border);color:var(--color-text)}.btn-block{width:100%}.input{width:100%;min-height:var(--button-height);padding:12px 16px;font-size:1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color .2s ease;background:var(--color-card);color:var(--color-text)}.input:focus{border-color:var(--color-primary)}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}