:root{--bg:#0e1015;--bg-grad-1:#141826;--bg-grad-2:#0b0d12;--panel:#171a24;--panel-2:#1f2331;--border:#2a2f3d;--border-strong:#3a4150;--text:#eef0f6;--text-dim:#9aa1b6;--correct:#538d4e;--present:#b59f3b;--absent:#3a3d46;--key:#565a6b;--tile-empty-border:#3a3f4e;--tile-filled-border:#5b6175;--accent:#7c5cff;--accent-2:#5b8dff;--danger:#e05a5a;--radius:14px;--shadow:0 10px 30px #00000073;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 80% -10%, #7c5cff2e, transparent 60%), radial-gradient(900px 500px at 0% 110%, #5b8dff24, transparent 55%), linear-gradient(160deg, var(--bg-grad-1), var(--bg-grad-2));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;min-height:100vh;margin:0}button{cursor:pointer;font-family:inherit}::selection{background:var(--accent);color:#fff}.board{flex-direction:column;gap:6px;padding:6px;display:flex}.board-row{justify-content:center;gap:6px;display:flex}.board-row.row-error{animation:.5s shake}.board-row.victory-row .cell{animation:.55s jump}.board-row.victory-row .cell:first-child{animation-delay:0s}.board-row.victory-row .cell:nth-child(2){animation-delay:80ms}.board-row.victory-row .cell:nth-child(3){animation-delay:.16s}.board-row.victory-row .cell:nth-child(4){animation-delay:.24s}.board-row.victory-row .cell:nth-child(5){animation-delay:.32s}.board-row.victory-row .cell:nth-child(6){animation-delay:.4s}.board-row.victory-row .cell:nth-child(7){animation-delay:.48s}.board-row.victory-row .cell:nth-child(8){animation-delay:.56s}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-2px)}40%,60%{transform:translate(2px)}}@keyframes jump{0%{transform:translateY(0)}25%{transform:translateY(-22px)}45%{transform:translateY(4px)}65%{transform:translateY(-8px)}to{transform:translateY(0)}}.cell{--size:clamp(2.6rem, 11vw, 3.6rem);width:var(--size);height:var(--size);font-size:calc(var(--size) * .46);text-transform:uppercase;color:#fff;border:2px solid var(--tile-empty-border);-webkit-user-select:none;user-select:none;background:0 0;border-radius:8px;place-items:center;font-weight:800;transition:border-color .12s,background .2s;display:grid}.cell.cell-large{--size:clamp(3rem, 13vw, 4rem)}.cell.cell-small{--size:clamp(2rem, 9vw, 3rem)}.cell.filled{border-color:var(--tile-filled-border);animation:.12s pop}.cell.correct{background:var(--correct);border-color:var(--correct)}.cell.present{background:var(--present);border-color:var(--present)}.cell.absent{background:var(--absent);border-color:var(--absent)}.cell.cell-blind{background:var(--panel-2);border-color:var(--border);color:#0000}.cell.flip-animation{animation-name:flipInX;animation-timing-function:ease}@keyframes pop{0%{transform:scale(.9)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes flipInX{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.cell,.board-row.row-error,.board-row.victory-row .cell{animation:none!important}}.keyboard{flex-direction:column;gap:8px;width:100%;max-width:520px;margin-top:auto;padding-bottom:6px;display:flex}.keyboard-row{justify-content:center;gap:6px;display:flex}.keyboard-key{background:var(--key);color:#fff;text-transform:uppercase;border:none;border-radius:9px;flex:auto;min-width:0;height:56px;font-size:.95rem;font-weight:700;transition:transform 60ms,background .15s,filter .15s}.keyboard-key:hover:not(:disabled){filter:brightness(1.12)}.keyboard-key:active:not(:disabled),.keyboard-key.keyboard-key-press{transform:translateY(2px)scale(.97)}.keyboard-key.wide{flex:1.5 auto;font-size:.8rem}.keyboard-key.correct{background:var(--correct)}.keyboard-key.present{background:var(--present)}.keyboard-key.absent{color:#8a8f9e;background:#2b2e38}.keyboard-key:disabled{opacity:.85;cursor:default}@media (width<=480px){.keyboard{gap:6px}.keyboard-row{gap:4px}.keyboard-key{border-radius:7px;height:50px;font-size:.85rem}}.hint-system{background-color:#fff;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #00000014}.hint-header{background-color:#f0f8f0;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.hint-header h3{color:#333;margin:0;font-size:16px;font-weight:600}.hint-counter{gap:5px;display:flex}.hint-dot{border-radius:50%;width:10px;height:10px}.hint-dot.available{background-color:#6aaa64;box-shadow:0 0 3px #6aaa6480}.hint-dot.used{background-color:#d3d6da}.hint-description{color:#666;border-bottom:1px solid #f0f0f0;padding:12px 15px;font-size:14px}.hint-buttons{grid-template-columns:1fr;gap:12px;padding:15px;display:grid}.hint-button{color:#333;cursor:pointer;background-color:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 5px #0000001a}.letter-hint-button{color:#6aaa64;border:2px solid #6aaa64}.letter-hint-button:hover:not(:disabled){color:#fff;background-color:#6aaa64}.definition-hint-button{color:#c9b458;border:2px solid #c9b458}.definition-hint-button:hover:not(:disabled){color:#fff;background-color:#c9b458}.hint-button:disabled{opacity:.5;cursor:not-allowed}.hint-button-icon{font-size:16px}.revealed-letters-section{border-top:1px solid #f0f0f0;padding:15px;animation:.5s fadeIn}.revealed-letters-section h4{color:#555;margin:0 0 12px;font-size:16px;font-weight:500}.letter-hints{justify-content:center;gap:8px;margin-top:8px;display:flex}.letter-hint{border:2px solid #d3d6da;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.letter-hint.revealed{color:#fff;background-color:#6aaa64;border-color:#6aaa64;animation:.5s popIn}.letter-hint.hidden{color:#888;background-color:#f9f9f9;border-color:#d3d6da}.definition-hint{border-top:1px solid #f0f0f0;padding:15px;animation:.5s slideInUp}.definition-hint h4{color:#555;margin:0 0 12px;font-size:16px;font-weight:500}.definition-card{background-color:#f9f9f9;border-left:3px solid #c9b458;border-radius:6px;padding:12px}.part-of-speech{color:#888;margin:0 0 6px;font-size:12px;font-style:italic}.definition-text{color:#333;margin:0;font-size:14px;line-height:1.5}.hint-loading{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-style:italic;display:flex}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#6aaa64;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.hard-mode-message{text-align:center;color:#e74c3c;padding:20px}.hard-mode-message h3{margin:0 0 10px;font-size:18px}.hard-mode-message p{color:#666;margin:0 0 15px}.hard-mode-icon{margin-top:10px;font-size:30px}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.hint-system{max-width:95%;padding:10px}.hint-buttons{flex-direction:column;gap:10px}.hint-button{width:100%}}.letter-reveal-overlay{z-index:1000;background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.letter-reveal-animation{justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative}.spotlight{background:radial-gradient(circle,#ffffffe6 0%,#fff0 70%);border-radius:50%;width:180px;height:180px;animation:2s infinite pulseLight;position:absolute}.revealed-letter{color:#fff;text-shadow:0 0 30px #fff,0 0 10px #fff;z-index:3;font-size:120px;font-weight:900;animation:2s growAndShrink;position:relative}@keyframes pulseLight{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes growAndShrink{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.4)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.app-container{grid-template-columns:290px minmax(0,1fr) 290px;align-items:start;gap:20px;max-width:1280px;min-height:100vh;margin:0 auto;padding:20px;display:grid}.left-sidebar,.right-sidebar{background:linear-gradient(180deg, var(--panel), var(--panel-2));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);position:sticky;top:20px}.sidebar-content{padding:20px}.sidebar-title{letter-spacing:.02em;color:var(--text);margin:0 0 18px;font-size:1.05rem}.main-content{flex-direction:column;align-items:center;gap:18px;min-height:calc(100vh - 40px);display:flex}.game-header{flex-direction:column;align-items:center;gap:8px;margin-top:6px;display:flex}.game-header h1{letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#c7cdfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:800}.plus-badge{-webkit-text-fill-color:initial;color:var(--accent)}.game-mode-badge{color:#cfc6ff;background:#7c5cff26;border:1px solid #7c5cff66;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600}.double-trouble-info{color:var(--text-dim);font-size:.9rem}.setting-group{margin-bottom:22px}.setting-group h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 10px;font-size:.8rem}.slider-container input[type=range]{width:100%;accent-color:var(--accent)}.slider-value{color:var(--text);margin-top:6px;font-size:.85rem;font-weight:600}.game-modes{flex-direction:column;gap:8px;display:flex}.mode-button{text-align:left;background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);border-radius:10px;padding:10px 12px;font-size:.9rem;font-weight:600;transition:transform .12s,border-color .15s,color .15s,background .15s}.mode-button:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.mode-button.active{border-color:var(--accent);color:#fff;background:linear-gradient(90deg,#7c5cff40,#5b8dff33)}.primary-button,.secondary-button{border:1px solid #0000;border-radius:12px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:700;transition:transform .12s,filter .15s,background .15s}.primary-button{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 6px 18px #7c5cff59}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary-button{background:var(--panel-2);border-color:var(--border-strong);color:var(--text)}.secondary-button:hover{border-color:var(--accent);transform:translateY(-1px)}.sidebar-footer{margin:18px 0}.stats-summary h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 10px;font-size:.8rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat-item{background:var(--panel-2);border:1px solid var(--border);text-align:center;border-radius:10px;padding:10px 4px}.stat-value{color:#fff;font-size:1.25rem;font-weight:800}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-top:2px;font-size:.66rem}.board-container{justify-content:center;width:100%;display:flex;position:relative}.validation-indicator{color:var(--text-dim);font-size:.8rem;position:absolute;top:-28px}.game-instructions h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 10px;font-size:.8rem}.game-instructions ul{color:var(--text-dim);margin:0 0 16px;padding-left:18px;font-size:.85rem;line-height:1.5}.examples{flex-direction:column;gap:10px;display:flex}.example{color:var(--text-dim);align-items:center;gap:10px;font-size:.8rem;display:flex}.example-tile{color:#fff;border-radius:6px;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.example-tile.correct{background:var(--correct)}.example-tile.present{background:var(--present)}.example-tile.absent{background:var(--absent)}.result-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#06080c99;place-items:center;padding:20px;animation:.2s forwards overlay-in;display:grid;position:fixed;inset:0}.result-card{background:linear-gradient(180deg, var(--panel), var(--panel-2));border:1px solid var(--border-strong);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;border-radius:18px;padding:28px;animation:.28s cubic-bezier(.2,.9,.3,1.2) forwards card-in}.result-emoji{font-size:3rem;line-height:1}.result-card h2{margin:10px 0 4px;font-size:1.6rem}.result-card p{color:var(--text-dim);margin:0 0 18px}.result-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.result-actions{gap:10px;display:flex}.toast{color:#11131a;box-shadow:var(--shadow);z-index:60;background:#f6f7fb;border-radius:10px;padding:10px 18px;font-size:.9rem;font-weight:700;animation:.18s forwards toast-in;position:fixed;top:24px;left:50%;transform:translate(-50%)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@media (width<=1040px){.app-container{grid-template-columns:1fr;max-width:560px}.main-content{order:-1;min-height:auto}.left-sidebar,.right-sidebar{position:static}.game-modes{flex-flow:wrap}.mode-button{flex:calc(50% - 8px)}}@media (width<=480px){.app-container{gap:12px;padding:12px}.sidebar-content{padding:16px}}.timer-container{background-color:#f8f9fa;border-radius:8px;width:100%;max-width:500px;margin:0 auto 20px;padding:15px 20px;position:relative;box-shadow:0 2px 8px #00000014}.timer-display{flex-direction:column;align-items:center;margin-bottom:12px;transition:color .3s;display:flex}.timer-display.normal{color:#333}.timer-display.warning{color:#e67e22}.timer-display.critical{color:#e74c3c;animation:.8s cubic-bezier(.36,.07,.19,.97) both shake}.timer-text{font-family:monospace;font-size:38px;font-weight:700;line-height:1;position:relative}.timer-text.pulse{animation:.3s pulse}.timer-label{color:#777;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:12px}.timer-progress-container{background-color:#eaeaea;border-radius:50px;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.timer-progress{border-radius:50px;height:100%;transition:width 1s linear,background-color .5s}.timer-progress.normal{background-color:#6aaa64;background-image:linear-gradient(90deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:20px 20px}.timer-progress.warning{background-color:#e67e22;animation:2s infinite progressPulse}.timer-progress.critical{background-color:#e74c3c;animation:1s infinite criticalProgress}.timer-message{color:#fff;background-color:#e74c3c;border-radius:20px;padding:5px 15px;font-size:14px;font-weight:700;animation:.5s bounceIn;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #e74c3c4d}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes progressPulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes criticalProgress{0%{background-color:#e74c3c}50%{background-color:#c0392b}to{background-color:#e74c3c}}@keyframes bounceIn{0%{opacity:0;transform:translate(-50%)scale(.8)}60%{transform:translate(-50%)scale(1.1)}80%{transform:translate(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (width<=768px){.timer-container{margin-bottom:15px;padding:10px 15px}.timer-text{font-size:32px}}#root{min-height:100vh}