:root{color-scheme:light dark;touch-action:pan-x pan-y;height:100%;--page-max-width: 1140px;--page-padding: 1.5rem;--color-border-light: #ccc;--color-border-dark: #444;--color-error: #b00020;--color-link: #0645ad;--color-link-dark: #8ab4ff;--color-text-muted: #666;--color-text-muted-dark: #aaa;--anim-duration-flip: 0.5s;--anim-duration-pop: 0.25s;--anim-duration-shake: 0.45s}body{font-family:system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;max-width:var(--page-max-width);margin:1.25rem auto 1.5rem auto;padding:0 var(--page-padding) 3rem var(--page-padding);line-height:1.45}h3{margin-top:0;align-self:center}.panel{border:1px solid var(--color-border-light);padding:1rem 1.25rem;border-radius:8px;max-width:640px}.kv{display:grid;grid-template-columns:140px 1fr;gap:0.35rem 0.75rem;font-size:14px}.kv div.label{font-weight:600}footer{margin-top:3rem;font-size:12px;opacity:0.7}a{color:var(--color-link)}button,a.btn,a.btn-icon,a.btn-help-icon,a.btn-theme,a[role='button']{text-decoration:none}button:hover,a.btn:hover,a.btn-icon:hover,a.btn-help-icon:hover,a.btn-theme:hover,a[role='button']:hover{text-decoration:none}@media (prefers-color-scheme: dark){.panel{border-color:var(--color-border-dark);background:#1e1f22}a{color:var(--color-link-dark)}}.badge{display:inline-block;padding:2px 8px;border-radius:12px;background:#0366d6;color:#fff;font-size:11px;letter-spacing:0.5px}.logo-yoxyx{display:inline-flex;gap:0.25rem;font-weight:700;font-size:1.25rem;letter-spacing:0.05em;line-height:1;user-select:none;-webkit-user-select:none}@media (max-width: 520px){.logo-yoxyx{font-size:1.1rem;gap:0.2rem}}.logo-letter{position:relative;padding-bottom:0.2rem;display:inline-block}.logo-letter::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:1px}.logo-letter[data-state='correct']::after{background:var(--color-state-correct)}.logo-letter[data-state='present']::after{background:var(--color-state-present)}.logo-letter[data-state='absent']::after{background:var(--color-state-absent)}.logo-svg{display:inline-block;height:auto}.logo-svg.logo-svg--full{width:240px;max-width:100%}.logo-svg.logo-svg--icon{width:48px;height:48px}.logo-svg.logo-svg--small{width:120px}a.logo-link{text-decoration:none;color:inherit;display:inline-block;transition:opacity 0.2s ease, transform 0.15s ease}a.logo-link:hover{opacity:0.85}a.logo-link:active{transform:scale(0.98)}a.logo-link:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:4px;border-radius:4px}:root{--color-key-bg: #d3d6da;--color-key-fg: #111;--color-key-bg-active: #ccc;--color-state-correct: #219653;--color-state-present: #ffa500;--color-state-absent: #bababc;--color-cell-border: #888;--color-cell-border-dark: #555;--color-focus-outline: var(--color-state-present);--state-underline-thickness: 3px;--color-btn-history: #9b59b6;--color-btn-game-config: #219653;--color-btn-theme: #f39c12;--color-btn-profile: #3498db;--color-btn-help: #27ae60;--color-btn-navigation: #7f8c8d;--color-btn-back-home: #95a5a6;--color-btn-share: #4a9eff;--color-bg-hover-light: rgba(127, 127, 127, 0.15);--color-bg-table-row-even-light: rgba(0, 0, 0, 0.05);--color-bg-table-row-even-dark: rgba(255, 255, 255, 0.05)}@media (prefers-color-scheme: dark){:root{--color-key-bg: #818384;--color-key-fg: #fff;--color-state-correct: #2ad424;--color-state-present: #ffd700;--color-state-absent: #9a9a9c}}[data-theme='high-contrast']{--color-key-bg: #000;--color-key-fg: #fff;--color-state-correct: #00c853;--color-state-present: #ffd600;--color-state-absent: #616161;--color-cell-border: #ffffff;--color-cell-border-dark: #ffffff;--color-focus-outline: #ff9100}[data-theme='retro']{--color-key-bg: #f4e7c3;--color-key-fg: #3b2f1a;--color-state-correct: #4b9c4b;--color-state-present: #d4aa21;--color-state-absent: #8b6f47;--color-cell-border: #b8a078;--color-cell-border-dark: #a58e69;--color-focus-outline: #d47f1a}.state-correct,.state-present,.state-absent{font-weight:800}.state-correct{color:var(--color-state-correct) !important;background:transparent !important;box-shadow:inset 0 calc(-1 * var(--state-underline-thickness)) 0 var(--color-state-correct)}.state-present{color:var(--color-state-present) !important;background:transparent !important;box-shadow:inset 0 calc(-1 * var(--state-underline-thickness)) 0 var(--color-state-present)}.state-absent{color:var(--color-state-absent) !important;background:transparent !important;box-shadow:inset 0 calc(-1 * var(--state-underline-thickness)) 0 var(--color-state-absent)}.board{margin-top:1rem;display:flex;flex-direction:column;align-items:center}.board-row{display:flex;gap:0.4rem;margin-bottom:0.4rem}.board-cell{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-bottom:2px solid var(--color-cell-border);font-size:2rem;font-weight:600;text-transform:uppercase;-webkit-user-select:none;user-select:none;position:relative}@media (prefers-color-scheme: dark){.board-cell{border-color:var(--color-cell-border-dark)}}.board-cell.state-absent,.board-cell.state-present,.board-cell.state-correct{border-color:transparent}.board-cell.state-correct,.board-cell.state-present{font-weight:800}.board-cell.state-absent{font-weight:600;font-size:smaller}.keyboard{margin-top:1rem}.kb-row{display:flex;gap:0.25rem;justify-content:center;margin:0.35rem 0}.kb-key{min-width:1rem;display:flex;align-items:flex-start;justify-content:center;padding:0rem 0.5rem 1rem 0.5rem;color:var(--color-key-fg);font-size:1.75rem;font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none;border:solid 1px var(--color-cell-border);transition:color 0.2s ease, box-shadow 0.25s ease, transform 0.12s ease, background 0.25s ease}.kb-key:active{filter:brightness(0.85)}@media (max-width: 520px){.board-cell{width:2rem;height:2rem;font-size:1.5rem}.kb-key{padding:0rem 0.44rem 0.88rem 0.44rem;font-size:1.5rem}body.game-page{margin:1rem}.game-switcher-controls{gap:0.4rem}.game-switcher-field{padding:0.2rem 0.5rem}.game-switcher-select{min-width:100px;font-size:1rem}.game-switcher-label i{font-size:1rem}.summary-navigation{margin-top:1.5rem;flex-wrap:wrap;gap:1rem}.game-action-group{gap:0.5rem}.game-action-item .action-label{font-size:0.625rem;white-space:normal;word-wrap:break-word}}.kb-key.state-correct,.kb-key.state-present,.kb-key.state-absent{font-weight:800;background:transparent !important;border-radius:0}.kb-key.state-correct{color:var(--color-state-correct) !important;box-shadow:inset 0 calc(-1 * var(--state-underline-thickness)) 0 var(--color-state-correct)}.kb-key.state-present{color:var(--color-state-present) !important;box-shadow:inset 0 calc(-1 * var(--state-underline-thickness)) 0 var(--color-state-present)}.kb-key.kb-correct{background:var(--color-state-correct) !important;color:var(--bg-primary) !important;font-weight:700;border:2px solid var(--color-state-correct)}.kb-key.kb-present{background:var(--color-state-present) !important;color:var(--bg-primary) !important;font-weight:600;border:2px solid var(--color-state-present)}.kb-key.kb-absent{background:var(--color-state-absent) !important;color:var(--text-tertiary) !important;opacity:0.6;font-weight:400;border:1px solid var(--color-state-absent)}.kb-key.kb-correct.kb-present,.kb-key.kb-correct.kb-absent{background:var(--color-state-correct) !important;color:var(--bg-primary) !important;border:2px solid var(--color-state-correct);opacity:1;font-weight:700}.kb-key.kb-present.kb-absent{background:var(--color-state-present) !important;color:var(--bg-primary) !important;border:2px solid var(--color-state-present);opacity:1;font-weight:600}@keyframes flip-in{0%{transform:rotateX(0deg)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.anim-flip{animation:flip-in var(--anim-duration-flip) ease;transform-style:preserve-3d}.anim-pop{animation:pop var(--anim-duration-pop) ease}.anim-shake{animation:shake var(--anim-duration-shake) ease}.kb-key:focus{outline:2px solid var(--color-focus-outline);outline-offset:2px}.is-hidden{display:none !important}.game-finished-cta{margin-top:2rem;text-align:center;animation:fade-in 0.35s ease}.game-finished-actions{display:inline-flex;gap:2rem;align-items:flex-start;justify-content:center}.game-action-group{display:flex;justify-content:space-between;align-items:center;gap:1rem}.game-action-item{flex:0 1 auto;display:flex;flex-direction:column;align-items:center;gap:0.5rem}.game-action-item .btn-icon,.game-action-item .btn-help-icon,.game-action-item .btn-theme{font-size:1.25rem;text-decoration:none}.game-action-item .btn-icon:hover,.game-action-item .btn-help-icon:hover,.game-action-item .btn-theme:hover{opacity:0.8}.game-action-item .action-label{font-size:0.75rem;font-weight:600;color:var(--color-key-fg);text-align:center;white-space:nowrap;line-height:1.2}.game-action-item.hidden{visibility:hidden}.btn-challenge-fixed{color:var(--color-state-present)}.btn-challenge-progressive{color:var(--color-error)}.btn-daily-challenge{color:#667eea}.challenge-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem}.challenge-actions--modal{margin-top:1.5rem;text-align:center}.challenge-section-title{font-size:1.05rem;font-weight:600;margin-bottom:1.25rem;color:var(--color-text);opacity:0.85;text-align:center}.challenge-actions-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.modal-divider{height:2px;background:var(--color-cell-border);margin:1.75rem 0 1.5rem 0;opacity:0.5;border-radius:1px}.challenge-actions--modal .btn-icon,.challenge-actions--modal .btn-help-icon,.challenge-actions--modal .btn-theme{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.25rem;background:var(--color-bg-hover-light);border-radius:8px;border:2px solid transparent;transition:all 0.2s ease;font-size:0.9rem;font-weight:500;width:180px;min-width:180px;height:auto}.challenge-actions--modal .btn-icon i,.challenge-actions--modal .btn-help-icon i,.challenge-actions--modal .btn-theme i{font-size:1.1rem}.challenge-actions--modal .btn-icon:hover,.challenge-actions--modal .btn-help-icon:hover,.challenge-actions--modal .btn-theme:hover{background:rgba(127,127,127,0.25);border-color:var(--color-focus-outline);transform:translateY(-1px)}.challenge-actions--modal .btn-icon:active,.challenge-actions--modal .btn-help-icon:active,.challenge-actions--modal .btn-theme:active{transform:translateY(0)}.challenge-actions--modal .game-action-item{display:flex;flex-direction:column;align-items:center;gap:0}.challenge-actions--modal .action-label{display:none}.summary-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;margin-bottom:1.5rem}.summary-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.summary-header h3{margin:0;flex:1}.summary-header .btn-back i{color:#6c757d;font-size:1.25rem}.summary-header .btn-back:hover i{color:var(--text-primary)}.summary-navigation{margin-top:2rem;margin-bottom:1rem;display:flex;justify-content:space-between}.player-info{margin:3.5rem 0.5rem 2.5rem 0.5rem}.history-section{margin-top:2rem;margin-bottom:1rem}.profile-history-table{width:100%;border-collapse:collapse;font-size:0.95rem}.profile-history-table th,.profile-history-table td{padding:0.4rem 0.5rem;border-bottom:1px solid var(--color-cell-border)}.profile-history-table th{text-align:left}.profile-history-table th i{font-size:1rem;opacity:0.9}.profile-history-table a{color:inherit;text-decoration:none}.profile-history-table a:hover{text-decoration:underline}.pagination{display:flex;align-items:center;gap:0.75rem;margin:0.75rem 1rem 1.5rem}.pagination .page-link{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:4px;color:inherit;text-decoration:none;transition:background 0.2s ease}.pagination .page-link:hover{background:var(--color-bg-hover-light)}.pagination .page-status{font-weight:600}@keyframes fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.is-loading .board-row{opacity:0.6}.top-bar-controls{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 1.7rem);display:inline-flex;gap:0.6rem;padding:0.25rem 0.35rem;align-items:center;z-index:1000;pointer-events:auto;flex-wrap:nowrap;background:none}.top-bar-controls.right{right:max(calc(env(safe-area-inset-right, 0px) + 0.5rem), calc(50vw - var(--page-max-width) / 2 + var(--page-padding) - 0.5rem))}.top-bar-controls.left{left:max(calc(env(safe-area-inset-left, 0px) + 0.5rem), calc(50vw - var(--page-max-width) / 2 + var(--page-padding) - 0.5rem))}.top-bar-controls.summary,.top-bar-controls.profile{top:calc(env(safe-area-inset-top, 0px) + 1.25rem)}.top-bar-controls label{font-size:0.85rem;font-weight:600}.top-bar-controls select{padding:0.25rem 0.5rem;font:inherit}.btn-history{color:var(--color-btn-history)}.btn-game-config{color:var(--color-btn-game-config)}.btn-keyboard-toggle{color:var(--color-btn-game-config)}.btn-keyboard-toggle[data-keyboard-type='orbital']{color:#e67e22}.btn-theme{color:var(--color-btn-theme)}.btn-profile{color:var(--color-btn-profile)}.btn-icon,.btn-help-icon,.btn-theme{background:none;border:none;padding:0;font:inherit;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;text-decoration:none;transition:transform 0.15s ease, color 0.2s ease}.btn-icon:hover,.btn-help-icon:hover,.btn-theme:hover{transform:scale(1.1);text-decoration:none}.btn-icon:active,.btn-help-icon:active,.btn-theme:active{transform:scale(0.9)}.btn-icon:focus-visible,.btn-help-icon:focus-visible,.btn-theme:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:3px;border-radius:4px}.btn-help-icon{font-size:1.25rem;color:var(--color-btn-help)}.btn-navigation{color:var(--color-btn-navigation)}.btn-back,.btn-home{color:var(--color-btn-back-home)}.btn-share{color:var(--color-btn-share)}.btn-summary{color:var(--color-btn-history)}.btn-new-game{color:var(--color-state-correct)}.btn-gdpr-download{color:#6c757d}.btn-gdpr-delete{color:#dc3545}.game-heading-wrapper{display:flex;justify-content:center;gap:1rem;align-items:center;margin-top:0.25rem}.game-config-wrapper{text-align:center;margin-top:0.75rem;margin-bottom:0.5rem}.game-switcher-controls{display:flex;gap:0.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.game-switcher-field{display:flex;align-items:center;gap:0.35rem;background:var(--color-bg-hover-light);border-radius:6px;padding:0.35rem 0.6rem;transition:background 0.2s ease}.game-switcher-field:hover{background:rgba(127,127,127,0.2)}.game-switcher-label{display:flex;align-items:center;font-size:0.9rem;color:inherit;opacity:0.7;margin:0}.game-switcher-label i{font-size:0.85rem}.game-switcher-select{font:inherit;font-size:0.9rem;padding:0.25rem 0.4rem;border:none;background:transparent;cursor:pointer;color:inherit;min-width:110px}.game-switcher-select:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px;border-radius:3px}.game-switcher-controls--vertical{flex-direction:column;align-items:center;gap:1rem;width:100%}.game-switcher-controls--vertical .game-switcher-field{width:280px;justify-content:space-between}.game-switcher-controls--vertical .game-switcher-select{min-width:160px;text-align:right}.game-switcher-label--full span{display:inline;margin-left:0.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}select.game_config{font:inherit;padding:0.25rem 0.5rem;border:none !important;cursor:pointer;background:none}select.game_config:focus-visible{border:none !important;outline:none}.page-footer{position:fixed;left:max(0px, calc(50vw - var(--page-max-width) / 2));right:max(0px, calc(50vw - var(--page-max-width) / 2));bottom:calc(env(safe-area-inset-bottom, 0px) + 0.5rem);display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-padding);pointer-events:none}.page-footer p{margin:0;pointer-events:auto}.page-footer .footer-right{margin-left:auto;pointer-events:auto}.kb-key.state-absent{color:var(--color-state-absent) !important;font-size:smaller;box-shadow:inset 0 calc(-1 * var(--state-underline-thickness)) 0 var(--color-state-absent)}[data-theme='high-contrast']{--state-underline-thickness: 4px}@media (prefers-reduced-motion: reduce){.anim-flip,.anim-pop,.anim-shake{animation:none !important}.kb-key,.board-cell{transition:none !important}}.table.page-history-table{width:100%;border-collapse:collapse}.table.page-history-table th,.table.page-history-table td{padding:0.35rem 0.5rem;border:1px solid var(--color-cell-border);text-align:center}.table.page-history-table thead th{text-align:center;font-weight:600}.table.page-history-table tbody tr:nth-child(even){background:var(--color-bg-table-row-even-light)}@media (prefers-color-scheme: dark){.table.page-history-table tbody tr:nth-child(even){background:var(--color-bg-table-row-even-dark)}}.challenge-timer{margin-top:0rem;margin-left:auto;margin-right:auto;padding:0.75rem 1.5rem;background:rgba(127,127,127,0.1);border-radius:8px;display:flex;justify-content:center;animation:fade-in 0.3s ease;width:-moz-fit-content;width:fit-content}@media (prefers-color-scheme: dark){.challenge-timer{background:rgba(255,255,255,0.08)}}.challenge-timer.timer-warning{background:rgba(255,165,0,0.15);animation:pulse-warning 1s ease-in-out infinite}.challenge-timer.timer-expired{background:rgba(255,0,0,0.15);animation:none}.challenge-timer-content{display:flex;gap:2rem;align-items:center;justify-content:center}.timer-display,.score-display{display:flex;align-items:center;gap:0.5rem;font-weight:600}.timer-display i,.score-display i{font-size:1.25rem;opacity:0.8}.timer-value{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0.05em;color:var(--color-key-fg)}.score-value{font-size:1.5rem;font-weight:700;color:var(--color-state-correct)}.score-label{font-size:0.875rem;opacity:0.8;color:var(--color-key-fg)}@keyframes pulse-warning{0%,100%{opacity:1}50%{opacity:0.7}}@media (max-width: 520px){.challenge-timer{padding:0.5rem 1rem}.challenge-timer-content{gap:1.5rem}.timer-value,.score-value{font-size:1.25rem}.timer-display i,.score-display i{font-size:1rem}}.continue-challenge-cta{margin-top:2rem;text-align:center;animation:fade-in 0.35s ease}.continue-challenge-cta .btn-continue-challenge{font-size:2rem;color:var(--color-state-correct)}.continue-challenge-cta .btn-continue-challenge:hover{transform:scale(1.15)}.continue-challenge-cta .action-label{font-size:0.875rem;font-weight:600;color:var(--color-key-fg);margin-top:0.5rem}.challenge-summary-header{margin-bottom:2rem}.challenge-summary-header .challenge-main-title{margin:0 0 0.5rem 0;text-align:center;font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.challenge-summary-header .challenge-subtitle{margin:0 0 1.5rem 0;text-align:center;font-size:0.95rem;font-weight:400;color:var(--text-muted);opacity:0.8}.challenge-status-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:24px;font-size:1rem;font-weight:600;margin:0 auto 2rem;display:flex;justify-content:center;max-width:240px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.challenge-status-badge i{font-size:1.25rem}.challenge-status-badge.challenge-status-completed{background:linear-gradient(135deg, #28a745 0%, #20c997 100%);color:#fff}.challenge-status-badge.challenge-status-timeout{background:linear-gradient(135deg, #ffc107 0%, #ff9800 100%);color:#000}.challenge-status-badge.challenge-status-failed{background:linear-gradient(135deg, #dc3545 0%, #c82333 100%);color:#fff}.challenge-status-badge.challenge-status-positive{background:linear-gradient(135deg, #17a2b8 0%, #138496 100%);color:#fff}.challenge-score-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;margin:0 auto 2rem;max-width:300px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:20px;box-shadow:0 8px 24px rgba(102,126,234,0.3);position:relative;overflow:hidden}.challenge-score-hero::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);animation:shimmer 3s ease infinite}.challenge-score-hero .score-icon{font-size:3rem;color:#ffd700;margin-bottom:0.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2));animation:trophy-bounce 2s ease infinite}.challenge-score-hero .score-content{text-align:center;position:relative;z-index:1}.challenge-score-hero .score-value{font-size:4rem;font-weight:700;color:#fff;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,0.3)}.challenge-score-hero .score-label{font-size:1rem;font-weight:500;color:rgba(255,255,255,0.9);text-transform:uppercase;letter-spacing:1px;margin-top:0.5rem}@keyframes trophy-bounce{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(5deg)}}@keyframes shimmer{0%,100%{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.challenge-stats-secondary{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:1rem;max-width:600px;margin:0 auto 2rem}.challenge-stats-secondary .stat-secondary{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:var(--color-key-bg);border-radius:12px;border:1px solid var(--color-border-light);transition:transform 0.2s ease, box-shadow 0.2s ease}.challenge-stats-secondary .stat-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.challenge-stats-secondary .stat-secondary .stat-secondary-icon{font-size:2rem;margin-bottom:0.75rem;color:#667eea}.challenge-stats-secondary .stat-secondary .stat-secondary-icon i{display:block}.challenge-stats-secondary .stat-secondary .stat-secondary-content{text-align:center;width:100%}.challenge-stats-secondary .stat-secondary .stat-secondary-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:0.5rem}.challenge-stats-secondary .stat-secondary .stat-secondary-label{font-size:0.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}@media (prefers-color-scheme: dark){.challenge-status-badge{box-shadow:0 2px 8px rgba(0,0,0,0.3)}.challenge-score-hero{box-shadow:0 8px 24px rgba(102,126,234,0.4)}.challenge-stats-secondary .stat-secondary{background:#2a2a2e;border-color:var(--color-border-dark)}.challenge-stats-secondary .stat-secondary:hover{box-shadow:0 4px 12px rgba(0,0,0,0.4)}.challenge-stats-secondary .stat-secondary .stat-secondary-icon{color:#8b9cec}}.challenge-sessions-wrapper{margin-top:2rem}.challenge-sessions-wrapper h5{margin:0 0 1rem 0;text-align:center;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.challenge-sessions-table{width:100%;border-collapse:collapse;margin:0 auto;max-width:800px}.challenge-sessions-table th,.challenge-sessions-table td{padding:0.75rem 0.5rem;text-align:center;border-bottom:1px solid var(--color-border-light)}.challenge-sessions-table th{font-size:0.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}.challenge-sessions-table .session-word{font-size:1.1rem;font-weight:600}.challenge-sessions-table .session-solved{background:rgba(40,167,69,0.05)}.challenge-sessions-table .session-failed{background:rgba(220,53,69,0.05)}.challenge-sessions-table .result-icon-correct{color:var(--color-state-correct);font-size:1.25rem}.challenge-sessions-table .result-icon-incorrect{color:var(--color-state-absent);font-size:1.25rem}.challenge-sessions-cards{display:none;flex-direction:column;gap:0.75rem;margin:0 auto;max-width:600px}.session-card{background:var(--bg-secondary);border:1px solid var(--color-border-light);border-radius:12px;padding:1rem;transition:all 0.2s ease}.session-card:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1)}.session-card-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem;padding-bottom:0.75rem;border-bottom:1px solid var(--color-border-light)}.session-card-index{font-size:0.875rem;font-weight:600;color:var(--text-muted);min-width:24px}.session-card-word{flex:1;font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:0.05em}.session-card-result{font-size:1.5rem}.session-card-result .result-icon-correct{color:var(--color-state-correct)}.session-card-result .result-icon-incorrect{color:var(--color-state-absent)}.session-card-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:0.875rem;color:var(--text-muted)}.session-card-detail{display:flex;align-items:center;gap:0.375rem}.session-card-detail i{font-size:0.875rem;opacity:0.7}.session-card-solved{background:rgba(40,167,69,0.05);border-color:rgba(40,167,69,0.2)}.session-card-failed{background:rgba(220,53,69,0.05);border-color:rgba(220,53,69,0.2)}@media (prefers-color-scheme: dark){.challenge-sessions-table th,.challenge-sessions-table td{border-bottom-color:var(--color-border-dark)}.challenge-sessions-table .session-solved{background:rgba(40,167,69,0.1)}.challenge-sessions-table .session-failed{background:rgba(220,53,69,0.1)}.session-card{background:#2a2a2e;border-color:var(--color-border-dark)}.session-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.4)}.session-card-header{border-bottom-color:var(--color-border-dark)}.session-card-solved{background:rgba(40,167,69,0.1);border-color:rgba(40,167,69,0.3)}.session-card-failed{background:rgba(220,53,69,0.1);border-color:rgba(220,53,69,0.3)}}@media (max-width: 500px){.challenge-summary-header .challenge-main-title{font-size:1.5rem}.challenge-summary-header .challenge-subtitle{font-size:0.85rem}.challenge-score-hero{padding:1.5rem 1rem}.challenge-score-hero .score-icon{font-size:2.5rem}.challenge-score-hero .score-value{font-size:3rem}.challenge-score-hero .score-label{font-size:0.875rem}.challenge-stats-secondary{grid-template-columns:1fr 1fr;gap:0.75rem}.challenge-stats-secondary .stat-secondary{padding:1rem 0.75rem}.challenge-stats-secondary .stat-secondary .stat-secondary-icon{font-size:1.5rem}.challenge-stats-secondary .stat-secondary .stat-secondary-value{font-size:1.5rem}.challenge-stats-secondary .stat-secondary .stat-secondary-label{font-size:0.7rem}.challenge-stats-secondary .stat-secondary:nth-child(3){display:none}.challenge-sessions-table{display:none}.challenge-sessions-cards{display:flex}}.orbital-keyboard-container{margin-top:0.5rem;display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;margin-left:auto;margin-right:auto;padding:0 1rem}.orbital-keyboard-container.is-hidden{visibility:hidden}.orbital-keyboard-svg{width:100%;height:auto;max-width:500px;max-height:500px;touch-action:none;user-select:none;-webkit-user-select:none}.ring-guide{fill:none;stroke:currentColor;stroke-width:1;opacity:0.15;pointer-events:none}.orbital-key{cursor:pointer;transition:opacity 0.2s ease}.orbital-key:hover .key-background{fill:var(--color-key-hover);stroke:var(--color-link);stroke-width:2}.orbital-key:active .key-background{fill:var(--color-key-active);opacity:0.9}.orbital-key:focus-visible{outline:3px solid var(--color-focus-outline);outline-offset:4px}.key-background{fill:var(--color-key-bg);stroke:var(--color-cell-border);stroke-width:1.5;transition:fill 0.25s ease, stroke 0.25s ease}@media (prefers-color-scheme: dark){.key-background{stroke:var(--color-cell-border-dark)}}.key-label{fill:var(--color-key-fg);font-weight:600;pointer-events:none;font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif}.orbital-key--inner .key-background{stroke-width:2}.orbital-key--middle .key-background{stroke-width:1.5}.orbital-key--outer .key-background{stroke-width:1}.orbital-key.key-pressed .key-background{fill:var(--color-key-bg-active);opacity:0.9}.orbital-key.kb-correct .key-background{fill:var(--color-state-correct);stroke:var(--color-state-correct);stroke-width:2}.orbital-key.kb-correct .key-label{fill:#fff;font-weight:700}.orbital-key.kb-present .key-background{fill:var(--color-state-present);stroke:var(--color-state-present);stroke-width:2}.orbital-key.kb-present .key-label{fill:#fff;font-weight:600}.orbital-key.kb-absent .key-background{fill:var(--color-state-absent);stroke:var(--color-state-absent);opacity:0.35}.orbital-key.kb-absent .key-label{fill:var(--color-key-fg);opacity:0.4;font-size:16px;transform:translateY(-2px)}.orbital-key.kb-correct.kb-present .key-background,.orbital-key.kb-correct.kb-absent .key-background{fill:var(--color-state-correct);stroke:var(--color-state-correct);opacity:1}.orbital-key.kb-correct.kb-present .key-label,.orbital-key.kb-correct.kb-absent .key-label{fill:#fff;font-weight:700;opacity:1}.orbital-key.kb-present.kb-absent .key-background{fill:var(--color-state-present);stroke:var(--color-state-present);opacity:1}.orbital-key.kb-present.kb-absent .key-label{fill:#fff;font-weight:600;opacity:1}.orbital-key--action{cursor:pointer}.orbital-key--action:hover .key-background{fill:var(--color-key-hover);stroke:var(--color-link);stroke-width:2}.orbital-key--action:active .key-background{fill:var(--color-key-active);opacity:0.9}.orbital-key--action .key-background{fill:var(--color-key-bg);stroke:var(--color-cell-border);stroke-width:1.5;transition:all 0.15s ease}.orbital-key--action .key-label--icon{font-weight:400}@media (prefers-color-scheme: dark){.orbital-key--action .key-background{stroke:var(--color-cell-border-dark)}}.orbital-key--action-center .key-background{fill:var(--color-state-correct);stroke:var(--color-state-correct);stroke-width:2.5;opacity:0.95}.orbital-key--action-center .key-label--icon{fill:#fff;font-weight:700}.orbital-key--action-center:hover .key-background{fill:var(--color-state-correct);opacity:1;stroke-width:3;filter:brightness(1.1)}.orbital-key--action-center:active .key-background{opacity:0.9;transform:scale(0.95)}.orbital-key--action-corner .key-background{fill:var(--color-key-bg);stroke:var(--color-cell-border);stroke-width:2;opacity:0.85}.orbital-key--action-corner:hover .key-background{opacity:1;stroke:var(--color-link)}.orbital-key--action-clear .key-background{fill:var(--color-state-present);stroke:var(--color-state-present);stroke-width:2;opacity:0.85}.orbital-key--action-clear .key-label--icon{fill:#fff;font-weight:600}.orbital-key--action-clear:hover .key-background{opacity:1;stroke-width:2.5;filter:brightness(1.1)}.orbital-key--action-clear:active .key-background{opacity:0.9;transform:scale(0.95)}.orbital-key--action-clear.is-disabled{opacity:0.3;cursor:not-allowed;pointer-events:none}.orbital-key--action-clear.is-disabled .key-background{fill:var(--color-key-bg);stroke:var(--color-cell-border)}.orbital-key--action-clear.is-disabled .key-label--icon{fill:var(--color-key-fg)}@keyframes rotate-ring{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes counter-rotate-ring{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}.ring-keys--inner,.ring-keys--middle,.ring-keys--outer{transform-origin:250px 250px}.orbital-keyboard-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:0.25rem;font-size:0.75rem;opacity:0.7}.legend-item{display:flex;align-items:center;gap:0.5rem}.legend-ring{width:12px;height:12px;border-radius:50%;border:2px solid currentColor}.legend-item--inner .legend-ring{border-width:2px}.legend-item--middle .legend-ring{border-width:1.5px}.legend-item--outer .legend-ring{border-width:1px}.legend-label{font-weight:500;color:var(--color-key-fg)}@media (max-width: 768px){.orbital-keyboard-container{padding:0 0.5rem;max-width:375px}.orbital-keyboard-svg{max-width:375px;max-height:375px}}@media (max-width: 520px){.orbital-keyboard-container{padding:0 0.125rem;max-width:360px;margin-bottom:3rem}.orbital-keyboard-svg{max-width:360px;max-height:360px}.orbital-keyboard-legend{gap:1rem;font-size:0.625rem}.legend-ring{width:10px;height:10px}}@media (prefers-reduced-motion: reduce){.ring-keys--inner,.ring-keys--middle,.ring-keys--outer{animation:none !important}.key-counter-rotate--inner,.key-counter-rotate--middle,.key-counter-rotate--outer{animation:none !important}.orbital-key,.orbital-key--action{transition:none !important}.key-background{transition:none !important}}[data-theme='high-contrast'] .key-background{stroke-width:2.5}[data-theme='high-contrast'] .orbital-key--inner .key-background{stroke-width:3}[data-theme='high-contrast'] .orbital-key.kb-correct .key-background,[data-theme='high-contrast'] .orbital-key.kb-present .key-background,[data-theme='high-contrast'] .orbital-key.kb-absent .key-background{stroke-width:3}[data-theme='retro'] .key-background{stroke-width:2}.btn-help-text{padding:0.25rem 0.6rem;font-size:0.75rem;font-weight:600;border:1px solid var(--color-cell-border);background:var(--color-key-bg);color:var(--color-key-fg);border-radius:4px;cursor:pointer}.modal[aria-hidden='true']{display:none}.modal{position:fixed;inset:0;z-index:1000}.modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.45)}.modal__dialog{position:relative;max-width:600px;margin:8vh auto;background:#fff;color:#111;border-radius:8px;padding:1rem 1.25rem 1.25rem;box-shadow:0 10px 30px -5px rgba(0,0,0,0.4);max-height:67vh;overflow-y:auto}.modal--small .modal__dialog{max-width:400px}.modal--medium .modal__dialog{max-width:480px}.modal--large .modal__dialog{max-width:480px}.modal--fullscreen .modal__dialog{max-width:95vw;max-height:95vh;margin:2.5vh auto}@media (prefers-color-scheme: dark){.modal__dialog{background:#222;color:#eee}}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.modal__close{background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:inherit}.modal__body p{margin:0.5rem 0;line-height:1.35}.modal__body ul{padding-left:1.1rem;margin:0.5rem 0 1rem}.modal__body li{margin:0.25rem 0;font-size:0.85rem}.modal__footer{display:flex;justify-content:flex-end;gap:0.75rem;align-items:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,0.1)}@media (prefers-color-scheme: dark){.modal__footer{border-top-color:rgba(255,255,255,0.15)}}.modal__close-btn{padding:0.45rem 0.9rem;border:none;background:var(--color-state-correct);color:#fff;cursor:pointer;font-weight:600;border-radius:4px;transition:opacity 0.2s ease}.modal__close-btn:hover{opacity:0.85}.legend{display:inline-block;padding:0.15rem 0.45rem;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.legend--correct{color:var(--color-state-correct);border-bottom:solid 2px var(--color-state-correct)}.legend--present{color:var(--color-state-present);border-bottom:solid 2px var(--color-state-present)}.legend--absent{color:var(--color-state-absent);border-bottom:solid 2px var(--color-state-absent)}.help-legend-list{list-style:none;padding:0;margin:0.75rem 0}.help-legend-list li{display:flex;align-items:center;gap:0.5rem;padding:0.35rem 0;font-size:0.9rem}.help-modes,.help-keyboard,.help-profile{margin:0.75rem 0 1rem}.help-modes dt,.help-keyboard dt,.help-profile dt{display:flex;align-items:center;gap:0.5rem;font-weight:600;font-size:0.95rem;margin-top:0.75rem;color:#2c3e50}.help-modes dt i,.help-keyboard dt i,.help-profile dt i{color:#007bff;width:1.25rem;text-align:center}.help-modes dd,.help-keyboard dd,.help-profile dd{margin:0.25rem 0 0 1.75rem;font-size:0.85rem;color:#555;line-height:1.4}.help-tip{display:flex;align-items:flex-start;gap:0.5rem;margin:1rem 0;padding:0.75rem;background:rgba(0,123,255,0.08);border-radius:6px;font-size:0.85rem;color:#495057}.help-tip i{color:#ffc107;flex-shrink:0;margin-top:0.1rem}.help-buttons{margin:0.75rem 0 1rem}.help-buttons dt{display:flex;align-items:center;gap:0.5rem;font-weight:600;font-size:0.9rem;margin-top:0.6rem;color:#2c3e50}.help-buttons dd{margin:0.2rem 0 0 2.25rem;font-size:0.85rem;color:#555;line-height:1.4}.help-buttons .btn-icon,.help-buttons .btn-help-icon,.help-buttons .btn-theme{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#f0f0f0;border-radius:4px;font-size:0.75rem;color:#495057}@media (prefers-color-scheme: dark){.help-modes dt,.help-keyboard dt,.help-profile dt,.help-buttons dt{color:#e0e0e0}.help-modes dt i,.help-keyboard dt i,.help-profile dt i,.help-buttons dt i{color:#4da6ff}.help-modes dd,.help-keyboard dd,.help-profile dd,.help-buttons dd{color:#b0b0b0}.help-tip{background:rgba(77,166,255,0.15);color:#c0c0c0}.help-buttons .btn-icon,.help-buttons .btn-help-icon,.help-buttons .btn-theme{background:#3a3a3a;color:#c0c0c0}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:0.75rem;pointer-events:none}@media (max-width: 520px){.toast-container{left:1rem;right:1rem;top:0.5rem}}.toast{display:flex;align-items:center;justify-content:space-between;min-width:250px;max-width:400px;padding:1rem 1.25rem;background:var(--color-bg-secondary, rgba(255,255,255,0.95));border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);pointer-events:auto;animation:toastSlideIn 0.3s ease;transition:all 0.3s ease;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,0.08)}@media (prefers-color-scheme: dark){.toast{background:rgba(30,30,30,0.95);border:1px solid rgba(255,255,255,0.1);box-shadow:0 4px 12px rgba(0,0,0,0.3)}}@media (max-width: 520px){.toast{min-width:unset;max-width:100%;padding:0.875rem 1rem}}.toast.toast-success{border-left:4px solid #28a745}.toast.toast-success .fa-check-circle{color:#28a745}.toast.toast-error{border-left:4px solid #dc3545}.toast.toast-error .fa-exclamation-circle{color:#dc3545}.toast.toast-warning{border-left:4px solid #ffc107}.toast.toast-warning .fa-exclamation-triangle{color:#ffc107}.toast.toast-info{border-left:4px solid #007bff}.toast.toast-info .fa-circle-info{color:#007bff}.toast:hover{transform:translateX(-4px);box-shadow:0 6px 16px rgba(0,0,0,0.2)}.toast-content{display:flex;align-items:center;gap:0.75rem;flex:1}.toast-content i{font-size:1.25rem;flex-shrink:0}@media (max-width: 520px){.toast-content i{font-size:1.1rem}}.toast-message{color:var(--color-text-primary, #333);font-size:0.95rem;line-height:1.4;word-break:break-word}@media (prefers-color-scheme: dark){.toast-message{color:rgba(255,255,255,0.9)}}@media (max-width: 520px){.toast-message{font-size:0.875rem}}.toast-close{background:none;border:none;color:var(--color-text-secondary, #666);cursor:pointer;padding:0;margin-left:1rem;opacity:0.6;transition:opacity 0.2s ease, transform 0.2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%}.toast-close:hover{opacity:1;transform:scale(1.1);background:rgba(0,0,0,0.05)}@media (prefers-color-scheme: dark){.toast-close:hover{background:rgba(255,255,255,0.1)}}.toast-close:active{transform:scale(0.95)}.toast-close i{font-size:1.1rem;pointer-events:none}@media (max-width: 520px){.toast-close i{font-size:1rem}}@keyframes toastSlideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast-exit{animation:toastSlideOut 0.3s ease forwards}@keyframes toastSlideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@media (prefers-reduced-motion: reduce){.toast{animation:none;transition:none}.toast-exit{animation:none;opacity:0}.toast-close{transition:none}}@media (prefers-contrast: high){.toast{border:2px solid currentColor}.toast.toast-success{border-left-width:6px}.toast.toast-error{border-left-width:6px}.toast.toast-warning{border-left-width:6px}.toast.toast-info{border-left-width:6px}.toast-message{font-weight:500}}#orbital-tutorial-modal{pointer-events:none}#orbital-tutorial-modal .modal__backdrop{background:transparent}#orbital-tutorial-modal .modal__dialog{position:fixed;top:1rem;left:50%;transform:translateX(-50%);margin:0;max-width:600px;width:calc(100% - 2rem);max-height:none}#orbital-tutorial-modal .modal__header,#orbital-tutorial-modal .modal__body,#orbital-tutorial-modal .modal__footer{pointer-events:auto}.tutorial-content{min-height:200px;display:flex;flex-direction:column;align-items:center;padding:0.75rem}.tutorial-step{display:none;opacity:0;transition:opacity 0.3s ease-in-out;text-align:center;width:100%}.tutorial-step.is-active{display:flex;flex-direction:column;align-items:center;opacity:1}.tutorial-step__title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary)}.tutorial-step__description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;color:var(--color-text-muted);max-width:40ch}.tutorial-visual{margin:0.75rem 0;width:100%;max-width:300px}.tutorial-visual img,.tutorial-visual svg{width:100%;height:auto}.tutorial-visual i{font-size:4rem !important}.tutorial-interactive{margin:1rem 0;padding:1.5rem;background:rgba(0,123,255,0.05);border:2px dashed var(--color-link);border-radius:8px;transition:all 0.3s ease}.tutorial-interactive.is-completed{background:rgba(40,167,69,0.1);border-color:var(--color-state-correct);border-style:solid}.tutorial-interactive p{margin:0.5rem 0;font-size:0.95rem}.tutorial-interactive strong{font-weight:600}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;border-top:1px solid rgba(0,0,0,0.1);background:var(--color-bg-primary)}.tutorial-progress{font-size:0.875rem;font-weight:600;color:var(--color-text-muted);font-variant-numeric:tabular-nums;letter-spacing:0.05em}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:6px;font-weight:600;font-size:0.95rem;cursor:pointer;border:none;transition:all 0.2s ease;white-space:nowrap}.btn-primary i,.btn-secondary i{font-size:1.1em}.btn-primary{background:var(--color-state-correct);color:#fff}.btn-primary:hover:not(:disabled){opacity:0.9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(40,167,69,0.3)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:#ccc;cursor:not-allowed;opacity:0.6}.btn-secondary{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-light)}.btn-secondary:hover:not(:disabled){background:rgba(0,0,0,0.05);border-color:var(--color-text-muted)}.btn-secondary:active:not(:disabled){background:rgba(0,0,0,0.08)}.btn-secondary:disabled{opacity:0.5;cursor:not-allowed}@media (max-width: 640px){.tutorial-content{padding:0.75rem}.tutorial-step__title{font-size:1.25rem}.tutorial-step__description{font-size:0.9rem}.tutorial-footer{padding:0.75rem 1rem;flex-wrap:wrap}.btn-primary,.btn-secondary{font-size:0.875rem;padding:0.4rem 0.8rem}.btn-primary i,.btn-secondary i{font-size:1em}}@media (prefers-color-scheme: dark){.tutorial-footer{border-top-color:rgba(255,255,255,0.15)}.tutorial-interactive{background:rgba(77,166,255,0.1);border-color:var(--color-link-dark)}.tutorial-interactive.is-completed{background:rgba(40,167,69,0.15);border-color:var(--color-state-correct)}.btn-secondary{border-color:var(--color-border-dark)}.btn-secondary:hover:not(:disabled){background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.3)}.btn-secondary:active:not(:disabled){background:rgba(255,255,255,0.08)}.btn-primary:hover:not(:disabled){box-shadow:0 2px 8px rgba(40,167,69,0.4)}}@media (prefers-reduced-motion: reduce){.tutorial-step{transition:none}.tutorial-interactive{transition:none}.btn-primary,.btn-secondary{transition:none}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:none}}.achievement-modal .modal__dialog{text-align:center;max-width:340px;overflow:visible;padding-top:4rem}.achievement-modal .modal__header{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.achievement-badge{position:relative;width:80px;height:80px;margin:-4rem auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;box-shadow:0 4px 15px rgba(0,0,0,0.3),0 0 0 4px rgba(255,255,255,0.2);animation:badge-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes badge-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.achievement-modal__title{font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-state-correct);margin:0 0 0.5rem;font-weight:600}.achievement-modal__name{font-size:1.5rem;font-weight:700;margin:0 0 0.5rem;color:inherit}.achievement-modal__description{font-size:0.95rem;color:#666;margin:0 0 1.5rem}@media (prefers-color-scheme: dark){.achievement-modal__description{color:#aaa}}.achievement-modal__actions{display:flex;gap:0.75rem;justify-content:center}.achievement-modal__btn{padding:0.6rem 1.25rem;border:none;border-radius:6px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:opacity 0.2s ease, transform 0.1s ease;display:inline-flex;align-items:center;gap:0.5rem}.achievement-modal__btn:hover{opacity:0.9}.achievement-modal__btn:active{transform:scale(0.98)}.achievement-modal__btn--primary{background:var(--color-state-correct);color:#fff}.achievement-modal__btn--secondary{background:var(--color-key-bg);color:var(--color-key-fg);border:1px solid var(--color-cell-border)}.confetti-container{position:absolute;top:-100px;left:-50%;width:200%;height:400px;pointer-events:none;overflow:visible;z-index:100}.confetti-piece{position:absolute;width:10px;height:10px;top:0;animation:confetti-move 3s ease-out forwards, confetti-fade 3s ease-out forwards;transform:translateZ(0)}@keyframes confetti-move{0%{transform:translateY(0) rotateZ(0deg) translateZ(0)}100%{transform:translateY(350px) rotateZ(720deg) translateZ(0)}}@keyframes confetti-fade{0%,60%{opacity:1}100%{opacity:0}}.achievement-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-key-bg);border:1px solid var(--color-cell-border);border-radius:8px;margin-bottom:0.75rem;transition:transform 0.2s ease}.achievement-card:hover{transform:translateX(4px)}.achievement-card--locked{opacity:0.5;filter:grayscale(0.7)}.achievement-card--locked:hover{transform:none}.achievement-card__icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.achievement-card__info{flex:1;text-align:left}.achievement-card__name{font-size:1rem;font-weight:600;margin:0 0 0.25rem}.achievement-card__description{font-size:0.85rem;color:#666;margin:0}@media (prefers-color-scheme: dark){.achievement-card__description{color:#999}}.achievement-card__unlocked{font-size:0.75rem;color:var(--color-state-correct);margin-top:0.25rem}.achievement-progress{margin-top:0.5rem}.achievement-progress__bar{height:4px;background:rgba(0,0,0,0.1);border-radius:2px;overflow:hidden}@media (prefers-color-scheme: dark){.achievement-progress__bar{background:rgba(255,255,255,0.1)}}.achievement-progress__fill{height:100%;background:var(--color-state-present);border-radius:2px;transition:width 0.3s ease}.achievement-progress__text{font-size:0.7rem;color:#888;margin-top:0.25rem}.achievements-section{margin-top:1.5rem}.achievements-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.achievements-section__title{font-size:1.1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:0.5rem}.achievements-section__count{font-size:0.85rem;color:#666;font-weight:normal}@media (prefers-color-scheme: dark){.achievements-section__count{color:#999}}.achievements-list{list-style:none;padding:0;margin:0}.achievements-empty{text-align:center;padding:2rem 1rem;color:#666}@media (prefers-color-scheme: dark){.achievements-empty{color:#999}}.achievements-empty__icon{font-size:2.5rem;margin-bottom:0.75rem;opacity:0.5}.achievements-empty__text{font-size:0.9rem}.streak-banner{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background:linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);border-radius:12px;color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(255,107,53,0.3);margin:1rem 0;animation:streak-slide-in 0.4s ease-out}.streak-banner--daily{background:linear-gradient(135deg, #ff6b35 0%, #f7931e 100%)}.streak-banner--win{background:linear-gradient(135deg, #28a745 0%, #20c997 100%);box-shadow:0 2px 8px rgba(40,167,69,0.3)}.streak-banner__icon{font-size:1.5rem;animation:flame-pulse 1.5s ease-in-out infinite}.streak-banner__icon i{color:#fff}.streak-banner__content{display:flex;align-items:baseline;gap:0.35rem}.streak-banner__count{font-size:1.5rem;font-weight:700;line-height:1}.streak-banner__label{font-size:0.9rem;opacity:0.95}.streak-banner__badge{margin-left:auto;font-size:1.25rem;animation:badge-shine 2s ease-in-out infinite}.streak-banner__badge i{color:#ffd700;filter:drop-shadow(0 0 3px rgba(255,215,0,0.5))}.streak-badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.65rem;background:linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);border-radius:20px;color:#fff;font-size:0.85rem;font-weight:600}.streak-badge__icon{font-size:0.9rem}.streak-badge__count{font-weight:700}.streak-badge--large{padding:0.5rem 0.85rem;font-size:1rem;gap:0.5rem}.streak-badge--large .streak-badge__icon{font-size:1.1rem}@keyframes streak-slide-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes flame-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes badge-shine{0%,100%{opacity:1}50%{opacity:0.7}}@media (prefers-color-scheme: dark){.streak-banner{box-shadow:0 2px 12px rgba(255,107,53,0.4)}.streak-banner--win{box-shadow:0 2px 12px rgba(40,167,69,0.4)}}.attempts-table-wrapper{display:flex;justify-content:center}.attempts-table{width:100%;max-width:480px;border-collapse:collapse}.attempts-table th,.attempts-table td{padding:0.35rem 0.5rem}.attempts-table thead th{font-size:0.85rem;letter-spacing:0.5px;text-transform:uppercase;opacity:0.8}.attempts-table tbody tr:nth-child(even){background:rgba(0,0,0,0.04)}@media (prefers-color-scheme: dark){.attempts-table tbody tr:nth-child(even){background:rgba(255,255,255,0.05)}}.attempt-time-cell,.attempt-elapsed,.attempts-total-elapsed{text-align:right;font-variant-numeric:tabular-nums}.attempt-index{width:2.25rem;text-align:right;font-variant-numeric:tabular-nums}.attempt-elapsed{width:4rem}.attempts-total-row{font-weight:600;border-top:2px solid rgba(0,0,0,0.15)}@media (prefers-color-scheme: dark){.attempts-total-row{border-top-color:rgba(255,255,255,0.2)}}.attempt-index-header{text-align:right;width:2.25rem}.attempt-guess-header{text-align:left}.attempt-time-header{text-align:right}.attempt-elapsed-header{text-align:right;width:4rem}.attempt-result-header,.attempt-result{text-align:center}.attempt-result i{display:inline-block;width:1.25rem;text-align:center}body.welcome-page .welcome-container{max-width:640px;margin:3rem auto;padding:0 1rem;text-align:center}body.welcome-page .avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;background:hsl(var(--hue), 70%, 45%);color:#fff}body.welcome-page .avatar i{font-size:42px}body.welcome-page .lead{color:var(--color-text-muted);text-align:left}body.welcome-page .codename-panel{display:flex;flex-direction:row;gap:2rem;align-items:center;justify-content:center;margin:1rem 0}body.welcome-page .codename-panel .btn-recovery-use i{color:#007bff}body.welcome-page .codename-panel .btn-recovery-use:hover i{color:#0056b3}body.welcome-page .codename{font-weight:700;font-size:1.25rem;padding:0.25rem 0.5rem;border-radius:6px}body.welcome-page .consent-form{margin-top:1rem;text-align:left;display:inline-block;max-width:520px}body.welcome-page .consent-form .consent-section{margin-bottom:1rem;padding:0.75rem 1rem;border-radius:8px;background:rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.08)}body.welcome-page .consent-form .consent-section--essential{background:rgba(40,167,69,0.08);border-color:rgba(40,167,69,0.2)}body.welcome-page .consent-form .consent-section--optional{background:rgba(108,117,125,0.06);border-color:rgba(108,117,125,0.15)}body.welcome-page .consent-form .consent-label{display:flex;align-items:flex-start;gap:0.5rem;cursor:pointer;font-size:0.9rem;line-height:1.4}body.welcome-page .consent-form .consent-label input[type="checkbox"]{margin-top:0.2rem;flex-shrink:0}body.welcome-page .consent-form .consent-note{font-size:0.8rem;color:#6c757d;margin:0.5rem 0 0 1.5rem;line-height:1.3}body.welcome-page .consent-form .consent-optional-badge{display:inline-block;font-size:0.7rem;font-weight:600;color:#6c757d;background:rgba(108,117,125,0.15);padding:0.15rem 0.4rem;border-radius:4px;margin-left:0.3rem;vertical-align:middle}body.welcome-page .consent-form .actions{text-align:center;margin-top:1rem}body.welcome-page .error{color:var(--color-error);font-weight:600}body.welcome-page .recovery-info{margin:2rem auto 1.5rem;padding:1.25rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;text-align:left;max-width:520px}body.welcome-page .recovery-info .recovery-info-title{font-weight:600;font-size:1rem;margin-bottom:0.75rem;color:#495057}body.welcome-page .recovery-info .recovery-info-title i{margin-right:0.5rem;color:#007bff}body.welcome-page .recovery-info .recovery-info-text{font-size:0.9rem;line-height:1.5;color:var(--color-text-muted);margin-bottom:0}body.welcome-page .privacy-link-text{margin-top:0.75rem;font-size:0.875rem}@media (prefers-color-scheme: dark){body.welcome-page .lead{color:var(--color-text-muted-dark)}body.welcome-page .codename-panel .btn-recovery-use i{color:#4da6ff}body.welcome-page .codename-panel .btn-recovery-use:hover i{color:#80bdff}body.welcome-page .recovery-info{background:#2d2d2d;border-color:#444}body.welcome-page .recovery-info .recovery-info-title{color:#e0e0e0}body.welcome-page .recovery-info .recovery-info-title i{color:#4da6ff}body.welcome-page .recovery-info .recovery-info-text{color:var(--color-text-muted-dark)}}body.recover-page .recover-container{max-width:640px;margin:3rem auto;padding:0 1rem;text-align:center}body.recover-page .icon-header{width:96px;height:96px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;background:#0073e6;color:#fff}body.recover-page .icon-header i{font-size:42px}body.recover-page h3{margin-top:0;align-self:center}body.recover-page .lead{color:var(--color-text-muted);text-align:center;margin-bottom:2rem}body.recover-page .recovery-form{margin-top:1rem;text-align:left;display:inline-block;width:100%;max-width:400px}body.recover-page .recovery-form .form-group{margin-bottom:1.5rem}body.recover-page .recovery-form .form-group label{display:block;font-weight:600;margin-bottom:0.5rem;text-align:left}body.recover-page .recovery-form .form-group .recovery-code-input{width:100%;padding:0.75rem;font-size:1rem;font-family:monospace;letter-spacing:2px;text-align:center;border:1px solid var(--color-border-light);border-radius:6px;text-transform:uppercase}body.recover-page .recovery-form .form-group .recovery-code-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,0.1)}body.recover-page .recovery-form .actions{text-align:center;margin-top:1rem}body.recover-page .recovery-form .btn-recovery i{color:#007bff}body.recover-page .recovery-form .btn-recovery:hover i{color:#0056b3}body.recover-page .recovery-form .btn-recovery:disabled{opacity:0.5;cursor:not-allowed}body.recover-page .status-message{margin-top:1rem;padding:0.75rem;border-radius:6px;font-weight:600;text-align:center}body.recover-page .status-message.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}body.recover-page .status-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}body.recover-page .status-message.success p{margin-bottom:0}body.recover-page .status-message.success .actions{margin-top:1.5rem}body.recover-page .status-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}body.recover-page .back-link{margin-top:2rem;font-size:0.875rem}body.recover-page .back-link a{color:var(--color-link);text-decoration:none}body.recover-page .back-link a i{margin-right:0.5rem}body.recover-page .back-link a:hover{text-decoration:underline}@media (prefers-color-scheme: dark){body.recover-page .lead{color:var(--color-text-muted-dark)}body.recover-page .recovery-form .recovery-code-input{background:#2d2d2d;border-color:var(--color-border-dark);color:#e0e0e0}body.recover-page .recovery-form .recovery-code-input:focus{border-color:#4da6ff;box-shadow:0 0 0 3px rgba(77,166,255,0.1)}body.recover-page .recovery-form .btn-recovery i{color:#4da6ff}body.recover-page .recovery-form .btn-recovery:hover i{color:#80bdff}body.recover-page .status-message.info{background:#1e3a44;color:#7fd8f0;border-color:#2d5a6b}body.recover-page .status-message.success{background:#1e4620;color:#b8e6bb;border-color:#28a745}body.recover-page .status-message.error{background:#4a1e1e;color:#ffb3b3;border-color:#721c24}body.recover-page .back-link a{color:var(--color-link-dark)}}.statistics-section{margin-top:3rem;padding-top:2rem;border-top:2px solid rgba(0,0,0,0.1)}.statistics-section h3{font-size:1.25rem;margin-bottom:1rem}.statistics-section .statistics-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin-bottom:1.5rem}.statistics-section .stat-item{text-align:center;padding:0.75rem;background:rgba(0,0,0,0.05);border-radius:8px}.statistics-section .stat-item .stat-value{display:block;font-size:1.5rem;font-weight:bold;color:var(--color-primary, #007bff)}.statistics-section .stat-item .stat-label{display:block;font-size:0.75rem;color:var(--color-text-muted);margin-top:0.25rem}.statistics-section .guess-distribution{margin-bottom:1.5rem}.statistics-section .guess-distribution h4{font-size:1rem;margin-bottom:0.75rem;color:var(--color-text-muted)}.statistics-section .guess-distribution .distribution-bars{display:flex;flex-direction:column;gap:0.5rem}.statistics-section .guess-distribution .distribution-row{display:flex;align-items:center;gap:0.5rem}.statistics-section .guess-distribution .distribution-label{width:1rem;text-align:right;font-weight:bold;font-size:0.875rem}.statistics-section .guess-distribution .distribution-bar-container{flex:1;display:flex;align-items:center;gap:0.5rem}.statistics-section .guess-distribution .distribution-bar{height:1.25rem;background:var(--color-primary, #007bff);border-radius:4px;min-width:4px;transition:width 0.3s ease}.statistics-section .guess-distribution .distribution-count{font-size:0.875rem;font-weight:bold;min-width:1.5rem}.statistics-section .statistics-actions{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.statistics-section #statistics-status{margin-top:1rem}.recovery-section{margin-top:3rem;padding-top:2rem;border-top:2px solid rgba(0,0,0,0.1)}.recovery-section h3{font-size:1.25rem;margin-bottom:0.5rem}.recovery-section p{color:var(--color-text-muted);margin-bottom:1.5rem}.recovery-section .recovery-actions{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.recovery-section #recovery-code-display{display:none;margin-top:1.25rem;padding:1rem;background:#d4edda;border:1px solid #28a745;border-radius:5px}.recovery-section #recovery-code-display.show{display:block}.recovery-section #recovery-code-display p{margin-bottom:0.75rem}.recovery-section #recovery-code-display p:first-of-type{font-weight:bold;color:#155724}.recovery-section #recovery-code-display p:first-of-type i{margin-right:0.5rem}.recovery-section #recovery-code-display p.recovery-warning{color:#856404;font-size:0.875rem}.recovery-section #recovery-code-display p.recovery-warning i{margin-right:0.5rem}.recovery-section #recovery-code-display p.recovery-meta{font-size:0.875rem;color:#155724}.recovery-section #recovery-code-display p.recovery-meta i{margin-right:0.5rem}.recovery-section #recovery-code-display .recovery-code-container{background:#f0f0f0;padding:1rem;border-radius:5px;margin:0.625rem 0;font-family:monospace;font-size:1.125rem;font-weight:bold;text-align:center;position:relative}.recovery-section #recovery-code-display .recovery-code-container code{color:#c0c0c0;letter-spacing:2px}.recovery-section #recovery-code-display .recovery-code-container #copy-recovery-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.25rem;color:#007bff;transition:color 0.2s ease}.recovery-section #recovery-code-display .recovery-code-container #copy-recovery-btn:hover{color:#0056b3}.recovery-section #recovery-code-display .recovery-code-container #copy-recovery-btn:active{transform:translateY(-50%) scale(0.95)}.recovery-section #recovery-status{margin-top:1rem;font-weight:600}.recovery-section #recovery-status p{margin:0}.status-info{color:#0056b3}.status-info i{margin-right:0.5rem}.status-success{color:#28a745;font-weight:bold}.status-success i{margin-right:0.5rem}.status-error{color:#dc3545;font-weight:bold}.status-error i{margin-right:0.5rem}@media (prefers-color-scheme: dark){.statistics-section{border-top-color:rgba(255,255,255,0.15)}.statistics-section .stat-item{background:rgba(255,255,255,0.1)}.statistics-section .stat-item .stat-value{color:#4da6ff}.statistics-section .stat-item .stat-label{color:var(--color-text-muted-dark)}.statistics-section .guess-distribution h4{color:var(--color-text-muted-dark)}.statistics-section .guess-distribution .distribution-bar{background:#4da6ff}.recovery-section{border-top-color:rgba(255,255,255,0.15)}.recovery-section p{color:var(--color-text-muted-dark)}.recovery-section #recovery-code-display{background:#1e4620;border-color:#28a745}.recovery-section #recovery-code-display p:first-of-type{color:#b8e6bb}.recovery-section #recovery-code-display p.recovery-warning{color:#ffc107}.recovery-section #recovery-code-display p.recovery-meta{color:#b8e6bb}.recovery-section #recovery-code-display .recovery-code-container{background:#2d2d2d}.recovery-section #recovery-code-display .recovery-code-container code{color:#404040}.recovery-section #recovery-code-display .recovery-code-container #copy-recovery-btn{color:#4da6ff}.recovery-section #recovery-code-display .recovery-code-container #copy-recovery-btn:hover{color:#80bdff}.status-info{color:#4da6ff}.status-success{color:#5cb85c}.status-error{color:#ff6b6b}}.copy-success{color:#28a745}@media (prefers-color-scheme: dark){.copy-success{color:#5cb85c}}.gdpr-section{margin-top:3rem;padding-top:2rem;border-top:2px solid rgba(0,0,0,0.1)}.gdpr-section h3{font-size:1.25rem;margin-bottom:0.5rem}.gdpr-section p{color:var(--color-text-muted);margin-bottom:1.5rem}.gdpr-section .gdpr-actions{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.gdpr-section #delete-confirmation{display:none;border:1px solid #ffc107;background:#fff3cd;border-radius:5px;padding:1rem;margin-top:1rem}.gdpr-section #delete-confirmation p{color:#856404;font-weight:bold;margin-bottom:1rem}.gdpr-section #delete-confirmation p i{margin-right:0.5rem}.gdpr-section #delete-confirmation button{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;border:none;margin-right:0.5rem;transition:all 0.2s ease}.gdpr-section #delete-confirmation button.btn-danger{background:#dc3545;color:white}.gdpr-section #delete-confirmation button.btn-danger:hover{background:#c82333}.gdpr-section #delete-confirmation button.btn-danger:disabled{background:#999;cursor:not-allowed;opacity:0.6}.gdpr-section #delete-confirmation button.btn-secondary{background:#6c757d;color:white}.gdpr-section #delete-confirmation button.btn-secondary:hover{background:#5a6268}.gdpr-section #delete-status{margin-top:1rem;font-weight:600}.gdpr-section #delete-status p{margin:0}@media (prefers-color-scheme: dark){.gdpr-section{border-top-color:rgba(255,255,255,0.15)}.gdpr-section p{color:var(--color-text-muted-dark)}.gdpr-section #delete-confirmation{background:#4a3800;border-color:#805b00}.gdpr-section #delete-confirmation p{color:#ffc107}}body.daily-challenge-page .daily-challenge-container{max-width:640px;margin:1rem auto;padding:0 1rem}body.daily-challenge-page .challenge-header{text-align:center;margin-bottom:1rem}body.daily-challenge-page .challenge-header .challenge-title{font-size:1.75rem;font-weight:700;margin-bottom:0.5rem;color:#2c3e50}body.daily-challenge-page .challenge-header .challenge-date{font-size:1rem;color:var(--color-text-muted);margin:0}body.daily-challenge-page .challenge-status{margin-bottom:2rem;padding:2rem;border:1px solid var(--color-border-light);border-radius:8px;background:rgba(0,0,0,0.02)}body.daily-challenge-page .challenge-status .status-loading,body.daily-challenge-page .challenge-status .status-pending,body.daily-challenge-page .challenge-status .status-completed,body.daily-challenge-page .challenge-status .status-error{text-align:center}body.daily-challenge-page .challenge-status .status-loading i,body.daily-challenge-page .challenge-status .status-pending i,body.daily-challenge-page .challenge-status .status-completed i,body.daily-challenge-page .challenge-status .status-error i{font-size:3rem;margin-bottom:1rem;display:block}body.daily-challenge-page .challenge-status .status-loading p,body.daily-challenge-page .challenge-status .status-pending p,body.daily-challenge-page .challenge-status .status-completed p,body.daily-challenge-page .challenge-status .status-error p{margin:0.5rem 0;font-size:1.125rem}body.daily-challenge-page .challenge-status .status-loading i{color:#007bff}body.daily-challenge-page .challenge-status .status-pending i{color:#ffc107}body.daily-challenge-page .challenge-status .status-pending .btn-play-challenge{display:inline-flex;align-items:center;gap:0.5rem;margin-top:1rem;padding:0.75rem 1.5rem;background:#28a745;color:white;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none;transition:background 0.2s ease}body.daily-challenge-page .challenge-status .status-pending .btn-play-challenge:hover{background:#218838}body.daily-challenge-page .challenge-status .status-pending .btn-play-challenge i{font-size:1rem;margin:0;display:inline}body.daily-challenge-page .challenge-status .status-completed i{color:#28a745}body.daily-challenge-page .challenge-status .status-completed .status-score,body.daily-challenge-page .challenge-status .status-completed .status-rank{font-weight:600;color:#007bff;margin:0.25rem 0}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge{display:inline-flex;align-items:center;gap:0.5rem;margin-top:1rem;padding:0.75rem 1.5rem;background:#007bff;color:white;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:background 0.2s ease}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge:hover{background:#0056b3}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge:disabled{background:#28a745;cursor:not-allowed}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge i{font-size:1rem}body.daily-challenge-page .challenge-status .status-error i{color:#dc3545}body.daily-challenge-page .challenge-status .status-error p{color:#dc3545}body.daily-challenge-page .challenge-leaderboard{margin-bottom:2rem}body.daily-challenge-page .challenge-leaderboard.is-hidden{display:none}body.daily-challenge-page .challenge-leaderboard .leaderboard-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#2c3e50}body.daily-challenge-page .challenge-leaderboard .leaderboard-container{border:1px solid var(--color-border-light);border-radius:8px;overflow:hidden}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry{display:grid;grid-template-columns:3rem 1fr 5rem 4rem;gap:0.75rem;padding:0.75rem 1rem;border-bottom:1px solid var(--color-border-light);align-items:center;background:rgba(0,0,0,0.02);transition:background 0.2s ease}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry:last-child{border-bottom:none}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry:hover{background:rgba(0,0,0,0.05)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry.is-current-player{background:rgba(0,123,255,0.1);border-left:4px solid #007bff;padding-left:calc(1rem - 4px)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry.is-current-player .entry-username{font-weight:700;color:#007bff}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-rank{font-weight:700;font-size:1rem;text-align:center;color:var(--color-text-muted)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-username{font-size:0.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-score{font-variant-numeric:tabular-nums;font-weight:600;text-align:right;color:#2c3e50}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-attempts{font-variant-numeric:tabular-nums;text-align:right;color:var(--color-text-muted);font-size:0.9rem}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-time{font-variant-numeric:tabular-nums;text-align:right;color:var(--color-text-muted);font-size:0.9rem}body.daily-challenge-page .challenge-screen.is-hidden{display:none}body.daily-challenge-page .status-loading,body.daily-challenge-page .status-error{text-align:center;padding:3rem 1rem}body.daily-challenge-page .status-loading i,body.daily-challenge-page .status-error i{margin-bottom:1rem;color:#007bff}body.daily-challenge-page .status-loading p,body.daily-challenge-page .status-error p{font-size:1.1rem;color:var(--color-text-muted);margin:0}body.daily-challenge-page .status-error i{color:#dc3545}body.daily-challenge-page .status-error p{color:#dc3545}body.daily-challenge-page .challenge-rules{background:rgba(0,123,255,0.05);border:1px solid rgba(0,123,255,0.2);border-radius:8px;padding:1rem;margin-bottom:1rem}body.daily-challenge-page .challenge-rules h3{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#2c3e50}body.daily-challenge-page .challenge-rules .rules-list{list-style:none;padding:0;margin:0}body.daily-challenge-page .challenge-rules .rules-list li{display:flex;align-items:flex-start;gap:0.75rem;padding:0.5rem 0;font-size:0.95rem;color:#4a5568}body.daily-challenge-page .challenge-rules .rules-list li i{color:#007bff;width:1rem;text-align:center;flex-shrink:0;margin-top:0.125rem}body.daily-challenge-page .challenge-word-info{text-align:center;margin-bottom:1rem;font-size:1.1rem;color:#4a5568}body.daily-challenge-page .challenge-word-info strong{font-size:1.5rem;color:#007bff}body.daily-challenge-page .btn-start-challenge{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;max-width:300px;margin:0 auto;padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:#28a745;color:white;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease}body.daily-challenge-page .btn-start-challenge:hover{background:#218838;transform:translateY(-1px)}body.daily-challenge-page .game-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem;padding:1rem;background:rgba(0,0,0,0.02);border-radius:8px}body.daily-challenge-page .game-stats .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}body.daily-challenge-page .game-stats .stat-item i{font-size:1.5rem;margin-bottom:0.25rem;color:var(--color-text-muted)}body.daily-challenge-page .game-stats .stat-item .stat-label{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-muted);margin-bottom:0.25rem}body.daily-challenge-page .game-stats .stat-item .stat-value{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:#2c3e50}body.daily-challenge-page .game-stats .stat-item .stat-value.warning{color:#dc3545;animation:pulse 1s infinite}body.daily-challenge-page .game-stats .stat-points i{color:#ffc107}body.daily-challenge-page .game-stats .stat-timer i{color:#007bff}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}body.daily-challenge-page .letter-pool-section{margin-bottom:2rem;text-align:center}body.daily-challenge-page .letter-pool-section h4{font-size:1rem;font-weight:600;color:#2c3e50;margin:0 0 0.25rem}body.daily-challenge-page .letter-pool-section .letter-pool-hint{font-size:0.85rem;color:var(--color-text-muted);margin:0 0 1rem}body.daily-challenge-page .letter-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem}body.daily-challenge-page .letter-pool .letter-tile{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;background:#fff;border:2px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;transition:all 0.2s ease}body.daily-challenge-page .letter-pool .letter-tile:hover:not(:disabled){background:#007bff;color:white;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,123,255,0.3)}body.daily-challenge-page .letter-pool .letter-tile.bought,body.daily-challenge-page .letter-pool .letter-tile:disabled{background:#e9ecef;border-color:#ced4da;color:#6c757d;cursor:not-allowed;opacity:0.6}body.daily-challenge-page .word-reveal-section{margin-bottom:1.5rem;text-align:center}body.daily-challenge-page .word-reveal-section.is-hidden{display:none}body.daily-challenge-page .word-reveal-section h4{font-size:0.9rem;font-weight:600;color:#28a745;margin:0 0 0.5rem}body.daily-challenge-page .word-reveal-row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0.25rem;width:100%;max-width:100%}body.daily-challenge-page .word-reveal-row .reveal-tile{flex:1 1 0;min-width:0;max-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#333;box-sizing:border-box;border-bottom:3px solid #dee2e6}body.daily-challenge-page .word-reveal-row .reveal-tile.revealed{color:#155724;border-bottom-color:#28a745}body.daily-challenge-page .word-reveal-row .reveal-tile.revealed.hidden{color:#d97706;border-bottom-color:#f59e0b}body.daily-challenge-page .word-reveal-row .reveal-tile.empty{color:transparent}@media (max-width: 400px){body.daily-challenge-page .word-reveal-row{gap:0.15rem}body.daily-challenge-page .word-reveal-row .reveal-tile{max-width:1.75rem;height:2rem;font-size:1rem;border-bottom-width:2px}}@media (max-width: 340px){body.daily-challenge-page .word-reveal-row{gap:0.1rem}body.daily-challenge-page .word-reveal-row .reveal-tile{max-width:1.5rem;height:1.75rem;font-size:0.875rem}}body.daily-challenge-page .hidden-letter-section{text-align:center;margin-bottom:2rem}body.daily-challenge-page .hidden-letter-section .btn-buy-hidden{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;font-size:1rem;font-weight:500;background:#6c757d;color:white;border:none;border-radius:6px;cursor:pointer;transition:all 0.2s ease}body.daily-challenge-page .hidden-letter-section .btn-buy-hidden .cost{font-size:0.85rem;opacity:0.8}body.daily-challenge-page .hidden-letter-section .btn-buy-hidden:hover{background:#5a6268}body.daily-challenge-page .guess-section{margin-bottom:2rem}body.daily-challenge-page .guess-section label{display:block;font-size:0.9rem;font-weight:500;color:#2c3e50;margin-bottom:0.5rem;text-align:center}body.daily-challenge-page .guess-section .guess-input-wrapper{display:flex;gap:0.5rem;max-width:400px;margin:0 auto}body.daily-challenge-page .guess-section .guess-input{flex:1;padding:0.75rem 1rem;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;border:2px solid #ced4da;border-radius:6px;text-align:center;transition:border-color 0.2s ease}body.daily-challenge-page .guess-section .guess-input:focus{outline:none;border-color:#007bff}body.daily-challenge-page .guess-section .btn-submit-guess{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;font-size:1.25rem;background:#28a745;color:white;border:none;border-radius:6px;cursor:pointer;transition:background 0.2s ease;flex-shrink:0}body.daily-challenge-page .guess-section .btn-submit-guess:hover{background:#218838}body.daily-challenge-page .result-header{text-align:center;margin-bottom:2rem}body.daily-challenge-page .result-header .result-icon{margin-bottom:1rem}body.daily-challenge-page .result-header .result-icon.win{color:#28a745}body.daily-challenge-page .result-header .result-icon.lose{color:#dc3545}body.daily-challenge-page .result-header .result-title{font-size:1.75rem;font-weight:700;margin:0}body.daily-challenge-page .result-header .result-title.win{color:#28a745}body.daily-challenge-page .result-header .result-title.lose{color:#dc3545}body.daily-challenge-page .result-word{text-align:center;margin-bottom:2rem}body.daily-challenge-page .result-word p{font-size:1rem;color:var(--color-text-muted);margin:0 0 0.5rem}body.daily-challenge-page .result-word .target-word{display:block;font-size:2rem;font-weight:700;letter-spacing:0.1em;color:#2c3e50}body.daily-challenge-page .result-stats,body.daily-challenge-page .completed-stats{background:rgba(0,0,0,0.02);border-radius:8px;padding:1.5rem;margin-bottom:2rem}body.daily-challenge-page .result-stats .stat-row,body.daily-challenge-page .completed-stats .stat-row{display:flex;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid rgba(0,0,0,0.05)}body.daily-challenge-page .result-stats .stat-row:last-child,body.daily-challenge-page .completed-stats .stat-row:last-child{border-bottom:none}body.daily-challenge-page .result-stats .stat-row .stat-label,body.daily-challenge-page .completed-stats .stat-row .stat-label{color:var(--color-text-muted)}body.daily-challenge-page .result-stats .stat-row .stat-value,body.daily-challenge-page .completed-stats .stat-row .stat-value{font-weight:600;color:#2c3e50}body.daily-challenge-page .result-stats .completed-note,body.daily-challenge-page .completed-stats .completed-note{text-align:center;color:var(--color-text-muted);font-style:italic;margin:1rem 0 0}body.daily-challenge-page .completed-message{text-align:center;margin-bottom:2rem}body.daily-challenge-page .completed-message i{color:#28a745;margin-bottom:1rem}body.daily-challenge-page .completed-message p{font-size:1.1rem;color:var(--color-text-muted);margin:0}body.daily-challenge-page .result-actions{text-align:center;margin-bottom:2rem}body.daily-challenge-page .result-actions .btn-share-challenge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;font-size:1rem;font-weight:600;background:#007bff;color:white;border:none;border-radius:6px;cursor:pointer;transition:background 0.2s ease}body.daily-challenge-page .result-actions .btn-share-challenge:hover{background:#0056b3}body.daily-challenge-page .streak-display{text-align:center;margin:1rem 0}body.daily-challenge-page .streak-display.is-hidden{display:none}body.daily-challenge-page .result-streak,body.daily-challenge-page .completed-streak{margin:1rem 0}body.daily-challenge-page .result-streak.is-hidden,body.daily-challenge-page .completed-streak.is-hidden{display:none}body.daily-challenge-page .come-back-tomorrow{text-align:center;padding:1.5rem 1rem;margin:1.5rem 0;background:linear-gradient(135deg, rgba(0,123,255,0.08) 0%, rgba(0,123,255,0.02) 100%);border:1px solid rgba(0,123,255,0.15);border-radius:12px}body.daily-challenge-page .come-back-tomorrow .come-back-message{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0 0 0.75rem}body.daily-challenge-page .come-back-tomorrow .come-back-message i{color:#f7931e;margin-right:0.5rem}body.daily-challenge-page .come-back-tomorrow .next-challenge-time{font-size:0.95rem;color:var(--color-text-muted);margin:0}body.daily-challenge-page .come-back-tomorrow .next-challenge-time i{margin-right:0.35rem}body.daily-challenge-page .come-back-tomorrow .next-challenge-time strong{color:#007bff;font-weight:700}body.daily-challenge-page .toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100%);padding:0.75rem 1.5rem;border-radius:6px;font-size:0.95rem;font-weight:500;color:white;opacity:0;transition:all 0.3s ease;z-index:1000}body.daily-challenge-page .toast.show{transform:translateX(-50%) translateY(0);opacity:1}body.daily-challenge-page .toast.toast-success{background:#28a745}body.daily-challenge-page .toast.toast-error{background:#dc3545}body.daily-challenge-page .toast.toast-warning{background:#ffc107;color:#212529}body.daily-challenge-page .toast.toast-info{background:#17a2b8}@media (prefers-color-scheme: dark){body.daily-challenge-page .challenge-header .challenge-title{color:#e0e0e0}body.daily-challenge-page .challenge-header .challenge-date{color:var(--color-text-muted-dark)}body.daily-challenge-page .challenge-status{background:rgba(255,255,255,0.05);border-color:var(--color-border-dark)}body.daily-challenge-page .challenge-status .status-loading i{color:#4da6ff}body.daily-challenge-page .challenge-status .status-pending i{color:#ffc107}body.daily-challenge-page .challenge-status .status-pending .btn-play-challenge{background:#5cb85c}body.daily-challenge-page .challenge-status .status-pending .btn-play-challenge:hover{background:#4cae4c}body.daily-challenge-page .challenge-status .status-completed i{color:#5cb85c}body.daily-challenge-page .challenge-status .status-completed .status-score,body.daily-challenge-page .challenge-status .status-completed .status-rank{color:#4da6ff}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge{background:#4da6ff}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge:hover{background:#80bdff}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge:disabled{background:#5cb85c}body.daily-challenge-page .challenge-status .status-error i{color:#ff6b6b}body.daily-challenge-page .challenge-status .status-error p{color:#ff6b6b}body.daily-challenge-page .challenge-leaderboard .leaderboard-title{color:#e0e0e0}body.daily-challenge-page .challenge-leaderboard .leaderboard-container{border-color:var(--color-border-dark)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry{background:rgba(255,255,255,0.05);border-bottom-color:var(--color-border-dark)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry:hover{background:rgba(255,255,255,0.08)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry.is-current-player{background:rgba(77,166,255,0.15);border-left-color:#4da6ff}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry.is-current-player .entry-username{color:#4da6ff}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-rank{color:var(--color-text-muted-dark)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-score{color:#e0e0e0}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-attempts{color:var(--color-text-muted-dark)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-time{color:var(--color-text-muted-dark)}body.daily-challenge-page .status-loading i{color:#4da6ff}body.daily-challenge-page .status-error i{color:#ff6b6b}body.daily-challenge-page .status-error p{color:#ff6b6b}body.daily-challenge-page .challenge-rules{background:rgba(77,166,255,0.1);border-color:rgba(77,166,255,0.3)}body.daily-challenge-page .challenge-rules h3{color:#e0e0e0}body.daily-challenge-page .challenge-rules .rules-list li{color:#b0b0b0}body.daily-challenge-page .challenge-rules .rules-list li i{color:#4da6ff}body.daily-challenge-page .challenge-word-info{color:#b0b0b0}body.daily-challenge-page .challenge-word-info strong{color:#4da6ff}body.daily-challenge-page .btn-start-challenge{background:#5cb85c}body.daily-challenge-page .btn-start-challenge:hover{background:#4cae4c}body.daily-challenge-page .game-stats{background:rgba(255,255,255,0.05)}body.daily-challenge-page .game-stats .stat-item .stat-label{color:var(--color-text-muted-dark)}body.daily-challenge-page .game-stats .stat-item .stat-value{color:#e0e0e0}body.daily-challenge-page .game-stats .stat-item .stat-value.warning{color:#ff6b6b}body.daily-challenge-page .game-stats .stat-points i{color:#ffc107}body.daily-challenge-page .game-stats .stat-timer i{color:#4da6ff}body.daily-challenge-page .letter-pool-section h4{color:#e0e0e0}body.daily-challenge-page .letter-pool-section .letter-pool-hint{color:var(--color-text-muted-dark)}body.daily-challenge-page .letter-pool .letter-tile{background:rgba(77,166,255,0.1);border-color:#4da6ff;color:#4da6ff}body.daily-challenge-page .letter-pool .letter-tile:hover:not(:disabled){background:#4da6ff;color:#1a1a2e;box-shadow:0 4px 8px rgba(77,166,255,0.4)}body.daily-challenge-page .letter-pool .letter-tile.bought,body.daily-challenge-page .letter-pool .letter-tile:disabled{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.4)}body.daily-challenge-page .word-reveal-section h4{color:#5cb85c}body.daily-challenge-page .word-reveal-row .reveal-tile{color:rgba(255,255,255,0.8);border-bottom-color:rgba(255,255,255,0.3)}body.daily-challenge-page .word-reveal-row .reveal-tile.revealed{color:#5cb85c;border-bottom-color:#5cb85c}body.daily-challenge-page .word-reveal-row .reveal-tile.revealed.hidden{color:#fbbf24;border-bottom-color:#f59e0b}body.daily-challenge-page .word-reveal-row .reveal-tile.empty{color:transparent}body.daily-challenge-page .hidden-letter-section .btn-buy-hidden{background:rgba(255,255,255,0.2);color:#e0e0e0}body.daily-challenge-page .hidden-letter-section .btn-buy-hidden:hover{background:rgba(255,255,255,0.3)}body.daily-challenge-page .guess-section label{color:#e0e0e0}body.daily-challenge-page .guess-section .guess-input{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:#e0e0e0}body.daily-challenge-page .guess-section .guess-input:focus{border-color:#4da6ff}body.daily-challenge-page .guess-section .btn-submit-guess{background:#5cb85c}body.daily-challenge-page .guess-section .btn-submit-guess:hover{background:#4cae4c}body.daily-challenge-page .result-header .result-icon.win{color:#5cb85c}body.daily-challenge-page .result-header .result-icon.lose{color:#ff6b6b}body.daily-challenge-page .result-header .result-title.win{color:#5cb85c}body.daily-challenge-page .result-header .result-title.lose{color:#ff6b6b}body.daily-challenge-page .result-word p{color:var(--color-text-muted-dark)}body.daily-challenge-page .result-word .target-word{color:#e0e0e0}body.daily-challenge-page .result-stats,body.daily-challenge-page .completed-stats{background:rgba(255,255,255,0.05)}body.daily-challenge-page .result-stats .stat-row,body.daily-challenge-page .completed-stats .stat-row{border-bottom-color:rgba(255,255,255,0.1)}body.daily-challenge-page .result-stats .stat-row .stat-label,body.daily-challenge-page .completed-stats .stat-row .stat-label{color:var(--color-text-muted-dark)}body.daily-challenge-page .result-stats .stat-row .stat-value,body.daily-challenge-page .completed-stats .stat-row .stat-value{color:#e0e0e0}body.daily-challenge-page .result-stats .completed-note,body.daily-challenge-page .completed-stats .completed-note{color:var(--color-text-muted-dark)}body.daily-challenge-page .completed-message i{color:#5cb85c}body.daily-challenge-page .completed-message p{color:var(--color-text-muted-dark)}body.daily-challenge-page .result-actions .btn-share-challenge{background:#4da6ff}body.daily-challenge-page .result-actions .btn-share-challenge:hover{background:#80bdff}body.daily-challenge-page .come-back-tomorrow{background:linear-gradient(135deg, rgba(77,166,255,0.12) 0%, rgba(77,166,255,0.04) 100%);border-color:rgba(77,166,255,0.25)}body.daily-challenge-page .come-back-tomorrow .come-back-message{color:#e0e0e0}body.daily-challenge-page .come-back-tomorrow .come-back-message i{color:#ffc107}body.daily-challenge-page .come-back-tomorrow .next-challenge-time{color:var(--color-text-muted-dark)}body.daily-challenge-page .come-back-tomorrow .next-challenge-time strong{color:#4da6ff}}body.challenge-landing-page .challenge-landing-container{max-width:540px;margin:1rem auto;padding:0 1rem 2rem;text-align:center}body.challenge-landing-page .challenge-header{margin-bottom:1.5rem}body.challenge-landing-page .challenge-header .challenge-icon{margin-bottom:0.75rem;color:#007bff}body.challenge-landing-page .challenge-header .challenge-title{font-size:2rem;font-weight:700;margin:0 0 0.5rem;color:#2c3e50}body.challenge-landing-page .challenge-header .challenge-subtitle{font-size:1.1rem;color:#6c757d;margin:0}body.challenge-landing-page .challenge-description{margin-bottom:1.5rem}body.challenge-landing-page .challenge-description p{font-size:1rem;line-height:1.6;color:#495057;margin:0}body.challenge-landing-page .challenge-rules{background:rgba(0,123,255,0.05);border:1px solid rgba(0,123,255,0.2);border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:left}body.challenge-landing-page .challenge-rules h3{font-size:1rem;font-weight:600;margin:0 0 0.75rem;color:#2c3e50}body.challenge-landing-page .challenge-rules .rules-list{list-style:none;margin:0;padding:0}body.challenge-landing-page .challenge-rules .rules-list li{display:flex;align-items:flex-start;gap:0.75rem;padding:0.5rem 0;font-size:0.95rem;color:#495057}body.challenge-landing-page .challenge-rules .rules-list li i{color:#007bff;flex-shrink:0;margin-top:0.15rem;width:1.2rem;text-align:center}body.challenge-landing-page .challenge-config{margin-bottom:1.5rem;text-align:left}body.challenge-landing-page .challenge-config h3{font-size:1rem;font-weight:600;margin:0 0 0.75rem;color:#2c3e50}body.challenge-landing-page .challenge-config .word-length-selector,body.challenge-landing-page .challenge-config .language-selector{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center}body.challenge-landing-page .challenge-config .word-length-option,body.challenge-landing-page .challenge-config .language-option{display:flex;flex-direction:column;align-items:center;padding:0.75rem 1rem;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all 0.2s ease;background:#fff}body.challenge-landing-page .challenge-config .word-length-option input[type="radio"],body.challenge-landing-page .challenge-config .language-option input[type="radio"]{display:none}body.challenge-landing-page .challenge-config .word-length-option:has(input:checked),body.challenge-landing-page .challenge-config .language-option:has(input:checked){border-color:#007bff;background:rgba(0,123,255,0.05)}body.challenge-landing-page .challenge-config .word-length-option:hover,body.challenge-landing-page .challenge-config .language-option:hover{border-color:#80bdff}body.challenge-landing-page .challenge-config .word-length-badge{font-size:1.5rem;font-weight:700;color:#007bff}body.challenge-landing-page .challenge-config .word-length-label{font-size:0.75rem;color:#6c757d}body.challenge-landing-page .challenge-config .language-name{font-weight:500;color:#2c3e50}body.challenge-landing-page .challenge-info{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}body.challenge-landing-page .challenge-info .info-item{display:flex;align-items:center;gap:0.5rem;font-size:0.95rem;color:#6c757d}body.challenge-landing-page .challenge-info .info-item i{color:#007bff}body.challenge-landing-page .challenge-actions{margin-bottom:1rem}body.challenge-landing-page .challenge-actions .btn-start-challenge{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:#28a745;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease}body.challenge-landing-page .challenge-actions .btn-start-challenge:hover{background:#218838;transform:translateY(-1px)}body.challenge-landing-page .challenge-actions .btn-start-challenge:disabled{background:#6c757d;cursor:not-allowed;transform:none}body.challenge-landing-page .challenge-actions .btn-start-challenge i{font-size:1rem}body.challenge-landing-page .challenge-nav .challenge-alt-link{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.9rem;color:#6c757d;text-decoration:none;transition:color 0.2s ease}body.challenge-landing-page .challenge-nav .challenge-alt-link:hover{color:#007bff}body.challenge-landing-page .challenge-nav .challenge-alt-link i{font-size:0.85rem}body.word-race-page .challenge-icon{color:#f59e0b !important}body.word-ladder-page .challenge-icon{color:#10b981 !important}@media (prefers-color-scheme: dark){body.challenge-landing-page .challenge-header .challenge-title{color:#e0e0e0}body.challenge-landing-page .challenge-header .challenge-subtitle{color:var(--color-text-muted-dark)}body.challenge-landing-page .challenge-description p{color:#b0b0b0}body.challenge-landing-page .challenge-rules{background:rgba(77,166,255,0.1);border-color:rgba(77,166,255,0.3)}body.challenge-landing-page .challenge-rules h3{color:#e0e0e0}body.challenge-landing-page .challenge-rules .rules-list li{color:#b0b0b0}body.challenge-landing-page .challenge-rules .rules-list li i{color:#4da6ff}body.challenge-landing-page .challenge-config h3{color:#e0e0e0}body.challenge-landing-page .challenge-config .word-length-option,body.challenge-landing-page .challenge-config .language-option{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.2)}body.challenge-landing-page .challenge-config .word-length-option:has(input:checked),body.challenge-landing-page .challenge-config .language-option:has(input:checked){border-color:#4da6ff;background:rgba(77,166,255,0.1)}body.challenge-landing-page .challenge-config .word-length-option:hover,body.challenge-landing-page .challenge-config .language-option:hover{border-color:#4da6ff}body.challenge-landing-page .challenge-config .word-length-badge{color:#4da6ff}body.challenge-landing-page .challenge-config .word-length-label{color:var(--color-text-muted-dark)}body.challenge-landing-page .challenge-config .language-name{color:#e0e0e0}body.challenge-landing-page .challenge-info .info-item{color:var(--color-text-muted-dark)}body.challenge-landing-page .challenge-info .info-item i{color:#4da6ff}body.challenge-landing-page .challenge-actions .btn-start-challenge{background:#5cb85c}body.challenge-landing-page .challenge-actions .btn-start-challenge:hover{background:#4cae4c}body.challenge-landing-page .challenge-nav .challenge-alt-link{color:var(--color-text-muted-dark)}body.challenge-landing-page .challenge-nav .challenge-alt-link:hover{color:#4da6ff}}.home-page{min-height:100vh}.home-container{max-width:600px;margin:0 auto;padding:1rem}.home-header{text-align:center;margin-bottom:1.5rem}.home-greeting{font-size:1.4rem;font-weight:600;margin:0;color:#2c3e50;text-align:center;word-wrap:break-word}.home-greeting .player-name{white-space:nowrap}@media (max-width: 400px){.home-greeting{font-size:1.15rem}}.continue-game-section{margin-bottom:2rem;display:flex;justify-content:center}.btn-continue-game{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1.25rem 2rem;background:var(--color-state-correct);color:white;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:transform 0.2s ease, box-shadow 0.2s ease;flex:1;max-width:300px}.btn-continue-game i{font-size:1.5rem}.btn-continue-game .continue-text{font-size:1.1rem}.btn-continue-game .continue-game-info{font-size:0.85rem;font-weight:400;opacity:0.9}.btn-continue-game:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.home-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1rem;background:#f5f5f5;border-radius:12px}.home-stats .stat-item{text-align:center}.home-stats .stat-value{display:block;font-size:1.75rem;font-weight:700;color:#2c3e50}.home-stats .stat-label{font-size:0.85rem;color:#6c757d}.game-modes h3{text-align:center;margin-bottom:1.25rem;font-size:1.1rem;font-weight:600;color:#2c3e50}.game-mode-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}@media (max-width: 480px){.game-mode-grid{grid-template-columns:1fr}}.game-mode-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;text-decoration:none;color:inherit;transition:all 0.2s ease}.game-mode-card .mode-icon{margin-bottom:0.75rem;color:#007bff}.game-mode-card h4{margin:0 0 0.5rem 0;font-size:1rem;font-weight:600;color:#2c3e50}.game-mode-card p{margin:0;font-size:0.85rem;text-align:center;color:#6c757d}.game-mode-card:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.home-nav{margin-top:2rem;text-align:center}.home-nav .home-nav-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;color:#6c757d;text-decoration:none;transition:color 0.2s ease}.home-nav .home-nav-link i{font-size:1rem}.home-nav .home-nav-link:hover{color:#2c3e50}@media (prefers-color-scheme: dark){.home-page .home-greeting{color:#e0e0e0}.home-page .btn-continue-game{box-shadow:0 2px 8px rgba(0,0,0,0.3)}.home-page .home-stats{background:#2a2a2a}.home-page .home-stats .stat-value{color:#e0e0e0}.home-page .home-stats .stat-label{color:#a0a0a0}.home-page .game-modes h3{color:#e0e0e0}.home-page .game-mode-card{background:#2a2a2a;border-color:#3a3a3a}.home-page .game-mode-card .mode-icon{color:#4da6ff}.home-page .game-mode-card h4{color:#e0e0e0}.home-page .game-mode-card p{color:#a0a0a0}.home-page .game-mode-card:hover{border-color:#4da6ff}.home-page .home-nav-link{color:#a0a0a0}.home-page .home-nav-link:hover{color:#e0e0e0}}.summary-redirect-timer{text-align:center;margin:2rem 0;padding:1.5rem;background:#f8f9fa;border-radius:8px}.summary-redirect-timer .redirect-message{font-size:1.1rem;color:#6c757d;margin:0 0 0.75rem 0}.summary-redirect-timer .countdown-value{font-weight:700;font-size:1.3rem;color:#2c3e50;padding:0 0.25rem}.summary-redirect-timer .redirect-link{display:inline-block;color:#007bff;font-weight:500;text-decoration:none}.summary-redirect-timer .redirect-link:hover{text-decoration:underline}@media (prefers-color-scheme: dark){.summary-redirect-timer{background:#2a2a2a}.summary-redirect-timer .redirect-message{color:#a0a0a0}.summary-redirect-timer .countdown-value{color:#e0e0e0}.summary-redirect-timer .redirect-link{color:#4da6ff}}.settings-page{min-height:100vh}.settings-container{max-width:400px;margin:0 auto;padding:1rem}.settings-header{text-align:center;margin-bottom:2rem}.settings-header h1{font-size:1.5rem;font-weight:600;margin:0 0 0.5rem 0;color:#2c3e50}.settings-header .settings-subtitle{font-size:0.95rem;color:#6c757d;margin:0}.settings-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem}.settings-field{margin-bottom:1.25rem}.settings-field:last-child{margin-bottom:0}.settings-field label{display:flex;align-items:center;gap:0.5rem;font-weight:600;font-size:0.95rem;color:#2c3e50;margin-bottom:0.5rem}.settings-field label i{color:#007bff;font-size:1rem}.settings-select{width:100%;padding:0.75rem 1rem;font-size:1rem;border:2px solid #dee2e6;border-radius:8px;background:white;color:#2c3e50;cursor:pointer;transition:border-color 0.2s ease, box-shadow 0.2s ease}.settings-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,0.15)}.settings-select:hover{border-color:#adb5bd}.settings-actions{margin-top:1.5rem;display:flex;justify-content:center}.btn-start-game{display:flex;align-items:center;justify-content:center;gap:0.75rem;width:100%;padding:1rem 2rem;background:var(--color-state-correct);color:white;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease}.btn-start-game i{font-size:1.25rem}.btn-start-game:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.btn-start-game:active{transform:translateY(0)}@media (prefers-color-scheme: dark){.settings-page .settings-header h1{color:#e0e0e0}.settings-page .settings-header .settings-subtitle{color:#a0a0a0}.settings-page .settings-card{background:#2a2a2a;border-color:#3a3a3a}.settings-page .settings-field label{color:#e0e0e0}.settings-page .settings-field label i{color:#4da6ff}.settings-page .settings-select{background:#1a1a1a;border-color:#3a3a3a;color:#e0e0e0}.settings-page .settings-select:focus{border-color:#4da6ff;box-shadow:0 0 0 3px rgba(77,166,255,0.15)}.settings-page .settings-select:hover{border-color:#4a4a4a}.settings-page .btn-start-game{box-shadow:0 2px 8px rgba(0,0,0,0.3)}}.settings-section{margin-top:2rem}.settings-section .settings-header h2{font-size:1.25rem;font-weight:600;margin:0 0 0.5rem 0;color:#2c3e50}.consent-field .consent-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.consent-field .consent-label{display:flex;align-items:flex-start;gap:0.75rem;flex:1;cursor:pointer}.consent-field .consent-label>i{color:#007bff;font-size:1.25rem;margin-top:0.1rem}.consent-field .consent-text{display:flex;flex-direction:column;gap:0.25rem}.consent-field .consent-title{font-weight:600;color:#2c3e50}.consent-field .consent-description{font-size:0.85rem;color:#6c757d;line-height:1.4}.consent-field .consent-status{display:flex;align-items:center;gap:0.5rem;margin-top:1rem;font-size:0.9rem;color:#6c757d}.consent-field .consent-status .status-enabled{color:var(--color-state-correct)}.consent-field .consent-status .status-disabled{color:#6c757d}.consent-note{display:flex;align-items:flex-start;gap:0.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef;font-size:0.85rem;color:#6c757d}.consent-note i{color:#007bff;margin-top:0.1rem}.toggle-switch{position:relative;flex-shrink:0}.toggle-switch input[type="checkbox"]{opacity:0;width:0;height:0;position:absolute}.toggle-switch input[type="checkbox"]:checked+.toggle-slider{background-color:var(--color-state-correct)}.toggle-switch input[type="checkbox"]:checked+.toggle-slider::before{transform:translateX(20px)}.toggle-switch input[type="checkbox"]:focus+.toggle-slider{box-shadow:0 0 0 3px rgba(0,123,255,0.25)}.toggle-switch input[type="checkbox"]:disabled+.toggle-slider{opacity:0.5;cursor:not-allowed}.toggle-switch .toggle-slider{display:block;width:48px;height:28px;background-color:#ccc;border-radius:28px;cursor:pointer;transition:background-color 0.3s ease}.toggle-switch .toggle-slider::before{content:'';position:absolute;top:4px;left:4px;width:20px;height:20px;background-color:white;border-radius:50%;transition:transform 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.settings-section-header{margin-bottom:1rem}.settings-section-header h2{font-size:1.25rem;font-weight:600;margin:0 0 0.25rem 0;color:#2c3e50}.settings-section-subtitle{font-size:0.9rem;color:#6c757d;margin:0}.settings-links{display:flex;flex-direction:column}.settings-link{display:flex;align-items:center;gap:1rem;padding:1rem 0;text-decoration:none;color:inherit;border-bottom:1px solid #e9ecef;transition:background-color 0.15s ease}.settings-link:last-child{border-bottom:none}.settings-link:hover{background-color:rgba(0,0,0,0.02)}.settings-link-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f0f4f8;border-radius:10px;flex-shrink:0}.settings-link-icon i{font-size:1.1rem;color:#007bff}.settings-link-content{flex:1;display:flex;flex-direction:column;gap:0.15rem}.settings-link-title{font-weight:600;color:#2c3e50;font-size:0.95rem}.settings-link-description{font-size:0.85rem;color:#6c757d}.settings-link-arrow{color:#adb5bd;font-size:0.9rem}.game-config-form .form-field{margin-bottom:1.25rem}.game-config-form .form-field label{display:flex;align-items:center;gap:0.5rem;font-weight:500;color:#2c3e50;margin-bottom:0.5rem}.game-config-form .form-field label i{color:#007bff}.game-config-form .form-select{width:100%;padding:0.75rem 1rem;font-size:1rem;border:2px solid #e9ecef;border-radius:8px;background-color:#fff;color:#2c3e50;cursor:pointer;transition:border-color 0.15s ease}.game-config-form .form-select:hover{border-color:#007bff}.game-config-form .form-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,0.15)}.game-config-form .form-actions{margin-top:1.5rem}.game-config-form .form-actions .btn-start-game{width:100%;display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 1.5rem;font-size:1.05rem;font-weight:600;color:#fff;background:linear-gradient(135deg, var(--color-state-correct) 0%, #218838 100%);border:none;border-radius:10px;cursor:pointer;transition:transform 0.15s ease, box-shadow 0.15s ease}.game-config-form .form-actions .btn-start-game:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(40,167,69,0.4)}.game-config-form .form-actions .btn-start-game:active{transform:translateY(0)}@media (prefers-color-scheme: dark){.settings-section-header h2{color:#e0e0e0}.settings-section-subtitle{color:#a0a0a0}.settings-link{border-bottom-color:#3a3a3a}.settings-link:hover{background-color:rgba(255,255,255,0.03)}.settings-link-icon{background-color:#2a2a2a}.settings-link-icon i{color:#4da6ff}.settings-link-title{color:#e0e0e0}.settings-link-description{color:#a0a0a0}.settings-link-arrow{color:#6c757d}.game-config-form .form-field label{color:#e0e0e0}.game-config-form .form-field label i{color:#4da6ff}.game-config-form .form-select{background-color:#2a2a2a;border-color:#3a3a3a;color:#e0e0e0}.game-config-form .form-select:hover{border-color:#4da6ff}.game-config-form .form-select:focus{border-color:#4da6ff;box-shadow:0 0 0 3px rgba(77,166,255,0.15)}.settings-section .settings-header h2{color:#e0e0e0}.consent-field .consent-title{color:#e0e0e0}.consent-field .consent-description{color:#a0a0a0}.consent-field .consent-label>i{color:#4da6ff}.consent-note{border-top-color:#3a3a3a;color:#a0a0a0}.consent-note i{color:#4da6ff}.toggle-switch .toggle-slider{background-color:#4a4a4a}.toggle-switch input[type="checkbox"]:checked+.toggle-slider{background-color:var(--color-state-correct)}}@media (max-width: 480px){.settings-container{padding:0.75rem}.settings-header h1{font-size:1.3rem}.settings-card{padding:1.25rem}.btn-start-game{padding:0.875rem 1.5rem;font-size:1rem}}.history-page{min-height:100vh}.history-container{max-width:600px;margin:0 auto;padding:1rem}.history-header{text-align:center;margin-bottom:1.5rem}.history-header h1{font-size:1.5rem;font-weight:600;margin:0;color:#2c3e50}.history-card{background:#fff;border-radius:12px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.history-card-title{display:flex;align-items:center;gap:0.5rem;font-size:1rem;font-weight:600;margin:0 0 1rem 0;color:#2c3e50}.history-card-title i{color:#6c757d}.history-table-wrapper{overflow-x:auto;margin:0 -0.5rem;padding:0 0.5rem}.history-table-wrapper table{width:100%;border-collapse:collapse;font-size:0.9rem}.history-table-wrapper th,.history-table-wrapper td{padding:0.625rem 0.5rem;text-align:left;border-bottom:1px solid #eee}.history-table-wrapper th{font-weight:600;color:#6c757d;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.025em}.history-table-wrapper tr:last-child td{border-bottom:none}.history-table-wrapper tr:hover td{background:#f8f9fa}.history-empty{text-align:center;padding:3rem 1.5rem;color:#6c757d}.history-empty__icon{margin-bottom:1.5rem;color:#007bff;opacity:0.8}.history-empty__icon i{animation:bounce-subtle 3s ease-in-out infinite}.history-empty__title{font-size:1.75rem;font-weight:700;color:#2c3e50;margin:0 0 0.75rem}.history-empty__subtitle{font-size:1.1rem;color:#6c757d;margin:0 0 2rem;max-width:320px;margin-left:auto;margin-right:auto}.history-empty__actions{display:flex;flex-direction:column;gap:0.75rem;align-items:center;margin-bottom:2rem}@media (min-width: 480px){.history-empty__actions{flex-direction:row;justify-content:center}}.history-empty__actions .btn-primary,.history-empty__actions .btn-secondary{display:inline-flex;align-items:center;gap:0.5rem;padding:0.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color 0.2s ease, transform 0.1s ease;min-width:180px;justify-content:center}.history-empty__actions .btn-primary:hover,.history-empty__actions .btn-secondary:hover{transform:translateY(-2px)}.history-empty__actions .btn-primary:active,.history-empty__actions .btn-secondary:active{transform:translateY(0)}.history-empty__actions .btn-primary{background:#28a745;color:white}.history-empty__actions .btn-primary:hover{background:#218838}.history-empty__actions .btn-secondary{background:#f7931e;color:white}.history-empty__actions .btn-secondary:hover{background:#e07d0a}.history-empty__hint{font-size:0.9rem;color:#a0a0a0;margin:0;padding:1rem;background:rgba(0,0,0,0.03);border-radius:8px;max-width:400px;margin-left:auto;margin-right:auto}.history-empty__hint i{color:#ffc107;margin-right:0.5rem}@keyframes bounce-subtle{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding:1rem 0}.btn-pagination{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;transition:all 0.2s ease}.btn-pagination:hover{background:#f8f9fa;border-color:#adb5bd}.btn-pagination:active{transform:scale(0.95)}.page-status{font-size:0.9rem;color:#6c757d;font-weight:500;min-width:4rem;text-align:center}@media (prefers-color-scheme: dark){.history-page .history-header h1{color:#e0e0e0}.history-page .history-card{background:#2a2a2a;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.history-page .history-card-title{color:#e0e0e0}.history-page .history-card-title i{color:#a0a0a0}.history-page .history-table-wrapper th{color:#a0a0a0}.history-page .history-table-wrapper td{border-bottom-color:#3a3a3a}.history-page .history-table-wrapper tr:hover td{background:#333}.history-page .history-empty{color:#a0a0a0}.history-page .history-empty__icon{color:#4da6ff}.history-page .history-empty__title{color:#e0e0e0}.history-page .history-empty__subtitle{color:#a0a0a0}.history-page .history-empty__actions .btn-primary,.history-page .history-empty__actions .btn-secondary{box-shadow:0 2px 8px rgba(0,0,0,0.3)}.history-page .history-empty__hint{background:rgba(255,255,255,0.05);color:#808080}.history-page .btn-pagination{background:#2a2a2a;border-color:#444;color:#e0e0e0}.history-page .btn-pagination:hover{background:#333;border-color:#555}.history-page .page-status{color:#a0a0a0}}@media (max-width: 480px){.history-container{padding:0.75rem}.history-header h1{font-size:1.3rem}.history-card{padding:1rem;border-radius:10px}.history-table-wrapper{font-size:0.85rem}.history-table-wrapper th,.history-table-wrapper td{padding:0.5rem 0.375rem}.pagination{gap:0.75rem}.btn-pagination{width:2.25rem;height:2.25rem}}.summary-page{min-height:100vh}.summary-container{max-width:500px;margin:0 auto;padding:1rem}.summary-result-card{text-align:center;padding:2rem 1.5rem;border-radius:16px;margin-bottom:1rem;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)}.summary-result-card.is-solved{background:linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%)}.summary-result-card.is-solved .result-icon i{color:#28a745}.summary-result-card.is-failed{background:linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%)}.summary-result-card.is-failed .result-icon i{color:#dc3545}.summary-result-card.is-timed-out{background:linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%)}.summary-result-card.is-timed-out .result-icon i{color:#856404}.summary-result-card .result-icon{margin-bottom:1rem}.summary-result-card .result-icon i{color:#6c757d}.summary-result-card .result-message h2{font-size:1.5rem;font-weight:700;margin:0 0 1rem 0;color:#2c3e50}.summary-result-card .result-word{display:flex;flex-direction:column;align-items:center;gap:0.25rem;margin-bottom:1rem}.summary-result-card .result-word .word-label{font-size:0.8rem;color:#6c757d;text-transform:uppercase;letter-spacing:0.05em}.summary-result-card .result-word .word-value{font-size:2rem;font-weight:700;letter-spacing:0.15em;color:#2c3e50}.summary-result-card .result-stats{display:flex;flex-direction:column;gap:0.25rem}.summary-result-card .result-stats .stat-detail{font-size:0.95rem;color:#495057}.summary-result-card .result-stats .stat-meta{font-size:0.85rem;color:#6c757d}.summary-card{background:#fff;border-radius:12px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.summary-card-title{display:flex;align-items:center;gap:0.5rem;font-size:1rem;font-weight:600;margin:0 0 1rem 0;color:#2c3e50}.summary-card-title i{color:#6c757d}.summary-card .attempts-table-wrapper{margin:0;overflow-x:auto}.summary-card .attempts-table-wrapper .attempts-table{width:100%;border-collapse:collapse;font-size:0.9rem}.summary-card .attempts-table-wrapper .attempts-table th,.summary-card .attempts-table-wrapper .attempts-table td{padding:0.5rem 0.375rem;text-align:left;border-bottom:1px solid #eee}.summary-card .attempts-table-wrapper .attempts-table th{font-weight:600;color:#6c757d;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.025em}.summary-card .attempts-table-wrapper .attempts-table .attempt-index{color:#6c757d;width:2rem}.summary-card .attempts-table-wrapper .attempts-table .attempt-guess{font-family:monospace;font-size:0.95rem;letter-spacing:0.1em}.summary-card .attempts-table-wrapper .attempts-table .attempt-time-cell,.summary-card .attempts-table-wrapper .attempts-table .attempt-elapsed{font-size:0.85rem;color:#6c757d}.summary-card .attempts-table-wrapper .attempts-table .attempt-result{text-align:center;width:2.5rem}.summary-card .attempts-table-wrapper .attempts-table .attempt-result .fa-check{color:#28a745}.summary-card .attempts-table-wrapper .attempts-table .attempt-result .fa-xmark{color:#dc3545}.summary-card .attempts-table-wrapper .attempts-table .attempt-row.is-correct{background:#f8fff8}.summary-card .attempts-table-wrapper .attempts-table .attempt-row.is-correct td{border-bottom-color:#c3e6cb}.summary-card .attempts-table-wrapper .attempts-table tbody tr:last-child td{border-bottom:none}.summary-card .attempts-table-wrapper .attempts-table tfoot .attempts-total-row th,.summary-card .attempts-table-wrapper .attempts-table tfoot .attempts-total-row td{border-top:2px solid #dee2e6;border-bottom:none;padding-top:0.75rem}.summary-card .attempts-table-wrapper .attempts-table tfoot .attempts-total-row .attempts-total-label{font-size:0.85rem;color:#495057}.summary-card .attempts-table-wrapper .attempts-table tfoot .attempts-total-row .attempts-total-elapsed{font-weight:600;color:#2c3e50}.summary-navigation{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-top:1.5rem;padding:0.5rem 0}.btn-nav-placeholder{width:5.5rem}.btn-nav-session{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 0.75rem;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#495057;font-size:0.85rem;text-decoration:none;transition:all 0.2s ease}.btn-nav-session:hover{background:#f8f9fa;border-color:#adb5bd;text-decoration:none}.btn-nav-session:active{transform:scale(0.98)}.btn-nav-session i{font-size:0.75rem}.btn-play-again{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:#28a745;color:white;border:none;border-radius:8px;font-size:0.95rem;font-weight:600;text-decoration:none;transition:all 0.2s ease}.btn-play-again:hover{background:#218838;transform:translateY(-1px);text-decoration:none;color:white}.btn-play-again:active{transform:translateY(0)}@media (prefers-color-scheme: dark){.summary-page .summary-result-card{background:linear-gradient(135deg, #2a2a2a 0%, #333 100%)}.summary-page .summary-result-card.is-solved{background:linear-gradient(135deg, #1a3d1a 0%, #2a4d2a 100%)}.summary-page .summary-result-card.is-failed{background:linear-gradient(135deg, #3d1a1a 0%, #4d2a2a 100%)}.summary-page .summary-result-card.is-timed-out{background:linear-gradient(135deg, #3d3a1a 0%, #4d4a2a 100%)}.summary-page .summary-result-card .result-message h2{color:#e0e0e0}.summary-page .summary-result-card .result-word .word-label{color:#a0a0a0}.summary-page .summary-result-card .result-word .word-value{color:#e0e0e0}.summary-page .summary-result-card .result-stats .stat-detail{color:#c0c0c0}.summary-page .summary-result-card .result-stats .stat-meta{color:#a0a0a0}.summary-page .summary-card{background:#2a2a2a;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.summary-page .summary-card-title{color:#e0e0e0}.summary-page .summary-card-title i{color:#a0a0a0}.summary-page .summary-card .attempts-table-wrapper .attempts-table th{color:#a0a0a0}.summary-page .summary-card .attempts-table-wrapper .attempts-table td{border-bottom-color:#3a3a3a}.summary-page .summary-card .attempts-table-wrapper .attempts-table .attempt-index{color:#a0a0a0}.summary-page .summary-card .attempts-table-wrapper .attempts-table .attempt-time-cell,.summary-page .summary-card .attempts-table-wrapper .attempts-table .attempt-elapsed{color:#a0a0a0}.summary-page .summary-card .attempts-table-wrapper .attempts-table .attempt-row.is-correct{background:#1a2a1a}.summary-page .summary-card .attempts-table-wrapper .attempts-table .attempt-row.is-correct td{border-bottom-color:#2a3a2a}.summary-page .summary-card .attempts-table-wrapper .attempts-table tfoot .attempts-total-row th,.summary-page .summary-card .attempts-table-wrapper .attempts-table tfoot .attempts-total-row td{border-top-color:#444}.summary-page .summary-card .attempts-table-wrapper .attempts-table tfoot .attempts-total-row .attempts-total-label{color:#c0c0c0}.summary-page .summary-card .attempts-table-wrapper .attempts-table tfoot .attempts-total-row .attempts-total-elapsed{color:#e0e0e0}.summary-page .btn-nav-session{background:#2a2a2a;border-color:#444;color:#e0e0e0}.summary-page .btn-nav-session:hover{background:#333;border-color:#555}.summary-page .btn-play-again{box-shadow:0 2px 8px rgba(0,0,0,0.3)}}@media (max-width: 480px){.summary-container{padding:0.75rem}.summary-result-card{padding:1.5rem 1rem;border-radius:12px}.summary-result-card .result-message h2{font-size:1.25rem}.summary-result-card .result-word .word-value{font-size:1.75rem}.summary-card{padding:1rem;border-radius:10px}.summary-card .attempts-table-wrapper .attempts-table{font-size:0.85rem}.summary-card .attempts-table-wrapper .attempts-table th,.summary-card .attempts-table-wrapper .attempts-table td{padding:0.375rem 0.25rem}.summary-card .attempts-table-wrapper .attempts-table .attempt-guess{font-size:0.9rem}.summary-navigation{gap:0.5rem}.btn-nav-session{padding:0.5rem;font-size:0.8rem}.btn-nav-session span{display:none}.btn-nav-placeholder{width:2rem}.btn-play-again{padding:0.625rem 1rem;font-size:0.9rem}}