.base-btn[data-v-ab933605]{--btn-padding-x: var(--space-lg, 24px);--btn-padding-y: var(--space-md, 12px);--btn-font-size: var(--text-base, 16px);--btn-border-radius: var(--border-radius-md, 12px);--btn-min-height: 44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm, 8px);padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--btn-font-size);font-weight:600;border:2px solid transparent;border-radius:var(--btn-border-radius);cursor:pointer;transition:all var(--animation-normal, .25s ease);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;min-height:var(--btn-min-height);font-family:inherit;line-height:1.2}.base-btn[data-v-ab933605]:focus{outline:2px solid var(--primary-500, #0ea5e9);outline-offset:2px}.base-btn[data-v-ab933605]:disabled,.base-btn--disabled[data-v-ab933605]{opacity:.6;cursor:not-allowed;transform:none!important}.base-btn[data-v-ab933605]:disabled:hover,.base-btn--disabled[data-v-ab933605]:hover{transform:none;box-shadow:var(--shadow-md)}.base-btn--loading[data-v-ab933605]{cursor:wait}.btn-spinner[data-v-ab933605]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin-ab933605 1s linear infinite}@keyframes spin-ab933605{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.base-btn--small[data-v-ab933605]{--btn-padding-x: var(--space-md, 16px);--btn-padding-y: var(--space-sm, 8px);--btn-font-size: var(--text-sm, 14px);--btn-min-height: 36px}.base-btn--large[data-v-ab933605]{--btn-padding-x: var(--space-xl, 32px);--btn-padding-y: var(--space-lg, 16px);--btn-font-size: var(--text-lg, 18px);--btn-min-height: 52px}.base-btn--primary[data-v-ab933605]{background:var(--primary-500, #0ea5e9);color:#fff;box-shadow:var(--shadow-md),0 0 0 0 var(--letter-shadow, rgba(14, 165, 233, .3))}.base-btn--primary[data-v-ab933605]:hover:not(:disabled):not(.base-btn--disabled){background:var(--primary-400, #38bdf8);transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 20px var(--letter-shadow, rgba(14, 165, 233, .3))}.base-btn--secondary[data-v-ab933605]{background:var(--secondary-500, #64748b);color:#fff;box-shadow:var(--shadow-md),0 0 #64748b4d}.base-btn--secondary[data-v-ab933605]:hover:not(:disabled):not(.base-btn--disabled){background:var(--secondary-400, #94a3b8);transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 20px #64748b4d}.base-btn--accent[data-v-ab933605]{background:var(--accent-500, #ef4444);color:#fff;box-shadow:var(--shadow-md),0 0 0 0 var(--word-shadow, rgba(239, 68, 68, .3))}.base-btn--accent[data-v-ab933605]:hover:not(:disabled):not(.base-btn--disabled){background:var(--accent-400, #f87171);transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 20px var(--word-shadow, rgba(239, 68, 68, .3))}.base-btn--warning[data-v-ab933605]{background:var(--warning-500, #f59e0b);color:#fff;box-shadow:var(--shadow-md),0 0 0 0 var(--daily-shadow, rgba(245, 158, 11, .3))}.base-btn--warning[data-v-ab933605]:hover:not(:disabled):not(.base-btn--disabled){background:var(--warning-400, #fbbf24);transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 20px var(--daily-shadow, rgba(245, 158, 11, .3))}.base-btn--ghost[data-v-ab933605]{background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#fff3}.base-btn--ghost[data-v-ab933605]:hover:not(:disabled):not(.base-btn--disabled){background:#ffffff40;border-color:#fff6;transform:translateY(-2px)}.base-btn[data-v-ab933605]:active:not(:disabled):not(.base-btn--disabled){transform:translateY(0);box-shadow:var(--shadow-md)}@media (hover: none) and (pointer: coarse){.base-btn[data-v-ab933605]{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.base-btn[data-v-ab933605]:focus{outline:none!important}.base-btn[data-v-ab933605]:active:not(:disabled):not(.base-btn--disabled){transform:scale(.95)!important;transition:transform .05s ease!important;opacity:.8!important}.base-btn--primary[data-v-ab933605]:active:not(:disabled):not(.base-btn--disabled){background:var(--primary-300)!important;box-shadow:inset 0 4px 8px #0003!important}.base-btn--warning[data-v-ab933605]:active:not(:disabled):not(.base-btn--disabled){background:var(--warning-300)!important;box-shadow:inset 0 4px 8px #0003!important}.base-btn--secondary[data-v-ab933605]:active:not(:disabled):not(.base-btn--disabled){background:var(--secondary-300)!important;box-shadow:inset 0 4px 8px #0003!important}.base-btn--accent[data-v-ab933605]:active:not(:disabled):not(.base-btn--disabled){background:var(--accent-300)!important;box-shadow:inset 0 4px 8px #0003!important}.base-btn[data-v-ab933605]:hover:not(:disabled):not(.base-btn--disabled){transform:none!important;box-shadow:var(--shadow-md)!important}.base-btn--primary[data-v-ab933605]:hover:not(:disabled):not(.base-btn--disabled){background:var(--primary-500)!important}.base-btn--warning[data-v-ab933605]:hover:not(:disabled):not(.base-btn--disabled){background:var(--warning-500)!important}.base-btn--secondary[data-v-ab933605]:hover:not(:disabled):not(.base-btn--disabled){background:var(--secondary-500)!important}.base-btn--accent[data-v-ab933605]:hover:not(:disabled):not(.base-btn--disabled){background:var(--accent-500)!important}}@media (max-width: 480px){.base-btn[data-v-ab933605]{--btn-padding-x: var(--space-md, 16px);--btn-padding-y: var(--space-sm, 10px);--btn-font-size: var(--text-sm, 14px);--btn-min-height: 40px}.base-btn--large[data-v-ab933605]{--btn-padding-x: var(--space-lg, 20px);--btn-padding-y: var(--space-md, 12px);--btn-font-size: var(--text-base, 16px)}}.date-picker-overlay[data-v-226841cc]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg)}.date-picker-modal[data-v-226841cc]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);padding:var(--space-2xl);max-width:400px;width:100%;box-shadow:var(--shadow-xl);position:relative}.date-picker-header[data-v-226841cc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.date-picker-header h3[data-v-226841cc]{margin:0;color:#fff;font-size:var(--text-xl);font-weight:var(--font-semibold)}.close-button[data-v-226841cc]{background:none;border:none;color:#fff;font-size:var(--text-2xl);cursor:pointer;padding:var(--space-xs);line-height:1;transition:all var(--animation-normal);border-radius:var(--border-radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-button[data-v-226841cc]:hover{background:#ffffff1a;transform:scale(1.1)}.date-picker-content[data-v-226841cc]{text-align:center}.date-info[data-v-226841cc]{color:#fff;margin-bottom:var(--space-sm);font-size:var(--text-base)}.date-constraints[data-v-226841cc]{color:#ffffffb3;font-size:var(--text-sm);margin-bottom:var(--space-xl);font-style:italic}.date-input-container[data-v-226841cc]{position:relative;display:inline-flex;align-items:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius-md);padding:var(--space-md) var(--space-xl);margin-bottom:var(--space-xl);box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:44px;margin-left:auto;margin-right:auto;max-width:320px;width:auto}.date-input[data-v-226841cc]{background:transparent;border:none;color:#fff;font-size:var(--text-base);font-weight:600;text-align:center;outline:none;width:100%;height:100%;line-height:1.2}.date-input-container[data-v-226841cc]:focus-within{border-color:#ffffff80;background:#ffffff26}.date-input[data-v-226841cc]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.date-picker-actions[data-v-226841cc]{display:flex;gap:var(--space-md);justify-content:center}@media (max-width: 768px){.date-picker-modal[data-v-226841cc]{margin:var(--space-lg);padding:var(--space-xl);width:calc(100% - 2 * var(--space-lg))}.date-input-container[data-v-226841cc]{max-width:280px}.date-input[data-v-226841cc]{font-size:var(--text-sm)}}@media (max-width: 480px){.date-input-container[data-v-226841cc]{padding:var(--space-sm) var(--space-lg);height:40px;max-width:240px}.date-input[data-v-226841cc]{font-size:var(--text-sm)}}.letter-element[data-v-b323caf9]{cursor:pointer;text-transform:uppercase}.letter-element--dragging[data-v-b323caf9]{opacity:.7;transform:rotate(5deg) scale(1.1);z-index:var(--z-modal)}.game-element--unavailable[data-v-b323caf9]{background:var(--secondary-300);color:var(--secondary-600);cursor:not-allowed;opacity:.5}.game-element--unavailable[data-v-b323caf9]:hover{transform:none;box-shadow:var(--shadow-md)}@media (hover: none) and (pointer: coarse){.letter-element[data-v-b323caf9]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.letter-element[data-v-b323caf9]:active{transform:scale(.95);transition:transform .1s ease}}.letter-element[data-v-b323caf9]:focus{outline:3px solid var(--primary-400);outline-offset:2px}.letter-element[data-v-b323caf9]:focus:not(:focus-visible){outline:none}.loading-container[data-v-d44ab5da]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md)}.loading-overlay[data-v-d44ab5da]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-spinner[data-v-d44ab5da]{position:relative;display:inline-block}.spinner-small[data-v-d44ab5da]{width:24px;height:24px}.spinner-medium[data-v-d44ab5da]{width:40px;height:40px}.spinner-large[data-v-d44ab5da]{width:64px;height:64px}.spinner-ring[data-v-d44ab5da]{position:absolute;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-d44ab5da 1.2s linear infinite}.spinner-small .spinner-ring[data-v-d44ab5da]{width:24px;height:24px;border-width:2px}.spinner-medium .spinner-ring[data-v-d44ab5da]{width:40px;height:40px;border-width:3px}.spinner-large .spinner-ring[data-v-d44ab5da]{width:64px;height:64px;border-width:4px}.spinner-ring[data-v-d44ab5da]:nth-child(1){animation-delay:-.45s}.spinner-ring[data-v-d44ab5da]:nth-child(2){animation-delay:-.3s}.spinner-ring[data-v-d44ab5da]:nth-child(3){animation-delay:-.15s}.loading-message[data-v-d44ab5da]{color:#fff;font-size:var(--text-base);font-weight:var(--font-medium);text-align:center;margin-top:var(--space-sm)}@keyframes spin-d44ab5da{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-ring[data-v-d44ab5da]:nth-child(1){opacity:1}.spinner-ring[data-v-d44ab5da]:nth-child(2){opacity:.8}.spinner-ring[data-v-d44ab5da]:nth-child(3){opacity:.6}.spinner-ring[data-v-d44ab5da]:nth-child(4){opacity:.4}.on-screen-keyboard[data-v-0d261c8e]{padding:var(--space-md);-webkit-user-select:none;user-select:none}.keyboard-row[data-v-0d261c8e]{display:flex;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg);max-width:100%;padding:0 var(--space-md)}.keyboard-row[data-v-0d261c8e]:last-child{margin-bottom:0}.keyboard-key[data-v-0d261c8e]{display:flex;align-items:center;justify-content:center;min-width:32px;height:40px;padding:var(--space-xs);background:var(--secondary-200);color:var(--secondary-800);border:1px solid var(--secondary-300);border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--animation-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.keyboard-key--letter[data-v-0d261c8e]{flex:1;min-width:32px}.keyboard-key--action[data-v-0d261c8e]{min-width:48px;font-size:var(--text-xs);background:var(--primary-500);color:#fff;border-color:var(--primary-600)}.keyboard-key[data-v-0d261c8e]:hover{background:var(--secondary-300);transform:translateY(-1px)}.keyboard-key--action[data-v-0d261c8e]:hover{background:var(--primary-400)}.keyboard-key[data-v-0d261c8e]:active{transform:scale(.95);box-shadow:inset 0 2px 4px #0003}@media (max-width: 768px){.on-screen-keyboard[data-v-0d261c8e]{padding:var(--space-sm)}.keyboard-row[data-v-0d261c8e]{gap:var(--space-md);margin-bottom:var(--space-md);padding:0 var(--space-sm)}.keyboard-key[data-v-0d261c8e]{min-width:28px;height:36px;font-size:var(--text-xs)}.keyboard-key--letter[data-v-0d261c8e]{min-width:28px}.keyboard-key--action[data-v-0d261c8e]{min-width:44px;font-size:10px}}@media (max-width: 480px){.keyboard-row[data-v-0d261c8e]{gap:var(--space-sm);padding:0 var(--space-xs)}.keyboard-key[data-v-0d261c8e]{min-width:24px;height:32px}.keyboard-key--letter[data-v-0d261c8e]{min-width:24px}.keyboard-key--action[data-v-0d261c8e]{min-width:36px}}.rules-content[data-v-0c763ead]{margin-bottom:var(--space-xl);color:#fff}.rules-content p[data-v-0c763ead]{margin-bottom:var(--space-md);color:#fff}.rules-content ul[data-v-0c763ead]{margin-left:var(--space-lg);margin-bottom:var(--space-md);color:#fff}.rules-content li[data-v-0c763ead]{margin-bottom:var(--space-xs);color:#fff}.word-stats[data-v-43c06c39]{display:flex;justify-content:space-around;align-items:center;margin:var(--space-xl) 0;padding:var(--space-md) var(--space-lg);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.2)}.stat-item[data-v-43c06c39]{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label[data-v-43c06c39]{font-size:var(--text-sm);color:#fffc;margin-bottom:var(--space-xs);font-weight:var(--font-medium)}.stat-value[data-v-43c06c39]{font-size:var(--text-lg);color:#fff;font-weight:var(--font-bold);text-shadow:1px 1px 2px rgba(0,0,0,.3)}.stat-item--clickable[data-v-43c06c39]{cursor:pointer;transition:all var(--animation-normal)}.stat-item--clickable[data-v-43c06c39]:hover{transform:translateY(-2px);background:#ffffff1a;border-radius:var(--border-radius-md);padding:var(--space-xs)}@media (max-width: 768px){.word-stats[data-v-43c06c39]{justify-content:space-around;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md);margin:var(--space-lg) 0}.stat-item[data-v-43c06c39]{flex-direction:column;align-items:center;text-align:center;flex:1;min-width:0}.stat-label[data-v-43c06c39]{font-size:var(--text-xs);margin-bottom:var(--space-xs)}.stat-value[data-v-43c06c39]{font-size:var(--text-sm);word-break:break-word}}.game-page[data-v-8f9ad471]{min-height:100vh;padding:var(--space-md);max-width:1200px;margin:0 auto;outline:none;position:relative;width:100%;box-sizing:border-box}.game-page[data-v-8f9ad471]:focus{outline:none}.game-header[data-v-8f9ad471]{display:flex;justify-content:flex-start;align-items:center;margin:var(--space-lg) auto var(--space-lg) auto;flex-wrap:wrap;gap:var(--space-lg);width:fit-content;max-width:640px}.game-title[data-v-8f9ad471]{display:flex;align-items:center;gap:var(--space-md)}.game-title h1[data-v-8f9ad471]{font-size:2rem;font-weight:var(--font-bold);color:#fff;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.calendar-button[data-v-8f9ad471]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);padding:var(--space-sm);color:#fff;font-size:1.5rem;cursor:pointer;transition:all var(--animation-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;width:48px;height:48px}.calendar-button[data-v-8f9ad471]:hover{background:#ffffff26;transform:scale(1.05)}.how-to-play-dropdown[data-v-8f9ad471]{margin:0 auto var(--space-2xl) auto;width:100%;max-width:640px;position:relative}.dropdown-toggle[data-v-8f9ad471]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);padding:var(--space-md);color:#fff;font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;display:flex;justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--animation-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;width:fit-content;margin:0 auto;min-width:150px}.dropdown-toggle[data-v-8f9ad471]:hover{background:#ffffff26}.dropdown-arrow[data-v-8f9ad471]{transition:transform var(--animation-normal)}.dropdown-arrow--open[data-v-8f9ad471]{transform:rotate(180deg)}.dropdown-content[data-v-8f9ad471]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-sizing:border-box;margin-top:var(--space-xs)}.rules-overlay[data-v-8f9ad471]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg)}.rules-modal[data-v-8f9ad471]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);padding:var(--space-2xl);max-width:500px;width:100%;box-shadow:var(--shadow-xl);position:relative}.modal-close[data-v-8f9ad471]{position:absolute;top:var(--space-lg);right:var(--space-lg);background:none;border:none;color:#fff;font-size:var(--text-2xl);cursor:pointer;padding:var(--space-xs);line-height:1;transition:all var(--animation-normal);border-radius:var(--border-radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close[data-v-8f9ad471]:hover{background:#ffffff1a;transform:scale(1.1)}.rules-modal h2[data-v-8f9ad471]{margin-top:0;color:#fff;margin-bottom:var(--space-lg);text-shadow:1px 1px 2px rgba(0,0,0,.5);padding-right:var(--space-3xl)}.results-content[data-v-8f9ad471]{margin-bottom:var(--space-xl)}.no-words[data-v-8f9ad471]{text-align:center;color:#fffc;font-style:italic;padding:var(--space-xl)}.game-content[data-v-8f9ad471]{display:flex;flex-direction:column;gap:var(--space-2xl)}.found-words-grid[data-v-8f9ad471]{display:flex;flex-wrap:wrap;gap:var(--space-sm);max-height:300px;overflow-y:auto;width:100%;box-sizing:border-box;justify-content:center}.found-word-item[data-v-8f9ad471]{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-md);padding:var(--space-xs) var(--space-sm);text-align:center;color:#fff;font-weight:var(--font-medium);font-size:var(--text-sm);transition:all var(--animation-normal);flex-shrink:0;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.found-word-item[data-v-8f9ad471]:hover{background:#ffffff4d;transform:translateY(-1px)}.found-word--last[data-v-8f9ad471]{background:#22c55e33;border-color:#22c55ecc;color:var(--success-800);box-shadow:0 0 15px #22c55e66;transform:scale(1.05);animation:lastWordPulse-8f9ad471 3s ease-in-out}@keyframes lastWordPulse-8f9ad471{0%{transform:scale(1);box-shadow:0 0 5px #22c55e66}10%{transform:scale(1.1);box-shadow:0 0 20px #22c55e99}to{transform:scale(1.05);box-shadow:0 0 15px #22c55e66}}.game-elements-grid[data-v-8f9ad471]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-xs);min-height:80px;padding:var(--space-sm) 0;width:100%;box-sizing:border-box}.word-slot[data-v-8f9ad471]{flex-shrink:0}.letter-faded[data-v-8f9ad471]{opacity:.3;pointer-events:none}.button-animating[data-v-8f9ad471]{transition:all .3s ease}.button-success[data-v-8f9ad471]{transform:scale(1.1);animation:successPulse-8f9ad471 1s ease-in-out}.button-error[data-v-8f9ad471]{transform:scale(1.1);animation:errorShake-8f9ad471 1s ease-in-out}@keyframes successPulse-8f9ad471{0%,to{transform:scale(1);box-shadow:0 0 #22c55e80}50%{transform:scale(1.1);box-shadow:0 0 20px 5px #22c55e4d}}@keyframes errorShake-8f9ad471{0%,to{transform:scale(1) translate(0)}25%{transform:scale(1.1) translate(-5px)}75%{transform:scale(1.1) translate(5px)}}.construction-area[data-v-8f9ad471]{position:relative;text-align:center;margin:0 auto;width:fit-content;max-width:640px}.construction-title[data-v-8f9ad471]{color:#fff;text-align:center;margin-bottom:var(--space-xl);font-size:var(--text-2xl);text-shadow:1px 1px 2px rgba(0,0,0,.3);margin-top:0}.construction-section[data-v-8f9ad471]{margin-bottom:var(--space-md)}.construction-section[data-v-8f9ad471]:last-of-type{margin-bottom:var(--space-lg)}.letter-evaluation-animate[data-v-8f9ad471]{animation:letterEvaluation-8f9ad471 1s ease-in-out;transform:scale(1.1);font-weight:var(--font-bold)}.letter-evaluation-success[data-v-8f9ad471]{background:var(--success-500)!important;color:#fff!important}.letter-evaluation-error[data-v-8f9ad471]{background:var(--accent-500)!important;color:#fff!important}@keyframes letterEvaluation-8f9ad471{0%{transform:scale(1);font-weight:var(--font-semibold)}50%{transform:scale(1.15);font-weight:var(--font-bold)}to{transform:scale(1.1);font-weight:var(--font-bold)}}@media (max-width: 768px){.game-page[data-v-8f9ad471]{padding:var(--space-sm)}.game-header[data-v-8f9ad471]{flex-direction:column;align-items:center;gap:var(--space-md)}.game-title h1[data-v-8f9ad471]{font-size:clamp(1.2rem,5vw,2rem);white-space:nowrap}.construction-section[data-v-8f9ad471]{margin-bottom:var(--space-lg)}.construction-section[data-v-8f9ad471]:last-of-type{margin-bottom:var(--space-2xl)}.game-elements-grid[data-v-8f9ad471]{padding:2px 0;gap:4px;min-height:40px}}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-full: 9999px;--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);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--animation-fast: .15s ease;--animation-normal: .25s ease;--animation-slow: .35s ease;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--accent-50: #fef2f2;--accent-100: #fee2e2;--accent-200: #fecaca;--accent-300: #fca5a5;--accent-400: #f87171;--accent-500: #ef4444;--accent-600: #dc2626;--accent-700: #b91c1c;--accent-800: #991b1b;--accent-900: #7f1d1d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--letter-shadow: rgba(14, 165, 233, .3);--word-shadow: rgba(239, 68, 68, .3);--daily-shadow: rgba(245, 158, 11, .3);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--secondary-900);background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}button{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-primary{color:var(--primary-500)}.text-secondary{color:var(--secondary-500)}.text-accent{color:var(--accent-500)}.text-warning{color:var(--warning-500)}.text-success{color:var(--success-500)}.text-white{color:#fff}.bg-primary{background-color:var(--primary-500)}.bg-secondary{background-color:var(--secondary-500)}.bg-accent{background-color:var(--accent-500)}.bg-warning{background-color:var(--warning-500)}.bg-success{background-color:var(--success-500)}.bg-white{background-color:#fff}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.game-element{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;min-width:60px;min-height:60px;font-size:var(--text-3xl);font-weight:var(--font-bold);border-radius:var(--border-radius-lg);transition:all var(--animation-normal);-webkit-user-select:none;user-select:none;position:relative;box-shadow:var(--shadow-md);min-width:44px;min-height:44px}.game-element:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.game-element:active{transform:translateY(0);box-shadow:var(--shadow-md)}.game-element--letter{background:var(--primary-500);color:#fff;cursor:grab}.game-element--letter:active{cursor:grabbing}.game-element--selected{background:var(--primary-500);color:#fff;box-shadow:var(--shadow-md),0 0 0 0 var(--letter-shadow);cursor:pointer}.game-element--selected:hover{background:var(--primary-400);box-shadow:var(--shadow-xl),0 0 20px var(--letter-shadow)}.game-element--word-result{background:var(--accent-500);color:#fff;box-shadow:var(--shadow-md),0 0 0 0 var(--word-shadow)}.game-element--placeholder{background:#3b82f633;color:#fffc;border:2px dashed rgba(255,255,255,.5);box-shadow:none;cursor:default}.control-panel{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md)}.glass-effect{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.game-element{width:36px;height:36px;min-width:36px;min-height:36px;font-size:var(--text-lg)}}@media (max-width: 480px){:root{--space-lg: 12px;--space-xl: 16px;--space-2xl: 24px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px}.game-element{width:32px;height:32px;min-width:32px;min-height:32px;font-size:var(--text-base)}}@media (max-width: 360px){.game-element{width:30px;height:30px;min-width:30px;min-height:30px;font-size:var(--text-sm)}}.focus-ring:focus{outline:2px solid var(--primary-500);outline-offset:2px}.focus-ring:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){:root{--shadow-md: 0 2px 4px 0 rgba(0, 0, 0, .5);--shadow-lg: 0 4px 8px 0 rgba(0, 0, 0, .5)}}@media (prefers-reduced-motion: reduce){:root{--animation-fast: .01ms;--animation-normal: .01ms;--animation-slow: .01ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#app{width:100%;min-height:100vh;overflow-x:hidden;box-sizing:border-box}
