.game-header[data-v-1973e8c5]{margin-bottom:var(--spacing-2xl);position:relative;display:flex;flex-direction:column;margin-bottom:5%}.game-header .inner-flex[data-v-1973e8c5]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem}.game-header .inner-flex h2[data-v-1973e8c5]{margin-bottom:0}.game-header .points-flex[data-v-1973e8c5]{display:flex;align-items:center;gap:var(--spacing-sm)}.game-header .points-flex .avatar[data-v-1973e8c5]{width:32px;height:32px;border-radius:50%}.points[data-v-1973e8c5]{background-color:#fce0c0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;color:#995400;font-weight:600;padding:4px 10px;border-radius:8px}.points svg[data-v-1973e8c5]{margin-right:6px}.game-header h2[data-v-1973e8c5]{font-size:clamp(1.5rem,4vw,2rem);font-weight:600;color:var(--cw-text-primary);margin:0 0 var(--spacing-md) 0;letter-spacing:-.025em}.game-controls[data-v-1973e8c5]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.mode-selector-ctn[data-v-1973e8c5]{display:flex;align-items:center;gap:8px}.mode-selector-ctn .mode-selector[data-v-1973e8c5]{display:flex;gap:var(--spacing-xs);background:var(--cw-surface);border:2px solid var(--cw-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);box-shadow:var(--shadow-sm);width:90%}.mode-btn[data-v-1973e8c5]{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--cw-text-secondary);font-family:Rency,Arial,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;touch-action:manipulation}.mode-btn[data-v-1973e8c5]:hover{background:var(--cw-primary-light);color:var(--cw-text-primary);transform:translateY(-1px)}.mode-btn.active[data-v-1973e8c5]{background:var(--cw-primary);color:#fff;box-shadow:var(--shadow-md)}.tutorial-button[data-v-1973e8c5]{font-family:Rency,Arial,sans-serif;font-size:1.2rem;font-weight:700;color:var(--cw-text-secondary);background:var(--cw-surface);border:2px solid var(--cw-border);border-radius:50%;width:36px;min-width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all var(--transition-fast)}.tutorial-button[data-v-1973e8c5]:hover{background:var(--cw-primary-light);color:var(--cw-text-primary);transform:translateY(-1px)}.timer-display[data-v-1973e8c5]{font-family:Rency,Arial,sans-serif;font-size:1.5rem;font-weight:700;color:var(--cw-primary);background:var(--cw-surface);border:2px solid var(--cw-primary);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);min-width:80px;text-align:center;box-shadow:var(--shadow-sm);animation:pulse-timer-1973e8c5 1s ease-in-out infinite alternate}.timer-display.warning[data-v-1973e8c5]{color:var(--cw-warning);border-color:var(--cw-warning);animation:urgent-pulse-1973e8c5 .5s ease-in-out infinite alternate}.timer-display.critical[data-v-1973e8c5]{color:var(--cw-error);border-color:var(--cw-error);animation:urgent-pulse-1973e8c5 .3s ease-in-out infinite alternate}.score-display[data-v-1973e8c5]{font-family:Rency,Arial,sans-serif;font-size:1rem;font-weight:600;color:var(--cw-text-primary);background:var(--cw-surface);border:2px solid var(--cw-border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);min-width:100px;text-align:center;box-shadow:var(--shadow-sm)}@keyframes pulse-timer-1973e8c5{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes urgent-pulse-1973e8c5{0%{transform:scale(1);box-shadow:var(--shadow-sm)}to{transform:scale(1.05);box-shadow:var(--shadow-lg)}}@media (max-width: 768px){.game-controls[data-v-1973e8c5],.mode-selector[data-v-1973e8c5]{justify-content:center}}@media (max-width: 520px){.game-controls[data-v-1973e8c5]{flex-direction:column;gap:var(--spacing-sm);align-items:stretch;justify-content:center}.mode-selector[data-v-1973e8c5]{justify-content:center}.mode-btn[data-v-1973e8c5]{flex:1;font-size:.8rem;padding:var(--spacing-sm)}.timer-display[data-v-1973e8c5],.score-display[data-v-1973e8c5]{font-size:1.2rem;align-self:center}.points[data-v-1973e8c5]{font-size:14px}}@media (max-width: 380px){.mode-btn[data-v-1973e8c5]{font-size:.7rem;padding:var(--spacing-xs) var(--spacing-sm)}.timer-display[data-v-1973e8c5],.score-display[data-v-1973e8c5]{font-size:1rem}}.clue-section[data-v-c684e8ba]{position:relative;overflow:hidden;flex:0 1 auto;min-width:300px;max-width:350px;margin-bottom:0;display:flex;align-items:flex-start;gap:8px}.clue-label[data-v-c684e8ba]{background:#dbd4cb;color:#000;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.65rem;font-weight:500;display:inline-block;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.75px;box-shadow:var(--shadow-sm)}.clue-text[data-v-c684e8ba]{font-size:.9rem;color:var(--cw-text-primary);line-height:1.6;font-weight:500;margin:0}@media (max-width: 520px){.clue-label[data-v-c684e8ba]{font-size:.7rem;padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-sm)}.clue-text[data-v-c684e8ba]{font-size:1rem}}@media (max-width: 380px){.clue-section[data-v-c684e8ba]{padding:var(--spacing-xs) var(--spacing-sm)}.clue-text[data-v-c684e8ba]{font-size:.85rem;line-height:1.3}}.game-board[data-v-b4a12336]{display:grid;grid-template-rows:repeat(6,1fr);gap:8px;padding:0;max-width:350px;margin:var(--spacing-lg) 0}.submit-btn[data-v-b4a12336]{max-width:370px;width:100%}.submit-btn.danger[data-v-b4a12336]{margin-top:var(--spacing-sm);background:var(--cw-error);color:#fff}.row[data-v-b4a12336]{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:relative}.tile[data-v-b4a12336]{width:68px;height:68px;border:2px solid var(--cw-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--cw-text-primary);background:var(--cw-surface);transition:all var(--transition-fast);cursor:default;-webkit-user-select:none;user-select:none}.tile.filled[data-v-b4a12336]{border-color:var(--cw-text-secondary);transform:scale(1.02)}.tile.active[data-v-b4a12336]{border-color:var(--cw-primary);box-shadow:0 0 0 1px var(--cw-primary)}.tile.flip[data-v-b4a12336]{animation:flip-b4a12336 .6s ease forwards}.tile.correct[data-v-b4a12336]{background:var(--cw-primary);color:#fff;border-color:var(--cw-primary)}.tile.present[data-v-b4a12336]{background:var(--cw-secondary);color:var(--cw-text-primary);border-color:var(--cw-secondary)}.tile.absent[data-v-b4a12336]{background:#787c7e;color:#fff;border-color:#787c7e}@keyframes flip-b4a12336{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}.row.shake[data-v-b4a12336]{animation:shake-b4a12336 .6s cubic-bezier(.25,.46,.45,.94)}@keyframes shake-b4a12336{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px) rotate(-1deg)}20%,40%,60%,80%{transform:translate(8px) rotate(1deg)}}@media (max-width: 520px){.tile[data-v-b4a12336]{width:64px;height:64px;font-size:1.6rem}.game-board[data-v-b4a12336]{margin-top:var(--spacing-lg)}}@media (max-width: 380px){.tile[data-v-b4a12336]{width:52px;height:52px;font-size:1.4rem}.game-board[data-v-b4a12336]{margin-top:var(--spacing-sm)}}.row-loader[data-v-b4a12336]{position:absolute;right:-40px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.spinner[data-v-b4a12336]{width:18px;height:18px;border:2px solid var(--cw-border);border-top:2px solid var(--cw-primary);border-radius:50%;animation:spin-b4a12336 1s linear infinite}@keyframes spin-b4a12336{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 520px){.row-loader[data-v-b4a12336]{right:-32px}.spinner[data-v-b4a12336]{width:16px;height:16px}}@media (max-width: 380px){.row-loader[data-v-b4a12336]{right:-28px}.spinner[data-v-b4a12336]{width:14px;height:14px;border-width:1.5px}}.modal-btn[data-v-b4a12336]{margin-top:0;width:100%}.virtual-keyboard[data-v-7df50274]{margin-top:auto;margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto;flex-shrink:0}.keyboard-row[data-v-7df50274]{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.key[data-v-7df50274]{min-width:52px;height:68px;border:1px solid var(--cw-border);border-radius:var(--radius-sm);background:var(--cw-surface);color:var(--cw-text-primary);font-family:Rency,Arial,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation}.key[data-v-7df50274]:hover{background:var(--cw-primary-light);transform:translateY(-1px)}.key[data-v-7df50274]:active{transform:translateY(0) scale(.95)}.key--wide[data-v-7df50274]{min-width:88px;font-size:.9rem}.key.correct[data-v-7df50274]{background:var(--cw-primary);color:#fff;border-color:var(--cw-primary)}.key.present[data-v-7df50274]{background:var(--cw-secondary);color:var(--cw-text-primary);border-color:var(--cw-secondary)}.key.absent[data-v-7df50274]{background:#787c7e;color:#fff;border-color:#787c7e}.spacer[data-v-7df50274]{width:16px}@media (min-width: 1024px){.key[data-v-7df50274]{min-width:58px;height:75px;font-size:1.1rem}.key--wide[data-v-7df50274]{min-width:95px;font-size:1rem}.keyboard-row[data-v-7df50274]{gap:10px;margin-bottom:12px}}@media (min-width: 768px) and (max-width: 1023px){.key[data-v-7df50274]{min-width:48px;height:62px;font-size:.95rem}.key--wide[data-v-7df50274]{min-width:82px}}@media (max-width: 520px){.virtual-keyboard[data-v-7df50274]{display:block;margin:0}.keyboard-row[data-v-7df50274]{width:100%;justify-content:center;gap:4px}.key[data-v-7df50274]{min-width:28px;height:40px;font-size:.75rem;padding:0 6px;flex:0 0 auto}.key--wide[data-v-7df50274]{min-width:50px;font-size:.65rem}}@media (max-width: 380px){.key[data-v-7df50274]{min-width:24px;height:36px;font-size:.65rem;padding:0 4px}.key--wide[data-v-7df50274]{min-width:42px;font-size:.6rem}.keyboard-row[data-v-7df50274]{gap:3px}.spacer[data-v-7df50274]{width:8px}}.submit-btn[data-v-7df50274]{width:100%;margin:auto}.submit-btn.danger[data-v-7df50274]{margin-top:var(--spacing-sm);background:var(--cw-error);color:#fff}.modal-btn[data-v-7df50274]{margin-top:0;width:100%}.modal-overlay[data-v-20ea0b4d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalOverlayEnter-20ea0b4d .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-md)}.congrats-modal[data-v-20ea0b4d]{background:var(--cw-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;width:100%;max-height:90vh;overflow:hidden;animation:modalEnter-20ea0b4d .3s cubic-bezier(.34,1.56,.64,1)}.modal-header[data-v-20ea0b4d]{background:var(--cw-primary);color:#fff;padding:var(--spacing-lg);text-align:center}.modal-header h2[data-v-20ea0b4d]{font-family:Rency,Arial,sans-serif;font-size:1.8rem;font-weight:700;margin:0;letter-spacing:-.025em}.modal-body[data-v-20ea0b4d]{padding:var(--spacing-xl)}.congrats-content[data-v-20ea0b4d]{text-align:center;margin-bottom:var(--spacing-xl)}.congrats-message[data-v-20ea0b4d]{font-size:1.2rem;color:var(--cw-text-primary);line-height:1.5;margin-bottom:var(--spacing-lg);font-weight:500}.game-stats[data-v-20ea0b4d]{background:var(--cw-primary-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.stat-item[data-v-20ea0b4d]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.stat-item[data-v-20ea0b4d]:not(:last-child){border-bottom:1px solid rgba(26,165,112,.2)}.stat-label[data-v-20ea0b4d]{font-family:Rency,Arial,sans-serif;font-weight:600;color:var(--cw-text-secondary);font-size:.95rem}.stat-value[data-v-20ea0b4d]{font-family:Rency,Arial,sans-serif;font-weight:700;font-size:1.1rem;color:var(--cw-primary)}.modal-actions[data-v-20ea0b4d]{display:flex;gap:var(--spacing-md);flex-direction:column}.modal-btn[data-v-20ea0b4d]{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-lg);font-family:Rency,Arial,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;touch-action:manipulation;min-height:48px}.modal-btn.primary[data-v-20ea0b4d]{background:var(--cw-primary);color:#fff;box-shadow:var(--shadow-md)}.modal-btn.primary[data-v-20ea0b4d]:hover{background:var(--cw-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-btn.secondary[data-v-20ea0b4d]{background:var(--cw-surface);color:var(--cw-text-primary);border:2px solid var(--cw-border)}.modal-btn.secondary[data-v-20ea0b4d]:hover{background:var(--cw-primary-light);border-color:var(--cw-primary);color:var(--cw-primary);transform:translateY(-1px)}.modal-btn.danger[data-v-20ea0b4d]{background:var(--cw-error);color:#fff;box-shadow:var(--shadow-md)}.modal-btn.danger[data-v-20ea0b4d]:hover{background:var(--cw-error-dark);color:var(--cw-error);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-btn[data-v-20ea0b4d]:active{transform:translateY(0)}.key-hint[data-v-20ea0b4d]{font-size:.8rem;opacity:.8;font-weight:400;display:block;margin-top:2px}@keyframes modalOverlayEnter-20ea0b4d{0%{opacity:0}to{opacity:1}}@keyframes modalEnter-20ea0b4d{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 520px){.modal-overlay[data-v-20ea0b4d]{padding:var(--spacing-sm)}.congrats-modal[data-v-20ea0b4d]{max-height:calc(100vh - var(--spacing-lg))}.modal-header[data-v-20ea0b4d]{padding:var(--spacing-md)}.modal-header h2[data-v-20ea0b4d]{font-size:1.5rem}.modal-body[data-v-20ea0b4d]{padding:var(--spacing-md);max-height:calc(100vh - 160px);overflow-y:auto}.congrats-message[data-v-20ea0b4d]{font-size:1.1rem}.game-stats[data-v-20ea0b4d]{padding:var(--spacing-md)}.modal-btn[data-v-20ea0b4d]{font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md)}.stat-label[data-v-20ea0b4d]{font-size:.9rem}.stat-value[data-v-20ea0b4d]{font-size:1rem}}@media (max-width: 380px){.modal-overlay[data-v-20ea0b4d]{padding:8px}.modal-body[data-v-20ea0b4d]{padding:var(--spacing-sm)}.congrats-message[data-v-20ea0b4d]{font-size:1rem}.modal-btn[data-v-20ea0b4d]{font-size:.9rem}}@media (max-height: 500px) and (orientation: landscape){.congrats-modal[data-v-20ea0b4d]{max-height:calc(100vh - 16px)}.modal-body[data-v-20ea0b4d]{max-height:calc(100vh - 120px);overflow-y:auto}.modal-actions[data-v-20ea0b4d]{flex-direction:row;gap:var(--spacing-sm)}}.toast[data-v-8d0b94d0]{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1000;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-family:Rency,Arial,sans-serif;font-weight:600;font-size:.9rem;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:90vw;text-align:center;opacity:.9}.toast.success[data-v-8d0b94d0]{background:var(--cw-primary-light);color:var(--cw-primary);border:1px solid var(--cw-primary)}.toast.error[data-v-8d0b94d0]{background:#e74c3c1a;color:var(--cw-error);border:1px solid var(--cw-error)}.toast.info[data-v-8d0b94d0]{background:var(--cw-primary-light);color:var(--cw-text-primary);border:1px solid var(--cw-border)}.toast-enter-active[data-v-8d0b94d0],.toast-leave-active[data-v-8d0b94d0]{transition:all .3s ease}.toast-enter-from[data-v-8d0b94d0],.toast-leave-to[data-v-8d0b94d0]{opacity:0;transform:translate(-50%) translateY(-20px)}@media (max-width: 520px){.toast[data-v-8d0b94d0]{top:70px;font-size:.85rem;padding:var(--spacing-xs) var(--spacing-md);max-width:85vw}}.tutorial-overlay[data-v-238696ab]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:9999;transition:background-color .3s ease-in-out}.tutorial-step[data-v-238696ab]{position:absolute;border-radius:12px;box-shadow:0 0 0 9999px #0009;transition:all .4s cubic-bezier(.68,-.55,.27,1.55);pointer-events:none}.tutorial-content[data-v-238696ab]{position:fixed;padding:20px;background-color:#fff;border-radius:8px;color:#333;width:320px;max-width:90vw;box-shadow:0 4px 20px #0003;pointer-events:auto;font-size:1rem;line-height:1.5}.tutorial-content p[data-v-238696ab]{margin:0 0 15px}.tutorial-actions[data-v-238696ab]{display:flex;justify-content:space-between;align-items:center}.step-counter[data-v-238696ab]{font-size:.875rem;color:#666}.tutorial-btn[data-v-238696ab]{padding:8px 16px;border:none;background-color:#1aa570;color:#fff;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s}.tutorial-btn[data-v-238696ab]:hover{background-color:#168a5c}@font-face{font-family:Rency;src:url(/fonts/Rency-Light.woff2) format("woff2");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:Rency;src:url(/fonts/Rency-Regular.woff2) format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Rency;src:url(/fonts/Rency-Medium.woff2) format("woff2");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Rency;src:url(/fonts/Rency-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:Rency;src:url(/fonts/Rency-Bold.woff2) format("woff2");font-weight:700;font-display:swap;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}*{touch-action:manipulation}button,input,.tile,.key,.modal-btn{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{--cw-primary: #1aa570;--cw-primary-dark: #168a5c;--cw-primary-light: #e8f5f0;--cw-secondary: #ffc57f;--cw-background: #fbf8f4;--cw-surface: #ffffff;--cw-text-primary: #392813;--cw-text-secondary: #6b5b47;--cw-border: #e4ddd4;--cw-error: #e74c3c;--cw-success: #1aa570;--cw-warning: #f39c12;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}body{font-family:Rency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,var(--cw-background) 0%,#f6f1ec 100%);color:var(--cw-text-primary);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;min-height:100dvh;padding:var(--spacing-lg) var(--spacing-md);line-height:1.5;overflow-x:hidden}.container{max-width:800px;width:100%;padding:var(--spacing-lg);position:relative;display:flex;flex-direction:column;min-height:calc(100vh - var(--spacing-lg) * 2);min-height:calc(100dvh - var(--spacing-lg) * 2)}.main-content{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-xl)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalOverlayEnter .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--cw-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:600px;width:90%;max-height:70dvh;overflow:auto;animation:modalEnter .3s cubic-bezier(.34,1.56,.64,1)}.modal-header{background:var(--cw-primary);color:#fff;padding:var(--spacing-lg);text-align:center}.modal-header h2{font-family:Rency,Arial,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.modal-body{padding:var(--spacing-xl)}.score-summary{margin-bottom:var(--spacing-xl)}.final-score,.words-completed,.time-played{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--cw-border)}.time-played{border-bottom:none}.score-label,.words-label,.time-label{font-family:Rency,Arial,sans-serif;font-weight:600;color:var(--cw-text-secondary);font-size:.9rem}.score-value{font-family:Rency,Arial,sans-serif;font-weight:700;font-size:2rem;color:var(--cw-primary)}.words-value,.time-value{font-family:Rency,Arial,sans-serif;font-weight:600;font-size:1.2rem;color:var(--cw-text-primary)}.modal-actions{display:flex;gap:var(--spacing-md);flex-direction:column}.modal-btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:Rency,Arial,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;touch-action:manipulation}.modal-btn.primary{background:var(--cw-primary);color:#fff;box-shadow:var(--shadow-md)}.modal-btn.primary:hover{background:var(--cw-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-btn.secondary{background:var(--cw-surface);color:var(--cw-text-primary);border:2px solid var(--cw-border)}.modal-btn.secondary:hover{background:var(--cw-primary-light);border-color:var(--cw-primary);color:var(--cw-primary);transform:translateY(-1px)}.modal-btn:active{transform:translateY(0)}.how-to-play-content h3{font-family:Rency,Arial,sans-serif;font-size:1.1rem;font-weight:600;color:var(--cw-text-primary);margin:0 0 var(--spacing-md) 0}.how-to-play-content h3:not(:first-child){margin-top:var(--spacing-xl)}.how-to-play-content ul{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0}.how-to-play-content li{padding:var(--spacing-sm) 0;position:relative;padding-left:var(--spacing-lg);color:var(--cw-text-secondary);line-height:1.5}.how-to-play-content li:before{content:"•";position:absolute;left:0;color:var(--cw-primary);font-weight:700;font-size:1.2rem}.scoring-table{background:var(--cw-primary-light);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0}.score-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-size:.9rem}.score-row.failed{color:var(--cw-error);font-weight:600}@keyframes modalOverlayEnter{0%{opacity:0}to{opacity:1}}@keyframes modalEnter{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 520px){body{padding:var(--spacing-sm);align-items:flex-start}.container{max-width:100%;width:100%;padding:var(--spacing-md);min-height:calc(100vh - var(--spacing-sm) * 2);min-height:calc(100dvh - var(--spacing-sm) * 2)}.modal{width:calc(100vw - var(--spacing-md));margin:var(--spacing-sm);max-height:calc(100vh - var(--spacing-lg));max-height:calc(100dvh - var(--spacing-lg))}.modal-header{padding:var(--spacing-md)}.modal-header h2{font-size:1.3rem}.modal-body{padding:var(--spacing-md);max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px);overflow-y:auto}.score-value{font-size:1.8rem}.words-value,.time-value{font-size:1.1rem}.modal-actions{gap:var(--spacing-sm);padding-top:var(--spacing-sm)}.modal-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;min-height:44px}.how-to-play-content h3{font-size:1rem}.how-to-play-content li{font-size:.85rem;padding-left:var(--spacing-md);line-height:1.4}.scoring-table{padding:var(--spacing-sm);font-size:.8rem}.score-row{font-size:.8rem;padding:var(--spacing-xs) 0}}@media (max-width: 380px){body{padding:4px}.container{padding:var(--spacing-sm);min-height:calc(100vh - 8px);min-height:calc(100dvh - 8px)}.modal{width:calc(100vw - 16px)!important;margin:8px!important}.modal-body{padding:var(--spacing-sm)!important}}@media (max-width: 768px){.main-content{flex-direction:column;align-items:center;justify-content:flex-start;margin:0}}@media (max-width: 320px){.modal{width:calc(100vw - 16px)!important;margin:8px!important}.modal-body{padding:var(--spacing-sm)!important}}@media (max-height: 500px) and (orientation: landscape){body{padding:var(--spacing-xs) var(--spacing-sm)}.container{padding:var(--spacing-xs);min-height:calc(100vh - var(--spacing-xs) * 2);min-height:calc(100dvh - var(--spacing-xs) * 2)}.main-content{margin-bottom:var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.modal-btn.primary{background-color:#000;color:#fff;border:2px solid #000}.modal-btn.secondary{background-color:#fff;color:#000;border:2px solid #000}}
