.mj-tile{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;position:relative;background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #d4a574;box-shadow:1px 2px 4px #00000026,inset 0 1px #ffffff80}.dark .mj-tile{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280;box-shadow:1px 2px 4px #0000004d,inset 0 1px #ffffff0d}.mj-tile--sm{width:32px;height:44px;font-size:10px}.mj-tile--sm .mj-tile__number{font-size:10px}.mj-tile--sm .mj-tile__suit{font-size:12px}.mj-tile--sm .mj-tile__full{font-size:14px}.mj-tile--md{width:48px;height:66px;font-size:14px}.mj-tile--md .mj-tile__number{font-size:13px}.mj-tile--md .mj-tile__suit{font-size:16px}.mj-tile--md .mj-tile__full{font-size:22px}.mj-tile--lg{width:64px;height:88px;font-size:18px}.mj-tile--lg .mj-tile__number{font-size:16px}.mj-tile--lg .mj-tile__suit{font-size:22px}.mj-tile--lg .mj-tile__full{font-size:30px}.mj-tile__number{color:#94a3b8;line-height:1;font-weight:600}.mj-tile__suit{line-height:1;font-weight:700}.dark .mj-tile__number{color:#9ca3af}.mj-tile__full{font-weight:800;line-height:1}.mj-suit--man .mj-tile__suit,.mj-suit--man .mj-tile__full{color:#1e3a5f}.mj-suit--pin .mj-tile__suit,.mj-suit--pin .mj-tile__full{color:#dc2626}.mj-suit--sou .mj-tile__suit,.mj-suit--sou .mj-tile__full{color:#16a34a}.mj-suit--wind .mj-tile__full{color:#1e3a5f}.mj-suit--dragon-white .mj-tile__full{color:#6b7280}.mj-suit--dragon-green .mj-tile__full{color:#16a34a}.mj-suit--dragon-red .mj-tile__full{color:#dc2626}.dark .mj-suit--man .mj-tile__suit,.dark .mj-suit--man .mj-tile__full{color:#93c5fd}.dark .mj-suit--pin .mj-tile__suit,.dark .mj-suit--pin .mj-tile__full{color:#fca5a5}.dark .mj-suit--sou .mj-tile__suit,.dark .mj-suit--sou .mj-tile__full{color:#86efac}.dark .mj-suit--wind .mj-tile__full{color:#93c5fd}.dark .mj-suit--dragon-white .mj-tile__full{color:#d1d5db}.dark .mj-suit--dragon-green .mj-tile__full{color:#86efac}.dark .mj-suit--dragon-red .mj-tile__full{color:#fca5a5}.mj-tile--highlight{ring:2px;box-shadow:0 0 0 2px #49b1f5,0 4px 12px #49b1f54d;transform:translateY(-2px)}.mj-tile--clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.mj-tile--clickable:hover{transform:translateY(-3px);box-shadow:2px 4px 8px #0003}.mj-tile--clickable.mj-tile--selected{transform:translateY(-4px);box-shadow:0 0 0 2px #49b1f5,0 4px 12px #49b1f54d}.mj-dragon-white-frame{width:60%;height:50%;border:2px solid #6b7280;border-radius:2px}.dark .mj-dragon-white-frame{border-color:#d1d5db}.mj-chapter-nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;color:#374151;transition:all .2s ease;border-left:3px solid transparent}.mj-chapter-nav-item:hover{background:#49b1f50d;color:#49b1f5}.mj-chapter-nav-item--active{color:#49b1f5;font-weight:600;background:#49b1f514;border-left-color:#49b1f5}.dark .mj-chapter-nav-item{color:#d1d5db}.dark .mj-chapter-nav-item:hover{background:#49b1f51a}.dark .mj-chapter-nav-item--active{color:#49b1f5;background:#49b1f526}.mj-chapter-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.8125rem;white-space:nowrap;color:#4b5563;background:#f3f4f6;transition:all .2s ease}.mj-chapter-pill:hover{background:#49b1f51a;color:#49b1f5}.mj-chapter-pill--active{background:#49b1f5;color:#fff;font-weight:600}.dark .mj-chapter-pill{color:#d1d5db;background:#374151}.dark .mj-chapter-pill:hover{background:#49b1f533}.dark .mj-chapter-pill--active{background:#49b1f5;color:#fff}.quiz-option{display:block;width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;text-align:left;font-size:.9375rem;cursor:pointer;transition:all .2s ease;background:#fff;color:#374151}.quiz-option:hover{border-color:#49b1f5;background:#49b1f50d}.quiz-option--disabled{pointer-events:none;opacity:.7}.quiz-option--correct{border-color:#16a34a;background:#16a34a1a;color:#16a34a;font-weight:600}.quiz-option--wrong{border-color:#dc2626;background:#dc26261a;color:#dc2626}.dark .quiz-option{background:#1f2937;border-color:#4b5563;color:#d1d5db}.dark .quiz-option:hover{border-color:#49b1f5;background:#49b1f51a}.dark .quiz-option--correct{border-color:#16a34a;background:#16a34a26;color:#86efac}.dark .quiz-option--wrong{border-color:#dc2626;background:#dc262626;color:#fca5a5}.quiz-feedback{padding:1rem;border-radius:.5rem;margin-top:.75rem;font-size:.875rem}.quiz-feedback--correct{background:#16a34a1a;border:1px solid rgba(22,163,74,.3);color:#16a34a}.quiz-feedback--wrong{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#dc2626}.dark .quiz-feedback--correct{color:#86efac;border-color:#16a34a66}.dark .quiz-feedback--wrong{color:#fca5a5;border-color:#dc262666}.mj-hand-builder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px}.flashcard-container{perspective:1000px}.flashcard{position:relative;width:100%;min-height:200px;transition:transform .6s ease;transform-style:preserve-3d}.flashcard--flipped{transform:rotateY(180deg)}.flashcard__front,.flashcard__back{position:absolute;inset:0;backface-visibility:hidden;border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.flashcard__front{background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 6px #0000000d}.flashcard__back{background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 6px #0000000d;transform:rotateY(180deg)}.dark .flashcard__front,.dark .flashcard__back{background:#1f2937;border-color:#4b5563}