:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-surface: #ffffff;--bg-accent: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: #dbeafe;--primary-dark: #1d4ed8;--secondary: #6366f1;--secondary-hover: #4f46e5;--secondary-light: #e0e7ff;--success: #10b981;--success-light: #d1fae5;--error: #ef4444;--error-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--border: #e2e8f0;--border-hover: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 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);--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}:root[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-surface: #1e293b;--bg-accent: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--primary: #60a5fa;--primary-hover: #3b82f6;--primary-light: #1e293b;--primary-dark: #2563eb;--secondary: #818cf8;--secondary-hover: #6366f1;--secondary-light: #1e293b;--success: #34d399;--success-light: #1e293b;--error: #f87171;--error-light: #1e293b;--warning: #fbbf24;--warning-light: #1e293b;--border: #334155;--border-hover: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-feature-settings:"cv02","cv03","cv04","cv11"}a{color:var(--primary);text-decoration:none;font-weight:500;transition:all .2s ease;position:relative}a:hover{color:var(--primary-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;margin:0;color:var(--text-primary)}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;line-height:1.2;letter-spacing:-.02em;margin:0 0 .75rem;color:var(--text-primary)}h3{font-size:clamp(1.25rem,3vw,2rem);font-weight:600;line-height:1.3;margin:0 0 .5rem;color:var(--text-primary)}p{margin:0;line-height:1.6;color:var(--text-secondary)}.history-icon{font-size:1.5rem;color:var(--text-secondary);cursor:pointer}.history-icon:hover{color:var(--text-primary)}button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;font-family:inherit;line-height:1;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}button:hover{background:var(--bg-secondary);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}button.primary{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}button.primary:focus-visible{outline-color:var(--primary)}button.secondary{background:var(--secondary);color:var(--text-inverse);border-color:var(--secondary)}button.secondary:hover:not(:disabled){background:var(--secondary-hover);border-color:var(--secondary-hover)}button.success{background:var(--success);color:var(--text-inverse);border-color:var(--success)}button.success:hover:not(:disabled){background:var(--success);opacity:.9}button.error{background:var(--error);color:var(--text-inverse);border-color:var(--error)}button.error:hover:not(:disabled){background:var(--error);opacity:.9}.word-puzzle{background:var(--bg-surface);border-radius:var(--radius-xl);padding:1rem;box-shadow:var(--shadow);border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideIn .6s ease-out;color:var(--text-primary);position:relative;overflow:hidden}.word-puzzle:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--bg-accent);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.word-puzzle:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--border-hover)}.word-puzzle.word-solved{background:linear-gradient(135deg,#10b981,#34d399);color:var(--text-inverse);animation:successPulse .8s ease-in-out;border-color:var(--success)}.word-puzzle.word-solved:before{background:linear-gradient(135deg,#059669,#10b981)}.word-puzzle.word-incorrect{background:linear-gradient(135deg,#ef4444,#f87171);color:var(--text-inverse);animation:shake .6s ease-in-out;border-color:var(--error)}.word-puzzle.word-incorrect:before{background:linear-gradient(135deg,#dc2626,#ef4444)}.word-puzzle.word-disabled{opacity:.7;transform:none;pointer-events:none}.word-puzzle.word-disabled:hover{transform:none;box-shadow:var(--shadow);border-color:var(--border)}.clear-button{padding:.5rem 1rem;background:var(--error);color:var(--text-inverse);border:1px solid var(--error);border-radius:var(--radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:var(--shadow-sm)}.clear-button:hover:not(:disabled){background:var(--error);opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow)}.word-display{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.5rem 0;position:relative;min-height:2.5rem;padding-left:2rem}.scrambled-letters{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;justify-content:center;align-items:stretch;width:calc(100% - 2.75rem);margin-left:2.75rem}.scrambled-letters.rtl{direction:rtl;margin-left:0;margin-right:2.75rem;width:calc(100% - 2.75rem)}.letter-button{width:100%;height:4rem;border:2px solid var(--primary);background:var(--bg-surface);color:var(--primary);border-radius:var(--radius);font-size:1.25rem;font-weight:700;cursor:pointer;transition:background-color .1s ease-out,color .1s ease-out,border-color .1s ease-out;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;will-change:transform;outline:none}.letter-button:before{content:"";position:absolute;inset:0;background:var(--primary);opacity:0;transition:opacity .2s ease}.letter-button:hover:not(:disabled){background:var(--primary-light);color:var(--primary-dark);transform:translateY(-1px);border-color:var(--primary-hover)}.letter-button:active:not(:disabled){transform:translateY(0);transition:none}.letter-button.selected{background:var(--primary);color:var(--text-inverse);border-color:var(--primary-dark);box-shadow:var(--shadow)}.letter-button.selected:hover{background:var(--primary-hover);color:var(--text-inverse);transform:translateY(-1px)}.letter-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:var(--bg-secondary);color:var(--text-muted);border-color:var(--border)}.letter-button:focus{outline:none;box-shadow:var(--shadow-sm)}.shuffle-button{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border);border-radius:9999px;cursor:pointer;font-size:1rem;transition:all .2s ease;box-shadow:var(--shadow-sm);position:absolute;left:0;top:50%;transform:translateY(-50%)}.shuffle-button:hover:not(:disabled){background:var(--bg-secondary);box-shadow:var(--shadow);transform:translateY(-50%) scale(1.05)}.shuffle-button:disabled,.shuffle-button[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:translateY(-50%)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes successPulse{0%{transform:scale(1);box-shadow:var(--shadow)}50%{transform:scale(1.02);box-shadow:var(--shadow-xl)}to{transform:scale(1);box-shadow:var(--shadow)}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}10%,30%,50%,70%,90%{transform:translate(-3px) rotate(-1deg)}20%,40%,60%,80%{transform:translate(3px) rotate(1deg)}}@media (hover: none) and (pointer: coarse){.letter-button:hover:not(:disabled){background:var(--bg-surface);color:var(--primary);transform:none;border-color:var(--primary)}.letter-button.selected:hover{background:var(--primary);color:var(--text-inverse);transform:none}.shuffle-button:hover:not(:disabled){background:var(--bg-secondary);box-shadow:var(--shadow-sm);transform:translateY(-50%)}.word-puzzle:hover{transform:none;box-shadow:var(--shadow);border-color:var(--border)}.clear-button:hover:not(:disabled){background:var(--error);opacity:1;transform:none;box-shadow:var(--shadow-sm)}}@media (max-width: 768px){.word-puzzle{padding:1.5rem;margin:0 .5rem}.word-display{gap:1rem;margin:1rem 0;padding-left:2rem}.scrambled-letters{grid-template-columns:repeat(5,1fr);justify-content:center;gap:.5rem;max-width:100%;width:calc(100% - 2.5rem);margin-left:2.5rem}.letter-button{width:100%;height:5rem;font-size:1.3rem;flex-shrink:0}.shuffle-button{width:2rem;height:2rem;left:0}.clear-button{padding:.5rem 1rem;font-size:.8rem}}@media (max-width: 480px){.word-puzzle{padding:.5rem;margin:0 .25rem}.word-display{gap:.75rem;margin:.75rem 0;padding-left:1.75rem}.scrambled-letters{grid-template-columns:repeat(5,1fr);gap:.375rem;width:calc(100% - 2.25rem);margin-left:2.25rem}.letter-button{width:100%;padding:.8rem 1rem;height:3rem;font-size:1.25rem}.shuffle-button,.clear-button{padding:.5rem 1rem;font-size:.75rem}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .4s cubic-bezier(.4,0,.2,1);padding:1rem}.modal-content{background:var(--bg-surface);border:1px solid var(--border);padding:3rem;border-radius:var(--radius-xl);text-align:center;max-width:500px;width:100%;box-shadow:var(--shadow-xl);animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--bg-accent);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-content h2{color:var(--text-primary);margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.modal-content p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.countdown{margin:2rem 0;padding:2rem;background:var(--bg-accent);border-radius:var(--radius-lg);color:var(--text-inverse);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.countdown:before{content:"🎉";position:absolute;top:-10px;right:-10px;font-size:2rem;animation:bounce 2s ease-in-out infinite}.countdown p{color:var(--text-inverse);margin:.5rem 0;font-weight:500}.countdown-time{font-size:clamp(2rem,6vw,3rem);font-weight:800;font-family:Courier New,Monaco,Menlo,monospace;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:pulse 2s ease-in-out infinite}.close-button{padding:1rem 2rem;background:var(--primary);color:var(--text-inverse);border:1px solid var(--primary);border-radius:var(--radius-lg);cursor:pointer;font-size:1.125rem;font-weight:600;transition:all .2s ease;box-shadow:var(--shadow);margin-top:1rem}.close-button:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(-60px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{padding:2rem;margin:1rem;max-width:450px}.modal-content h2{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:.75rem}.modal-content p{font-size:1rem;margin-bottom:1rem}.countdown{margin:1.5rem 0;padding:1.5rem}.countdown:before{font-size:1.5rem;top:-5px;right:-5px}.countdown-time{font-size:clamp(1.75rem,8vw,2.5rem)}.close-button{padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.modal-content{padding:1.5rem;margin:.5rem}.modal-content h2{font-size:clamp(1.25rem,8vw,1.75rem)}.countdown{padding:1.25rem}.countdown-time{font-size:clamp(1.5rem,10vw,2rem);letter-spacing:1px}.close-button{padding:.75rem 1.25rem;font-size:.9rem}}.archive-browser{max-width:600px;margin:0 auto;padding:2.5rem 2rem;text-align:center;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.archive-header h1{margin-bottom:.5rem;color:var(--text-primary);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.archive-header p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem}.back-button{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:var(--shadow-sm);margin-bottom:2rem}.datepicker-form{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem;padding:2rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.datepicker-form input[type=date]{padding:1rem 1.25rem;border:2px solid var(--border);border-radius:var(--radius);font-size:1rem;font-weight:500;background:var(--bg-surface);color:var(--text-primary);transition:all .2s ease;box-shadow:var(--shadow-sm);min-width:200px}.datepicker-form input[type=date]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.datepicker-form input[type=date]:hover{border-color:var(--border-hover)}.datepicker-form button{background:var(--secondary);color:var(--text-inverse);border:1px solid var(--secondary);padding:1rem 2rem;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;box-shadow:var(--shadow);min-width:150px}.datepicker-form button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.datepicker-form button:hover:not(:disabled){background:var(--secondary-hover);border-color:var(--secondary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.archive-browser{padding:2rem 1.5rem;margin:0 1rem;max-width:100%}.archive-header h1{font-size:clamp(1.5rem,6vw,2rem)}.archive-header p{font-size:.9rem;margin-bottom:1.5rem}.back-button{padding:.625rem 1.25rem;font-size:.8rem;margin-bottom:1.5rem}.datepicker-form{gap:1.25rem;margin-top:1.5rem;padding:1.5rem}.datepicker-form input[type=date]{width:100%;min-width:auto;padding:.875rem 1rem;font-size:.9rem}.datepicker-form button{width:100%;min-width:auto;padding:.875rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.archive-browser{padding:1.5rem 1rem;margin:0 .5rem}.archive-header h1{font-size:clamp(1.25rem,8vw,1.75rem)}.datepicker-form{padding:1.25rem}.datepicker-form input[type=date]{padding:.75rem .875rem;font-size:.85rem}.datepicker-form button{padding:.75rem 1.25rem;font-size:.85rem}}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;width:3.5rem;height:3.5rem;border-radius:var(--radius-xl);border:2px solid var(--border);background:var(--bg-surface);color:var(--text-primary);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.theme-toggle:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--bg-accent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.theme-toggle:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-xl);border-color:var(--primary);color:var(--primary)}.theme-toggle:hover:before{opacity:1}.theme-toggle:active{transform:translateY(0) scale(1.02);transition:all .1s ease}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f633}@media (max-width: 768px){.theme-toggle{top:1.25rem;right:1.25rem;width:3rem;height:3rem;font-size:1.1rem}}@media (max-width: 480px){.theme-toggle{top:1rem;right:1rem;width:2.75rem;height:2.75rem;font-size:1rem}}#root{max-width:900px;margin:0 auto;padding:1rem .75rem;min-height:100vh}.app{display:flex;flex-direction:column;gap:1rem;align-items:center}.app-header{text-align:center;padding:.75rem 0;width:100%}.header-top{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.app-header h1{margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;background:var(--bg-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.archive-icon-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--radius);color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.archive-icon-button:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.app-header h2{margin:0 0 .25rem;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:600;color:var(--text-secondary);opacity:.9}.app-header .date{font-size:.95rem;color:var(--text-muted);font-weight:500;padding:.5rem 1rem;background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:inline-block;border:1px solid var(--border)}.header-bottom{display:flex;align-items:center;justify-content:center;gap:1rem}.game-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:500px}.global-construction{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:.5rem;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border)}.construction-box{display:flex;gap:.375rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-lg);height:4rem;align-items:center;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.construction-box.rtl{direction:rtl}.construction-letter{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--text-inverse);border-radius:var(--radius);font-weight:700;font-size:1rem;box-shadow:var(--shadow);transition:all .2s ease;border:2px solid transparent}.construction-letter:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.completion-celebration{animation:completion-bounce .6s ease-out}.completion-celebration .construction-letter{animation:letter-celebration .6s ease-out}.completion-celebration .construction-letter:nth-child(1){animation-delay:.05s}.completion-celebration .construction-letter:nth-child(2){animation-delay:.1s}.completion-celebration .construction-letter:nth-child(3){animation-delay:.15s}.completion-celebration .construction-letter:nth-child(4){animation-delay:.2s}.completion-celebration .construction-letter:nth-child(5){animation-delay:.25s}@keyframes completion-bounce{0%{transform:scale(1);background:var(--bg-secondary);border-color:var(--border)}25%{transform:scale(1.05);background:var(--success, #10b981);border-color:var(--success, #10b981)}50%{transform:scale(1.08);background:var(--success, #10b981);border-color:var(--success, #10b981)}75%{transform:scale(1.03);background:var(--success, #10b981);border-color:var(--success, #10b981)}to{transform:scale(1);background:var(--bg-secondary);border-color:var(--border)}}@keyframes letter-celebration{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(2deg);background:var(--success, #10b981);color:var(--text-inverse)}50%{transform:scale(1.3) rotate(-1deg);background:var(--success, #10b981);color:var(--text-inverse)}75%{transform:scale(1.1) rotate(1deg);background:var(--success, #10b981);color:var(--text-inverse)}to{transform:scale(1) rotate(0);background:var(--primary);color:var(--text-inverse)}}.loading-container,.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:3rem;text-align:center;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border)}.loading-container h2,.error-container h2{color:var(--text-secondary);margin-bottom:1rem}.back-button{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-size:.875rem;font-weight:500;margin-top:1rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.back-button:hover{background:var(--bg-secondary);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow)}@media (max-width: 768px){#root{padding:1rem .75rem}.app{gap:1rem}.app-header{padding:0}.app-header h1{font-size:clamp(2rem,8vw,3rem)}.game-container{gap:.7rem;max-width:100%}.global-construction{padding:.75rem;gap:.75rem}.construction-box{padding:1rem 1.25rem;gap:.375rem;min-height:3rem}.construction-letter{width:2.5rem;height:2.5rem;font-size:1rem}.loading-container,.error-container{padding:2rem 1rem;min-height:50vh}}@media (max-width: 480px){#root{padding:1rem .5rem}.app-header h1{font-size:clamp(1.75rem,10vw,2.5rem)}.app-header h2{font-size:clamp(1rem,5vw,1.25rem)}.construction-letter{width:2rem;height:2rem;font-size:1rem}}