.vocab-whiteboard{position:relative}.vocab-board{gap:var(--spacing-6);min-height:40vh;padding:var(--spacing-4);transition:all var(--transition-normal);flex-wrap:wrap;justify-content:center;display:flex}.vocab-game-overlay{border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:#1e293b0a}.vocab-empty{padding:var(--spacing-16)var(--spacing-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.vocab-empty-icon{margin-bottom:var(--spacing-3);font-size:3rem}.vocab-empty-text{color:var(--color-text-muted);max-width:320px;font-size:1.1rem}.vocab-note{cursor:pointer;perspective:700px;width:180px;height:180px;transition:transform .4s var(--ease-spring),box-shadow .3s ease;border-radius:3px;position:relative;box-shadow:4px 4px 8px #0000001a}.vocab-note:hover{z-index:10;transform:scale(1.05)rotate(1deg);box-shadow:6px 8px 14px #00000024}.note-orange{background:#ffb347;border-left:6px solid #e67e22}.note-yellow{background:#fef08a;border-left:6px solid #facc15}.note-blue{background:#bfdbfe;border-left:6px solid #3498db}.note-green{background:#bbf7d0;border-left:6px solid #2ecc71}.note-purple{background:#e9d5ff;border-left:6px solid #9b59b6}.note-white{background:#fff;border-left:6px solid #bdc3c7}.note-pink{background:#fbcfe8;border-left:6px solid #ec4899}.vocab-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.vocab-flipped .vocab-flip-inner{transform:rotateY(180deg)}.vocab-face{backface-visibility:hidden;text-align:center;word-break:break-word;color:#1e293b;flex-direction:column;justify-content:center;align-items:center;padding:14px;font-size:1.05rem;font-weight:500;display:flex;position:absolute;inset:0}.vocab-back{font-size:.9rem;font-style:italic;transform:rotateY(180deg)}.vocab-mystery .vocab-front>span{display:none}.vocab-mystery-mark{opacity:.18;font-size:3rem;font-weight:900}.vocab-class-badge{text-transform:uppercase;opacity:.4;letter-spacing:.5px;color:#1e293b;font-size:8px;font-weight:900;position:absolute;bottom:4px;right:6px}.vocab-note-toolbar{opacity:0;z-index:20;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.vocab-note:hover .vocab-note-toolbar{opacity:1}.vocab-tool-btn{cursor:pointer;background:#ffffffd9;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:flex;box-shadow:0 1px 3px #0000001a}.vocab-check-ui{margin-top:var(--spacing-2);gap:6px;display:flex}.vocab-check-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;padding:4px 10px;font-size:10px;font-weight:700}.vocab-correct{background:var(--color-success)}.vocab-incorrect{background:var(--color-danger)}.vocab-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;padding:var(--spacing-4);background:#0f111799;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vocab-modal{background:var(--color-bg-primary);padding:var(--spacing-8);width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.vocab-modal-title{color:var(--color-text-primary);margin-bottom:var(--spacing-4);font-size:1.5rem}.vocab-modal-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-6)}.vocab-form-group{margin-bottom:var(--spacing-4)}.vocab-form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-1);display:block}.vocab-form-input{width:100%;padding:var(--spacing-3);font-size:var(--font-size-base);font-family:var(--font-body);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast);resize:vertical}.vocab-form-input::placeholder{color:var(--color-text-muted)}.vocab-form-input:focus{border-color:var(--color-accent);outline:none}.vocab-class-grid{gap:var(--spacing-2);margin-top:var(--spacing-2);grid-template-columns:repeat(3,1fr);display:grid}.vocab-class-pick{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:#1e293b;border:2px solid #0000;padding:6px;font-size:10px;font-weight:700}.vocab-class-pick.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.vocab-form-actions{gap:var(--spacing-3);margin-top:var(--spacing-4);display:flex}.vocab-hangman-setup-options{gap:var(--spacing-3);flex-direction:column;display:flex}.vocab-back-link{text-align:center;margin-top:var(--spacing-4);color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;background:0 0;border:none;display:block}.vocab-back-link:hover{text-decoration:underline}.vocab-hangman-overlay{background:var(--color-bg-primary);z-index:80;padding:var(--spacing-4);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vocab-hangman-close{top:var(--spacing-6);right:var(--spacing-6);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute}.vocab-hangman-close:hover{color:var(--color-text-primary)}.vocab-hangman-content{flex-direction:column;align-items:center;width:100%;max-width:640px;display:flex}.vocab-hangman-svg{width:160px;height:160px;margin-bottom:var(--spacing-6)}.vocab-hangman-word{margin-bottom:var(--spacing-8);flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.vocab-hangman-char{border-bottom:3px solid var(--color-text-primary);text-transform:uppercase;width:2rem;height:3rem;color:var(--color-text-primary);justify-content:center;align-items:center;font-size:1.5rem;font-weight:900;display:inline-flex}.vocab-hangman-space{width:1rem}.vocab-hangman-keyboard{gap:var(--spacing-2);grid-template-columns:repeat(9,1fr);width:100%;max-width:420px;display:grid}.vocab-key-btn{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);width:100%;font-weight:700;font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.vocab-key-btn:hover:not(:disabled){background:var(--color-accent-subtle);color:var(--color-accent);border-color:var(--color-accent)}.vocab-key-btn.used,.vocab-key-btn:disabled{opacity:.3;cursor:not-allowed;background:var(--color-surface)}.vocab-hangman-msg{margin-top:var(--spacing-6);text-align:center;font-size:1.25rem;font-weight:900}.vocab-hangman-msg.success{color:var(--color-success)}.vocab-hangman-msg.fail{color:var(--color-danger)}.vocab-toast{bottom:var(--spacing-8);background:var(--color-text-primary);color:var(--color-bg-primary);padding:var(--spacing-3)var(--spacing-6);border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);z-index:100;animation:.3s vocab-toast-in;position:fixed;left:50%;transform:translate(-50%)}@keyframes vocab-toast-in{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.vocab-spelling-section{padding:var(--spacing-6);background:var(--color-bg-secondary);margin-top:0}.vocab-spelling-header{margin-bottom:var(--spacing-5)}.vocab-spelling-header h2{margin:0 0 var(--spacing-2)}.vocab-spelling-header p{color:var(--color-text-muted);margin:0}.vocab-spelling-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vocab-spelling-column{gap:var(--spacing-4);flex-direction:column;display:flex}.vocab-spelling-subtitle{font-size:var(--font-size-base);margin:0}.vocab-spelling-field{gap:var(--spacing-2);flex-direction:column;display:flex}.vocab-spelling-field label,.vocab-spelling-field span{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.vocab-spelling-source-grid{gap:var(--spacing-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vocab-spelling-run-list{gap:var(--spacing-2);flex-direction:column;max-height:260px;display:flex;overflow-y:auto}.vocab-spelling-run-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);text-align:left;padding:var(--spacing-3);cursor:pointer;color:var(--color-text-primary)}.vocab-spelling-run-card.active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.vocab-spelling-run-title{font-weight:var(--font-weight-semibold);margin-bottom:2px}.vocab-spelling-run-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.vocab-spelling-actions{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.vocab-spelling-preview{gap:var(--spacing-3);flex-direction:column;display:flex}.vocab-spelling-preview-head{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);display:flex}.vocab-spelling-preview-actions{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.vocab-spelling-preview-meta{margin:0 0 var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-text-muted)}.vocab-spelling-answer-key-toggle{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:inline-flex}.vocab-spelling-answer-key-toggle input{accent-color:var(--color-accent)}.vocab-spelling-word-grid{gap:var(--spacing-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.vocab-spelling-word-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-bg-secondary);flex-direction:column;gap:4px;padding:6px 8px;display:flex}.vocab-spelling-word-reason{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface);width:fit-content;color:var(--color-text-muted);padding:2px 8px;font-size:10px}.vocab-spelling-word-reason.due{background:var(--color-surface-hover);color:var(--color-danger)}.vocab-spelling-word-reason.new{background:var(--color-accent-subtle);color:var(--color-success)}.vocab-spelling-word-reason.review{background:var(--color-surface);color:var(--color-accent)}.vocab-spelling-result-controls{flex-wrap:wrap;gap:4px;display:flex}.vocab-spelling-result-btn{border:1px solid var(--color-border);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;background:var(--color-bg-primary);color:var(--color-text-muted);cursor:pointer;padding:2px 8px;font-size:10px}.vocab-spelling-result-btn.active.correct{border-color:var(--color-success);color:var(--color-success);background:var(--color-accent-subtle)}.vocab-spelling-result-btn.active.incorrect{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-surface-hover)}.vocab-spelling-result-btn.active.skipped{border-color:var(--color-text-muted);color:var(--color-text-primary);background:var(--color-surface)}.vocab-spelling-item-list{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.vocab-spelling-item-row{gap:var(--spacing-3);padding:var(--spacing-2)var(--spacing-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-primary);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.vocab-spelling-item-row:last-child{border-bottom:none}.vocab-spelling-item-seq{font-size:var(--font-size-xs);color:var(--color-text-muted)}.vocab-spelling-item-word{font-weight:var(--font-weight-medium)}.vocab-spelling-item-result{font-size:var(--font-size-xs);text-transform:uppercase;font-weight:var(--font-weight-bold)}.vocab-spelling-item-result.correct{color:var(--color-success)}.vocab-spelling-item-result.incorrect{color:var(--color-danger)}.vocab-spelling-item-result.skipped{color:var(--color-text-muted)}.vocab-spelling-error{margin:var(--spacing-3)0 0;color:var(--color-danger);font-size:var(--font-size-sm)}.vocab-spelling-info{margin:var(--spacing-3)0 0;color:var(--color-success);font-size:var(--font-size-sm)}.vocab-spelling-guest{gap:var(--spacing-3);flex-direction:column;display:flex}.spelling-worksheet-document{margin-top:var(--spacing-2)}.spelling-sheet{color:#111827;height:100%;font-family:Lexend,Inter,sans-serif}.spelling-sheet-header{padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-4);border-bottom:1px solid #d1d5db}.spelling-sheet-header h2{margin:0 0 var(--spacing-2);font-size:1.6rem}.spelling-sheet-header p{margin:0;font-size:1rem}.spelling-sheet-generated{color:#6b7280;margin-top:var(--spacing-2)!important;font-size:var(--font-size-xs)!important}.spelling-sheet-lines{gap:var(--spacing-5);flex-direction:column;display:flex}.spelling-sheet-line-row{align-items:center;gap:var(--spacing-3);display:flex}.spelling-sheet-line-number{width:2.5rem;font-weight:var(--font-weight-semibold);color:#374151}.spelling-sheet-line{border-bottom:1px solid #9ca3af;flex:1;height:1.8rem}.spelling-answer-list{gap:var(--spacing-2);flex-direction:column;margin:0;padding-left:1.5rem;font-size:1.1rem;display:flex}.vocab-pool-loader{margin-top:var(--spacing-10);padding:var(--spacing-6);background:var(--color-bg-secondary)}.vocab-pool-loader-head{margin-bottom:var(--spacing-4)}.vocab-pool-loader-head h2{margin:0 0 var(--spacing-2)}.vocab-pool-loader-head p{color:var(--color-text-muted);margin:0}.vocab-pool-loader-body{gap:var(--spacing-4);flex-direction:column;display:flex}.vocab-pool-loader-field{gap:var(--spacing-2);flex-direction:column;display:flex}.vocab-pool-loader-field label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.vocab-pool-loader-actions{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.vocab-pool-loader-empty,.vocab-pool-loader-guest{gap:var(--spacing-3);flex-direction:column;display:flex}@media (max-width:767px){.vocab-board{gap:var(--spacing-4)}.vocab-note{width:150px;height:150px}.vocab-hangman-keyboard{grid-template-columns:repeat(7,1fr)}.vocab-spelling-section{padding:var(--spacing-4)}.vocab-spelling-grid{grid-template-columns:1fr}.vocab-pool-loader{padding:var(--spacing-4)}.vocab-spelling-preview-head{flex-direction:column;align-items:stretch}}@media print{.vocab-spelling-section{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.vocab-spelling-header{display:none!important}.vocab-spelling-grid{display:block!important}.vocab-spelling-grid .vocab-spelling-column>*{display:none!important}.vocab-spelling-grid .vocab-spelling-column>.vocab-spelling-preview{display:block!important}.vocab-spelling-preview{margin:0!important;padding:0!important}}