.vocab-board-shell{position:relative}.vocab-board{display:flex;flex-wrap:wrap;gap:var(--spacing-6);justify-content:center;min-height:40vh;padding:var(--spacing-4);transition:all var(--transition-normal)}.vocab-game-overlay{background:rgba(30,41,59,.04);border:2px dashed var(--color-border);border-radius:var(--radius-lg)}.vocab-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-4);text-align:center;width:100%}.vocab-empty-icon{font-size:3rem;margin-bottom:var(--spacing-3)}.vocab-empty-text{font-size:1.1rem;color:var(--color-text-muted);max-width:320px}.vocab-note{width:180px;height:180px;cursor:pointer;position:relative;perspective:700px;border-radius:3px;box-shadow:4px 4px 8px rgba(0,0,0,.1);transition:transform .4s var(--ease-spring),box-shadow .3s ease}.vocab-note:hover{transform:scale(1.05) rotate(1deg);z-index:10;box-shadow:6px 8px 14px rgba(0,0,0,.14)}.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:#ffffff;border-left:6px solid #bdc3c7}.note-pink{background:#fbcfe8;border-left:6px solid #ec4899}.vocab-flip-inner{width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;position:relative}.vocab-flipped .vocab-flip-inner{transform:rotateY(180deg)}.vocab-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;text-align:center;font-size:1.05rem;font-weight:500;word-break:break-word;color:#1e293b;transition:opacity .12s linear,visibility .12s linear;will-change:transform,opacity}.vocab-front{transform:rotateY(0deg) translateZ(.1px)}.vocab-back{transform:rotateY(180deg) translateZ(.1px);font-style:italic;font-size:.9rem}.vocab-face-visible{opacity:1;visibility:visible}.vocab-face-hidden{opacity:0;visibility:hidden}.vocab-mystery .vocab-front>span{display:none}.vocab-mystery-mark{font-size:3rem;font-weight:900;opacity:.18}.vocab-class-badge{position:absolute;bottom:4px;right:6px;font-size:8px;text-transform:uppercase;font-weight:900;opacity:.4;letter-spacing:.5px;color:#1e293b}.vocab-note-toolbar{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .2s;z-index:20}.vocab-note:hover .vocab-note-toolbar{opacity:1}.vocab-tool-btn{background:rgba(255,255,255,.85);border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1)}.vocab-check-ui{display:flex;gap:6px;margin-top:var(--spacing-2)}.vocab-check-btn{border:none;padding:4px 10px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;color:white;cursor:pointer}.vocab-correct{background:var(--color-success)}.vocab-incorrect{background:var(--color-danger)}.vocab-modal-overlay{position:fixed;inset:0;background:rgba(15,17,23,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;padding:var(--spacing-4)}.vocab-modal{background:var(--color-bg-primary);padding:var(--spacing-8);width:100%;max-width:400px;max-height:90vh;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.vocab-modal-title{font-size:1.5rem;color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.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{display:block;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)}.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{outline:none;border-color:var(--color-accent)}.vocab-class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2);margin-top:var(--spacing-2)}.vocab-class-pick{padding:6px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);color:#1e293b}.vocab-class-pick.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.vocab-form-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.vocab-form-actions>*{flex:1}.vocab-hangman-setup-options{display:flex;flex-direction:column;gap:var(--spacing-3)}.vocab-hangman-setup-options>*{justify-content:flex-start}.vocab-back-link{display:block;text-align:center;margin-top:var(--spacing-4);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer}.vocab-back-link:hover{text-decoration:underline}.vocab-hangman-overlay{position:fixed;inset:0;background:var(--color-bg-primary);z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4)}.vocab-hangman-close{position:absolute;top:var(--spacing-6);right:var(--spacing-6);background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer}.vocab-hangman-close:hover{color:var(--color-text-primary)}.vocab-hangman-content{display:flex;flex-direction:column;align-items:center;max-width:640px;width:100%}.vocab-hangman-svg{width:160px;height:160px;margin-bottom:var(--spacing-6)}.vocab-hangman-word{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:var(--spacing-8)}.vocab-hangman-char{border-bottom:3px solid var(--color-text-primary);width:2rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;text-transform:uppercase;color:var(--color-text-primary)}.vocab-hangman-space{width:1rem}.vocab-hangman-keyboard{display:grid;grid-template-columns:repeat(9,1fr);gap:var(--spacing-2);max-width:420px;width:100%}.vocab-key-btn{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);font-weight:700;font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.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{font-size:1.25rem;font-weight:900;margin-top:var(--spacing-6);text-align:center}.vocab-hangman-msg.success{color:var(--color-success)}.vocab-hangman-msg.fail{color:var(--color-danger)}.vocab-toast{position:fixed;bottom:var(--spacing-8);left:50%;transform:translateX(-50%);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:vocab-toast-in .3s ease}@keyframes vocab-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.vocab-spelling-section{margin-top:0;padding:var(--spacing-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.vocab-spelling-header{margin-bottom:var(--spacing-5)}.vocab-spelling-header h2{margin:0 0 var(--spacing-2)}.vocab-spelling-header p{margin:0;color:var(--color-text-muted)}.vocab-spelling-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-6)}.vocab-spelling-column{display:flex;flex-direction:column;gap:var(--spacing-4)}.vocab-spelling-subtitle{margin:0;font-size:var(--font-size-base)}.vocab-spelling-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.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{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-2)}.vocab-spelling-source-grid>*{width:100%}.vocab-spelling-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.vocab-spelling-actions>*,.vocab-spelling-preview-actions>*{flex:1 1 10rem}.vocab-spelling-preview{display:flex;flex-direction:column;gap:var(--spacing-3)}.vocab-spelling-preview-head{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.vocab-spelling-preview-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.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{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.vocab-spelling-answer-key-toggle input{accent-color:var(--color-accent)}.vocab-spelling-word-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-2)}.vocab-spelling-word-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 8px;font-size:var(--font-size-sm);background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:4px}.vocab-spelling-word-reason{width:fit-content;border-radius:var(--radius-full);padding:2px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface);color:var(--color-text-muted)}.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{display:flex;gap:4px;flex-wrap:wrap}.vocab-spelling-result-btn{border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;background:var(--color-bg-primary);color:var(--color-text-muted);cursor:pointer}.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{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-3);align-items:center;padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-primary)}.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{color:var(--color-danger)}.vocab-spelling-error,.vocab-spelling-info{margin:var(--spacing-3) 0 0;font-size:var(--font-size-sm)}.vocab-spelling-info{color:var(--color-success)}.vocab-spelling-guest{display:flex;flex-direction:column;gap:var(--spacing-3)}.spelling-worksheet-document{margin-top:var(--spacing-2)}.spelling-sheet{height:100%;color:#111827;font-family:Lexend,Inter,sans-serif}.spelling-sheet-header{border-bottom:1px solid #d1d5db;padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-4)}.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{margin-top:var(--spacing-2)!important;font-size:var(--font-size-xs)!important;color:#6b7280}.spelling-sheet-lines{display:flex;flex-direction:column;gap:var(--spacing-5)}.spelling-sheet-line-row{display:flex;align-items:center;gap:var(--spacing-3)}.spelling-sheet-line-number{width:2.5rem;font-weight:var(--font-weight-semibold);color:#374151}.spelling-sheet-line{flex:1;border-bottom:1px solid #9ca3af;height:1.8rem}.spelling-answer-list{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:var(--spacing-2);font-size:1.1rem}.vocab-pool-loader{margin-top:var(--spacing-10);padding:var(--spacing-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.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{margin:0;color:var(--color-text-muted)}.vocab-pool-loader-body{display:flex;flex-direction:column;gap:var(--spacing-4)}.vocab-pool-loader-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.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{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.vocab-pool-loader-actions>*{flex:1 1 11rem}.vocab-pool-loader-empty,.vocab-pool-loader-guest{display:flex;flex-direction:column;gap:var(--spacing-3)}@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{border:none!important;box-shadow:none!important;padding:0!important;background:transparent!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}}