body,html{height:100%;overflow-x:hidden}body{-webkit-text-size-adjust:100%;margin:0;overscroll-behavior-y:contain;padding:0}#root{height:100%;min-height:100vh}code{font-family:Courier New,Menlo,Monaco,Consolas,monospace}.stat,.tile,button{-webkit-user-select:none;user-select:none}input[type=text]{-webkit-appearance:none;appearance:none;border-radius:0}*,.tile{touch-action:manipulation}.tile{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-drag:none;align-items:center;aspect-ratio:1;background:beige;border:2px solid #8b4513;border-radius:8px;box-shadow:inset 0 1px 3px #ffffff4d,0 2px 4px #0003;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none}.tile:hover:not(.tile--disabled):not(.tile--revealed){background:#ede5b8;border-color:sienna;box-shadow:inset 0 1px 3px #fff6,0 3px 6px #0000004d;transform:scale(1.05)}.tile:active:not(.tile--disabled){transform:scale(.95)}.tile--revealed{animation:flip .6s ease-in-out;background:beige;border-color:#2c5234;box-shadow:inset 0 1px 3px #ffffff4d,0 2px 4px #0003,0 0 0 2px #538d4e;color:#2c1810}.tile--revealed .tile__content{color:#000;font-size:2rem;font-weight:900;text-shadow:0 2px 4px #fffc}.tile--used{background:#d3d3d3;border-color:#999;box-shadow:inset 0 2px 4px #0003;opacity:.6}.tile--used .tile__content{color:#666}.tile--selected{animation:pulse 1.5s ease-in-out infinite;background:#4ade80;border-color:#22c55e;box-shadow:inset 0 1px 3px #fff6,0 4px 8px #22c55e66,0 0 0 3px #22c55e;transform:scale(1.1)}.tile--selected .tile__content{color:#064e3b;font-weight:900}.tile--drag-path{animation:dragPulse .8s ease-in-out infinite;background:#fbbf24;border-color:#f59e0b;box-shadow:inset 0 1px 3px #fff6,0 3px 6px #f59e0b66,0 0 0 2px #f59e0b;transform:scale(1.05)}.tile--drag-path .tile__content{color:#92400e;font-weight:900}.tile--disabled{cursor:default}.tile__content{color:#1a1a1a;font-family:Arial,Helvetica,sans-serif;font-size:1.8rem;font-weight:900;letter-spacing:.05em;line-height:1;text-shadow:0 1px 3px #ffffff80;text-transform:uppercase}.tile:not(.tile--revealed) .tile__content{color:#8b4513;font-size:2rem;font-weight:900}.tile__index{bottom:2px;font-size:.6rem;font-weight:400;opacity:.7;position:absolute;right:2px}@keyframes flip{0%{transform:rotateY(0)}50%{background:#e8e0c1;box-shadow:inset 0 2px 4px #0000004d;transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes pulse{0%,to{box-shadow:inset 0 1px 3px #fff6,0 4px 8px #22c55e66,0 0 0 3px #22c55e;transform:scale(1.1)}50%{box-shadow:inset 0 1px 3px #fff6,0 6px 12px #22c55e99,0 0 0 4px #22c55e;transform:scale(1.15)}}@keyframes dragPulse{0%,to{box-shadow:inset 0 1px 3px #fff6,0 3px 6px #f59e0b66,0 0 0 2px #f59e0b;transform:scale(1.05)}50%{box-shadow:inset 0 1px 3px #fff6,0 4px 8px #f59e0b99,0 0 0 3px #f59e0b;transform:scale(1.1)}}@media (max-width:480px){.tile__content{font-size:1.25rem}.tile:not(.tile--revealed) .tile__content{font-size:1.5rem}.tile__index{font-size:.5rem}}.tile:focus{outline:2px solid #f9cc33;outline-offset:2px}@media (prefers-contrast:high){.tile{border-width:3px}.tile,.tile--revealed{background:#fff;color:#000}.tile--revealed{border-color:#000;box-shadow:0 0 0 3px #000}.tile__content{color:#000;text-shadow:none}}@media (max-width:768px){.tile{min-height:48px;min-width:48px}.tile__content{font-size:1.6rem!important}.tile--revealed .tile__content{font-size:1.8rem!important}.tile:active:not(.tile--disabled){background:#e6d4a3;transform:scale(.9)}.tile:hover:not(.tile--disabled):not(.tile--revealed){background:beige;border-color:#8b4513;box-shadow:inset 0 1px 3px #ffffff4d,0 2px 4px #0003;transform:none}}@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile--revealed{animation:none}.tile:active:not(.tile--disabled),.tile:hover:not(.tile--disabled){transform:none}}.auth-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.auth-modal{background:#1e1e1e;border:1px solid #333;border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}.auth-modal__header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:24px 24px 16px}.auth-modal__header h2{color:#f9cc33;font-size:1.5rem;font-weight:700;margin:0}.auth-modal__close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:1.5rem;padding:4px;transition:color .2s ease}.auth-modal__close:hover{background:#ffffff1a;color:#fff}.auth-modal__content{padding:24px}.auth-error{background:#dc3545;border:1px solid #b02a37;border-radius:8px}.auth-error,.auth-success{color:#fff;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.auth-success{background:#28a745;border:1px solid #1e7e34;border-radius:8px}.auth-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input{background:#2a2a2a;border:1px solid #444;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#f9cc33;box-shadow:0 0 0 2px #f9cc3333;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#888}.auth-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.auth-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-btn--primary{background:#f9cc33;color:#1e1e1e;margin-bottom:16px}.auth-btn--primary:hover:not(:disabled){background:#f4c430;box-shadow:0 4px 12px #f9cc334d;transform:translateY(-1px)}.auth-btn--google{background:#4285f4;color:#fff;margin-bottom:20px}.auth-btn--google:hover:not(:disabled){background:#3367d6;box-shadow:0 4px 12px #4285f44d;transform:translateY(-1px)}.auth-divider{margin:20px 0;position:relative;text-align:center}.auth-divider:before{background:#444;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#1e1e1e;color:#888;font-size:.9rem;padding:0 16px;position:relative}.auth-toggle{color:#ccc;font-size:.9rem;text-align:center}.auth-toggle p{margin:0}.auth-link{background:none;border:none;color:#f9cc33;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.auth-link:hover{color:#f4c430}.forgot-password-form{text-align:center}.forgot-password-form h3{color:#f9cc33;font-size:1.3rem;margin:0 0 16px}.forgot-password-form p{color:#ccc;font-size:.9rem;line-height:1.4;margin:0 0 24px}.forgot-password-link{margin-top:16px;text-align:center}@media (max-width:480px){.auth-modal-overlay{padding:16px}.auth-modal{max-height:95vh}.auth-modal__header{padding:20px 20px 12px}.auth-modal__header h2{font-size:1.3rem}.auth-modal__content{padding:20px}.form-group input{font-size:16px;padding:14px 16px}.auth-btn{font-size:1rem;padding:14px 16px}}@media (prefers-contrast:high){.auth-modal{background:#000;border:2px solid #fff}.auth-modal__header{border-bottom-color:#fff}.form-group input{background:#000;border:2px solid #fff;color:#fff}.auth-btn--primary{background:#fff;border:2px solid #000;color:#000}.auth-btn--google{background:#000;border:2px solid #fff;color:#fff}}@media (prefers-reduced-motion:reduce){.auth-btn{transition:none}.auth-btn:hover:not(:disabled){transform:none}.form-group input{transition:none}}.profile-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-modal{background:#1e1e1e;border:1px solid #333;border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.profile-modal__header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:24px 24px 16px}.profile-modal__header h2{color:#f9cc33;font-size:1.5rem;font-weight:700;margin:0}.profile-modal__close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:1.5rem;padding:4px;transition:color .2s ease}.profile-modal__close:hover{background:#ffffff1a;color:#fff}.profile-modal__content{padding:24px}.profile-loading{padding:40px 20px;text-align:center}.loading-spinner{border:3px solid #333;border-top-color:#f9cc33;margin:0 auto 16px}.profile-loading p{color:#ccc;margin:0}.profile-info{align-items:center;border-bottom:1px solid #333;display:flex;margin-bottom:32px;padding-bottom:24px}.profile-avatar{margin-right:20px}.profile-avatar img{border:3px solid #f9cc33;border-radius:50%;height:80px;object-fit:cover;width:80px}.profile-avatar-placeholder{align-items:center;background:#f9cc33;border-radius:50%;color:#1e1e1e;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;text-transform:uppercase;width:80px}.profile-details h3{color:#fff;font-size:1.4rem;font-weight:700;margin:0 0 8px}.profile-email{color:#ccc;font-size:.9rem;margin:0 0 8px}.profile-joined{color:#888;font-size:.85rem;margin:0 0 4px}.data-source{color:#f9cc33;font-size:.8rem;font-weight:500;margin:0}.profile-stats h4{color:#f9cc33;font-size:1.2rem;font-weight:700;margin:0 0 20px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:32px}.stat-item{background:#2a2a2a;border:1px solid #333;border-radius:12px;padding:16px;transition:transform .2s ease}.stat-item:hover{border-color:#f9cc33;transform:translateY(-2px)}.stat-value{color:#f9cc33;font-size:2rem;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#ccc;font-size:.85rem;font-weight:500}.profile-actions{border-top:1px solid #333;padding-top:20px;text-align:center}.profile-btn{border:none;border-radius:8px;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;min-width:140px;padding:12px 24px;transition:all .2s ease}.profile-btn--signout{background:#dc3545;color:#fff}.profile-btn--signout:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.profile-error{color:#dc3545;padding:40px 20px;text-align:center}.profile-error p{font-size:1.1rem;margin:0}@media (max-width:480px){.profile-modal-overlay{padding:16px}.profile-modal{max-height:95vh}.profile-modal__header{padding:20px 20px 12px}.profile-modal__header h2{font-size:1.3rem}.profile-modal__content{padding:20px}.profile-info{flex-direction:column;margin-bottom:24px;text-align:center}.profile-avatar{margin-bottom:16px;margin-right:0}.profile-avatar img,.profile-avatar-placeholder{height:60px;width:60px}.profile-avatar-placeholder{font-size:1.5rem}.profile-details h3{font-size:1.2rem}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-item{padding:12px}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}}@media (prefers-contrast:high){.profile-modal{background:#000;border:2px solid #fff}.profile-info,.profile-modal__header{border-bottom-color:#fff}.profile-stats h4{color:#fff}.stat-item{background:#000;border:2px solid #fff}.stat-value{color:#fff}.profile-actions{border-top-color:#fff}.profile-btn--signout{background:#fff;border:2px solid #000;color:#000}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}.stat-item{transition:none}.stat-item:hover{transform:none}.profile-btn{transition:none}.profile-btn:hover{transform:none}}.settings-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.settings-modal{background:#1e1e1e;border:1px solid #333;border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.settings-modal__header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:24px 24px 16px}.settings-modal__header h2{color:#f9cc33;font-size:1.5rem;font-weight:700;margin:0}.settings-modal__close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:1.5rem;padding:4px;transition:color .2s ease}.settings-modal__close:hover{background:#ffffff1a;color:#fff}.settings-modal__content{padding:24px}.settings-section{margin-bottom:32px}.settings-section:last-of-type{margin-bottom:24px}.settings-section h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 16px}.tile-option{background:#2a2a2a;border:2px solid #444;border-radius:12px;padding:16px;transition:all .2s ease}.tile-option:hover{background:#333;border-color:#f9cc33}.tile-option input[type=radio]{accent-color:#f9cc33;margin-right:12px;transform:scale(1.2)}.tile-option-content{flex:1 1}.tile-option-content strong{color:#fff;display:block;margin-bottom:4px}.tile-option-content small{color:#ccc;font-size:.9rem}.toggle-option{align-items:center;background:#2a2a2a;border:2px solid #444;border-radius:12px;cursor:pointer;display:flex;padding:16px;transition:all .2s ease}.toggle-option:hover{background:#333;border-color:#f9cc33}.toggle-option input[type=checkbox]{accent-color:#f9cc33;margin-right:12px;transform:scale(1.2)}.toggle-option-content{flex:1 1}.toggle-option-content strong{color:#fff;display:block;font-size:1rem;margin-bottom:4px}.toggle-option-content small{color:#ccc;font-size:.9rem}.cost-savings{background:#27ae601a;border-left:3px solid #27ae60;border-radius:8px;color:#27ae60;font-size:.9rem;margin:0;padding:12px}.storage-info{margin-bottom:16px}.storage-bar{background:#444;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.storage-used{background:linear-gradient(90deg,#27ae60,#f39c12,#e74c3c);height:100%;transition:width .3s ease}.storage-text{color:#ccc;font-size:.9rem;margin:0}.btn--danger{background:#dc3545;border:none;color:#fff}.btn--danger:hover{background:#c82333}.settings-actions{border-top:1px solid #333;display:flex;gap:12px;padding-top:20px}.settings-actions .btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn--secondary{background:#666;color:#fff}.btn--secondary:hover{background:#777}.btn--primary{background:#f9cc33;color:#121212}.btn--primary:hover{background:#f4c430;transform:translateY(-1px)}@media (max-width:480px){.settings-modal-overlay{padding:16px}.settings-modal{max-height:95vh}.settings-modal__header{padding:20px 20px 12px}.settings-modal__header h2{font-size:1.3rem}.settings-modal__content{padding:20px}.tile-option,.toggle-option{padding:12px}.settings-actions{flex-direction:column}.settings-actions .btn{width:100%}}.yesterday-modal{max-height:85vh;max-width:90vw;overflow-y:auto;width:600px}.yesterday-date{color:var(--color-text-secondary);font-size:.9rem;font-weight:400;margin:0}.yesterday-section{margin-bottom:1.5rem}.yesterday-section h3{color:var(--color-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.tiles-grid--revealed .tile{background:var(--color-key-bg);border-color:var(--color-correct);color:var(--color-text)}.words-by-length{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;max-height:400px;overflow-y:auto;padding:1rem}.word-length-group{margin-bottom:1rem}.word-length-group:last-child{margin-bottom:0}.word-length-group h4{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.25rem}.word-list{display:flex;flex-wrap:wrap;gap:.5rem}.word-item{background:var(--color-key-bg);color:var(--color-text);font-family:Courier New,monospace;font-size:.9rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem}.yesterday-stats{grid-gap:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1rem}.stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-label{color:var(--color-text-secondary);font-size:.8rem;margin-bottom:.25rem}.stat-value{color:var(--color-primary);font-family:Courier New,monospace;font-size:1.2rem;font-weight:600}.yesterday-tip{color:var(--color-text-secondary);font-size:.9rem;font-style:italic;margin:0;text-align:center}.loading-content{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-border);border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@media (max-width:640px){.yesterday-modal{max-height:90vh;width:95vw}.words-by-length{max-height:300px}.word-list{gap:.25rem}.word-item{font-size:.8rem;padding:.2rem .4rem}.yesterday-stats{gap:.5rem;grid-template-columns:1fr}.stat-item{flex-direction:row;justify-content:space-between;text-align:left}}.steal-modal-tiles{margin:20px 0}.steal-modal-tiles__section{margin-bottom:20px}.steal-modal-tiles__label{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;margin-bottom:10px;text-align:center}.steal-modal-tiles__grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px}.steal-modal-tiles__selected{background-color:var(--color-background-secondary);border-radius:8px;margin-top:15px;padding:10px;text-align:center}.steal-modal-tiles__selected-label{color:var(--color-text-primary);font-weight:600;margin:0}.steal-modal-tiles .tile{font-size:1.2rem;height:40px;width:40px}.steal-modal-tiles .tile--required{background-color:#e8f4fd;border:2px solid #3498db;color:#2980b9}.steal-modal-tiles .tile--required.tile--selected{background-color:#2ecc71;border-color:#27ae60;color:#fff}.steal-modal-tiles .tile--stealable{background-color:#fff3cd;border:2px solid #ffc107;color:#856404}.steal-modal-tiles .tile--stealable.tile--selected{background-color:#2ecc71;border-color:#27ae60;color:#fff}.steal-modal-tiles .tile--drag-path{background-color:#f39c12;border-color:#e67e22;color:#fff;transform:scale(1.1)}.steal-modal-tiles .tile--selected{animation:stealPulse .6s ease-in-out}@keyframes stealPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.1)}}:root{--color-text:#121212;--color-text-secondary:#565656;--color-background:#fff;--color-border:#d3d6da;--color-key-bg:#d3d6da;--color-correct:#538d4e;--color-present:#b59f3b;--color-absent:#3a3a3c;--color-primary:#121212;--font-family:"Helvetica Neue",Arial,sans-serif;--border-radius:4px;--transition:all 0.2s ease-in-out}@media (prefers-color-scheme:dark){:root{--color-text:#fff;--color-text-secondary:#818384;--color-background:#121212;--color-border:#3a3a3c;--color-key-bg:#818384;--color-primary:#fff}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-background);color:#121212;color:var(--color-text);font-family:Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);line-height:1.5}.app{display:flex;flex-direction:column;margin:0 auto;max-width:500px;min-height:100vh;padding:0 16px;position:relative}.app__header{border-bottom:1px solid #d3d6da;border-bottom:1px solid var(--color-border);margin-bottom:20px;padding:20px 0}.header-content{align-items:center;display:flex;justify-content:space-between}.title-section{flex:1 1;text-align:center}.app__title{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.app__subtitle{color:#565656;color:var(--color-text-secondary);font-size:.875rem;font-weight:400}.header-actions{gap:12px}.header-actions,.settings-btn{align-items:center;display:flex}.settings-btn{background:none;border:2px solid #d3d6da;border:2px solid var(--color-border);border-radius:50%;cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease-in-out;transition:var(--transition);width:40px}.settings-btn:hover{background:#d3d6da;background:var(--color-key-bg);border-color:#121212;border-color:var(--color-primary)}.profile-btn{align-items:center;background:none;border:2px solid #d3d6da;border:2px solid var(--color-border);border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease-in-out;transition:var(--transition);width:40px}.profile-btn:hover{background:#d3d6da;background:var(--color-key-bg);border-color:#121212;border-color:var(--color-primary)}.auth-btn-header{align-items:center;background:#538d4e;background:var(--color-correct);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;padding:8px 16px;transition:all .2s ease-in-out;transition:var(--transition);white-space:nowrap}.auth-btn-header:hover{background:#4a7c59;transform:translateY(-1px)}.share-btn{align-items:center;background:none;border:2px solid #d3d6da;border:2px solid var(--color-border);border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease-in-out;transition:var(--transition);width:40px}.share-btn:hover{background:#d3d6da;background:var(--color-key-bg);border-color:#121212;border-color:var(--color-primary);transform:translateY(-1px)}.yesterday-btn{align-items:center;background:none;border:2px solid #d3d6da;border:2px solid var(--color-border);border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease-in-out;transition:var(--transition);width:40px}.yesterday-btn:hover{background:#d3d6da;background:var(--color-key-bg);border-color:#121212;border-color:var(--color-primary);transform:translateY(-1px)}.app__main{display:flex;flex:1 1;flex-direction:column;gap:24px}.game-stats{grid-gap:16px;background:#fff;background:var(--color-background);border:1px solid #d3d6da;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--border-radius);display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:16px}.stat{text-align:center}.stat__value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:4px}.stat__label{color:#565656;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.final-countdown{display:flex;justify-content:center;margin-bottom:1.5rem}.countdown-timer{animation:countdownPulse 1s ease-in-out infinite alternate;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;padding:1rem 2rem;text-align:center}.countdown-number{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.countdown-label{font-size:.9rem;opacity:.9}@keyframes countdownPulse{0%{box-shadow:0 4px 15px #ff6b6b4d;transform:scale(1)}to{box-shadow:0 6px 20px #ff6b6b80;transform:scale(1.05)}}.tiles-grid{grid-gap:8px;display:grid;gap:8px;margin:0 auto;transition:all .2s ease-in-out;transition:var(--transition)}.tiles-grid--15{grid-template-columns:repeat(5,1fr);max-width:350px}.tiles-grid--30{grid-template-columns:repeat(6,1fr);max-width:420px}.word-input-section{align-items:center;display:flex;flex-direction:column;gap:16px}.current-turn{background:#f0f8ff;border:1px solid #b3d9ff;border-radius:4px;border-radius:var(--border-radius);color:#1e40af;font-size:.875rem;font-weight:500;padding:12px 16px;text-align:center}.input-group{display:flex;gap:8px;max-width:300px;width:100%}.word-input{background:#fff;background:var(--color-background);border:2px solid #d3d6da;border:2px solid var(--color-border);border-radius:4px;border-radius:var(--border-radius);color:#121212;color:var(--color-text);flex:1 1;font-family:Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;padding:12px 16px;transition:all .2s ease-in-out;transition:var(--transition)}.word-input:focus{border-color:#121212;border-color:var(--color-primary);outline:none}.letter-select{background:#fff;background:var(--color-background);border:2px solid #d3d6da;border:2px solid var(--color-border);border-radius:4px;border-radius:var(--border-radius);color:#121212;color:var(--color-text);font-size:1rem;padding:8px 12px}.btn,.letter-select{font-family:Helvetica Neue,Arial,sans-serif;font-family:var(--font-family)}.btn{border:none;border-radius:4px;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:12px 24px;text-transform:uppercase;transition:all .2s ease-in-out;transition:var(--transition)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:#121212;background:var(--color-primary);color:#fff;color:var(--color-background)}.btn--primary:hover:not(:disabled){opacity:.8}.btn--secondary{background:#d3d6da;background:var(--color-key-bg);border:1px solid #d3d6da;border:1px solid var(--color-border);color:#121212;color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:#d3d6da;background:var(--color-border)}.btn--small{font-size:.75rem;padding:6px 12px}.selected-letters{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;border-radius:var(--border-radius);display:flex;font-size:.875rem;gap:8px;padding:8px 12px}.selected-letters__label{color:#166534;font-weight:600}.selected-letters__text{color:#15803d;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:.1em}.words-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.words-list{border:1px solid #d3d6da;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--border-radius);overflow:hidden}.words-list__title{background:#d3d6da;background:var(--color-key-bg);border-bottom:1px solid #d3d6da;border-bottom:1px solid var(--color-border);font-size:.875rem;font-weight:600;margin:0;padding:12px 16px}.words-list__items{display:flex;flex-direction:column;gap:4px;min-height:120px;padding:8px}.words-list__empty{color:#565656;color:var(--color-text-secondary);font-size:.875rem;font-style:italic;padding:20px;text-align:center}.word-item{align-items:center;background:#fff;background:var(--color-background);border:1px solid #d3d6da;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease-in-out;transition:var(--transition)}.word-item:hover{background:#d3d6da;background:var(--color-key-bg)}.word-item__text{font-family:Courier New,monospace;font-weight:600;letter-spacing:.05em}.word-item__steal{background:#dc2626;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 8px;transition:all .2s ease-in-out;transition:var(--transition)}.word-item__steal:hover{background:#b91c1c}.game-log{border:1px solid #d3d6da;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--border-radius);overflow:hidden}.game-log__title{background:#d3d6da;background:var(--color-key-bg);border-bottom:1px solid #d3d6da;border-bottom:1px solid var(--color-border);font-size:.875rem;font-weight:600;margin:0;padding:12px 16px}.game-log__content{background:#fff;background:var(--color-background);font-family:Courier New,monospace;font-size:.75rem;line-height:1.4;max-height:150px;overflow-y:auto;padding:12px}.log-entry{padding:2px 0}.log-entry--player{color:#538d4e;color:var(--color-correct);font-weight:500}.log-entry--computer{color:#f59e0b;font-weight:500}.log-entry--steal{color:#dc2626;font-weight:600}.log-entry--error{color:#dc2626}.modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal__content{background:#fff;background:var(--color-background);border:1px solid #d3d6da;border:1px solid var(--color-border);border-radius:8px;max-width:400px;padding:24px;text-align:center;width:100%}.modal__title{font-size:1.5rem;font-weight:700;margin-bottom:12px}.modal__message{color:#565656;color:var(--color-text-secondary);line-height:1.5;margin-bottom:20px}.modal__actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.steal-form{text-align:left}.steal-form .input-group{flex-direction:column;margin-bottom:16px}.steal-form label{color:#565656;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin-bottom:4px}.settings-form{text-align:left}.tile-count-selection{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.tile-option{align-items:center;border:2px solid #d3d6da;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease-in-out;transition:var(--transition)}.tile-option:hover{background:#d3d6da;background:var(--color-key-bg);border-color:#121212;border-color:var(--color-primary)}.tile-option input[type=radio]{margin:0}.tile-option-content{display:flex;flex-direction:column;gap:2px}.tile-option-content strong{color:#121212;color:var(--color-text);font-size:1rem}.tile-option-content small{color:#565656;color:var(--color-text-secondary);font-size:.75rem}.letter-selection{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.letter-btn{background:#d3d6da;background:var(--color-key-bg);border:2px solid #d3d6da;border:2px solid var(--color-border);border-radius:6px;cursor:pointer;font-weight:700;min-width:40px;padding:8px 12px;transition:all .2s ease-in-out;transition:var(--transition)}.letter-btn:hover{background:#d3d6da;background:var(--color-border)}.letter-btn.selected{background:#121212;background:var(--color-primary);border-color:#121212;border-color:var(--color-primary);color:#fff;color:var(--color-background)}.tada{animation:tada 1s ease-in-out;color:#dc2626;font-size:3rem;font-weight:700;left:50%;pointer-events:none;position:fixed;text-shadow:2px 2px 4px #0000004d;top:50%;transform:translate(-50%,-50%);z-index:999}@keyframes tada{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}10%,20%{opacity:1;transform:translate(-50%,-50%) scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:translate(-50%,-50%) scale(1.1) rotate(3deg)}40%,60%,80%{transform:translate(-50%,-50%) scale(1.1) rotate(-3deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1) rotate(0)}}@media (max-width:480px){.app{padding:0 12px}.app__title{font-size:2rem}.header-content{flex-direction:column;gap:10px}.settings-btn{align-self:flex-end}.tiles-grid--15{gap:6px;grid-template-columns:repeat(3,1fr);max-width:240px}.tiles-grid--30{gap:4px;grid-template-columns:repeat(4,1fr);max-width:280px}.words-section{grid-template-columns:1fr}.input-group{flex-direction:column}.modal__content{margin:0 12px;padding:20px}.modal__actions{flex-direction:column}.tile-option{padding:8px}.tile-option-content strong{font-size:.9rem}.tile-option-content small{font-size:.7rem}}@media (prefers-contrast:high){:root{--color-border:#000;--color-key-bg:#fff}.btn{border:2px solid #121212;border:2px solid var(--color-text)}}@media (prefers-reduced-motion:reduce){.btn,.tile,.word-input,.word-item{transition:none}.tada{animation:none;opacity:1}}.btn:focus,.letter-select:focus,.word-input:focus{outline:2px solid #2563eb;outline-offset:2px}.btn:active{transform:translateY(1px)}.game-log__content::-webkit-scrollbar{width:4px}.game-log__content::-webkit-scrollbar-track{background:#d3d6da;background:var(--color-border)}.game-log__content::-webkit-scrollbar-thumb{background:#565656;background:var(--color-text-secondary);border-radius:2px}.game-log__content::-webkit-scrollbar-thumb:hover{background:#121212;background:var(--color-text)}.log-entry{border-radius:4px;font-size:.875rem;line-height:1.4;margin-bottom:4px;padding:8px}.log-entry--info{background:#4682b41a;border-left:3px solid #4682b4;color:#4682b4}.log-entry--player{background:#2ecc711a;border-left:3px solid #2ecc71;color:#2ecc71}.log-entry--computer{background:#e74c3c1a;border-left:3px solid #e74c3c;color:#e74c3c}.log-entry--steal{background:#9b59b61a;border-left:3px solid #9b59b6;color:#9b59b6;font-weight:500}.log-entry--error{background:#e74c3c26;border-left:3px solid #c0392b;color:#c0392b;font-weight:500}.log-entry--success{background:#27ae601a;border-left:3px solid #27ae60;color:#27ae60;font-weight:500}.word-item__steal--protect{background:linear-gradient(45deg,#27ae60,#2ecc71);color:#fff}.word-item__steal--protect:hover{background:linear-gradient(45deg,#229954,#27ae60);transform:translateY(-1px)}.app--loading{align-items:center;justify-content:center}.loading-screen{color:#121212;color:var(--color-text);text-align:center}.loading-screen h1{color:#538d4e;color:var(--color-correct);font-size:2.5rem;margin-bottom:32px}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid #d3d6da;border-top:4px solid #538d4e;border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-correct);height:60px;margin:0 auto 24px;width:60px}.loading-screen p{color:#565656;color:var(--color-text-secondary);font-size:1.1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.9af66ffd.css.map*/