:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#6aaa64;text-decoration:inherit}a:hover{color:#5a9954}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s ease}button:focus,button:focus-visible{outline:2px solid #6aaa64;outline-offset:2px}#root{width:100%;min-height:100vh}.game-board{display:flex;flex-direction:column;align-items:center;margin:20px}.game-board h2{color:#fff;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.board{display:grid;grid-template-rows:repeat(6,1fr);gap:6px;padding:25px;background-color:#28283cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1)}.row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.cell{width:62px;height:62px;border:2px solid rgba(100,100,120,.5);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;text-transform:uppercase;background-color:#323246cc;color:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 2px 4px #0003}.cell:hover{border-color:#9696aacc;background-color:#3c3c50e6;transform:scale(1.02)}.cell.green{background-color:#538d4e;border-color:#538d4e;color:#fff;box-shadow:0 2px 8px #538d4e66}.cell.yellow{background-color:#b59f3b;border-color:#b59f3b;color:#fff;box-shadow:0 2px 8px #b59f3b66}.cell.gray{background-color:#3a3a3c;border-color:#3a3a3c;color:#fff;box-shadow:0 2px 8px #3a3a3c66}.cell.filled{border-color:#9696aa99;background-color:#3c3c50e6}@media (max-width: 600px){.cell{width:50px;height:50px;font-size:24px}}.bot-suggestion{background-color:#28283cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px;margin:20px;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1);max-width:420px}.bot-suggestion h3{color:#fff;margin-bottom:16px;border-bottom:2px solid #6aaa64;padding-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.main-suggestion{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.suggested-word{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.word{font-size:36px;font-weight:700;color:#fff;letter-spacing:4px;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.confidence-bar{width:200px;height:10px;background-color:#50506499;border-radius:5px;overflow:hidden;margin-bottom:4px;border:1px solid rgba(255,255,255,.1)}.confidence-fill{height:100%;background:linear-gradient(90deg,#b59f3b,#538d4e);transition:width .3s ease;box-shadow:0 0 8px #6aaa644d}.confidence-text{font-size:14px;color:#b0b0b0}.use-suggestion-btn{background-color:#6aaa64;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s}.use-suggestion-btn:hover{background-color:#5a9954}.reasoning{margin-bottom:20px}.reasoning h4{color:#fff;margin-bottom:8px;font-size:16px}.reasoning p{color:silver;font-size:14px;line-height:1.4}.alternatives{margin-bottom:20px}.alternatives h4{color:#fff;margin-bottom:8px;font-size:16px}.alternative-words{display:flex;gap:8px;flex-wrap:wrap}.alternative-btn{background-color:#b59f3b;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s}.alternative-btn:hover{background-color:#a89636;transform:translateY(-1px);box-shadow:0 2px 8px #b59f3b4d}.game-stats{border-top:1px solid rgba(255,255,255,.2);padding-top:16px}.stat{display:flex;justify-content:space-between;margin-bottom:8px}.stat-label{color:#b0b0b0;font-size:14px}.stat-value{color:#fff;font-size:14px;font-weight:700}@media (max-width: 600px){.bot-suggestion{margin:10px;padding:16px}.word{font-size:28px;letter-spacing:2px}.confidence-bar{width:150px}}.input-panel{background-color:#28283cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px;margin:20px;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1);max-width:420px}.input-panel h3{color:#fff;margin-bottom:16px;border-bottom:2px solid #b59f3b;padding-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.strategy-selector{margin-bottom:20px}.strategy-selector label{display:block;margin-bottom:8px;color:#fff;font-weight:700}.strategy-selector select{width:100%;padding:12px 16px;border:2px solid rgba(100,100,120,.5);border-radius:8px;font-size:14px;background-color:#323246e6;color:#fff;cursor:pointer;transition:all .2s ease}.guess-input{margin-bottom:20px}.strategy-selector select:focus{outline:none;border-color:#6aaa64;box-shadow:0 0 0 3px #6aaa6433}.strategy-selector select option{background-color:#28283cf2;color:#fff;padding:8px}.guess-input label{display:block;margin-bottom:8px;color:#fff;font-weight:700}.guess-input input{width:100%;padding:12px;border:2px solid rgba(100,100,120,.5);border-radius:8px;font-size:16px;text-transform:uppercase;letter-spacing:2px;font-weight:700;box-sizing:border-box;background-color:#323246e6;color:#fff;transition:all .2s ease}.guess-input input:focus{outline:none;border-color:#6aaa64;box-shadow:0 0 0 3px #6aaa6433;background-color:#3c3c50e6}.guess-input input::placeholder{color:#ffffff80}.result-input{margin-bottom:20px}.result-input label{display:block;margin-bottom:8px;color:#fff;font-weight:700}.result-boxes{display:flex;gap:8px;margin-bottom:12px;justify-content:center}.result-box{width:52px;height:52px;border:2px solid rgba(100,100,120,.5);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;border-radius:6px;cursor:pointer;background-color:#323246cc;color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0003}.result-box:hover{border-color:#9696aacc;background-color:#3c3c50e6;transform:scale(1.05)}.result-box.green{background-color:#538d4e;border-color:#538d4e;color:#fff;box-shadow:0 2px 8px #538d4e66}.result-box.yellow{background-color:#b59f3b;border-color:#b59f3b;color:#fff;box-shadow:0 2px 8px #b59f3b66}.result-box.gray{background-color:#3a3a3c;border-color:#3a3a3c;color:#fff;box-shadow:0 2px 8px #3a3a3c66}.result-legend{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#b0b0b0}.legend-item{display:flex;align-items:center;gap:8px}.legend-box{width:16px;height:16px;border-radius:2px}.legend-box.green{background-color:#538d4e}.legend-box.yellow{background-color:#b59f3b}.legend-box.gray{background-color:#3a3a3c}.submit-btn{width:100%;background-color:#6aaa64;color:#fff;border:none;padding:14px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:20px;box-shadow:0 2px 8px #6aaa644d}.submit-btn:hover:not(:disabled){background-color:#5a9954;transform:translateY(-2px);box-shadow:0 4px 12px #6aaa6466}.submit-btn:disabled{background-color:#50506480;color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none}.instructions{border-top:1px solid rgba(255,255,255,.2);padding-top:16px}.instructions h4{color:#fff;margin-bottom:8px;font-size:16px}.instructions ol{color:silver;font-size:14px;line-height:1.4;padding-left:20px}.instructions li{margin-bottom:4px}@media (max-width: 600px){.input-panel{margin:10px;padding:16px}.result-boxes{gap:4px}.result-box{width:40px;height:40px;font-size:20px}}.app{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e0e0e0}.app-header{background-color:#1e1e32f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;margin-bottom:20px;box-shadow:0 2px 20px #0000004d;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.app-header h1{color:#fff;margin:0 0 10px;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.app-header p{color:#b0b0b0;margin:0 0 20px;font-size:1.1rem}.reset-btn{background-color:#6aaa64;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s}.reset-btn:hover{background-color:#5a9954}.app-main{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:30px;padding:0 20px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 200px)}.game-section{display:flex;flex-direction:column;align-items:center;flex:1;min-width:400px;max-width:500px}.controls-section{display:flex;flex-direction:column;gap:20px;flex:1;min-width:400px;max-width:450px}.status-bar{background-color:#28283cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;border-radius:12px;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1);display:flex;gap:20px;margin-top:15px;flex-wrap:wrap;justify-content:center}.status-item{display:flex;flex-direction:column;align-items:center;gap:4px}.status-label{font-size:12px;color:#9a9a9a;text-transform:uppercase;font-weight:700}.status-value{font-size:18px;font-weight:700;color:#fff}.status-value.playing{color:#6aaa64}.status-value.won{color:#4ade80}.status-value.lost{color:#ef4444}.app-footer{background-color:#0a0a14e6;color:#b0b0b0;text-align:center;padding:20px;margin-top:40px;border-top:1px solid rgba(255,255,255,.1)}.app-footer p{margin:0;font-size:14px;opacity:.8}@media (max-width: 1024px){.app-main{flex-direction:column;align-items:center;gap:20px}.game-section,.controls-section{min-width:350px;max-width:500px;width:100%}}@media (max-width: 768px){.app-main{padding:0 15px}.app-header h1{font-size:2rem}.app-header p{font-size:1rem}.game-section,.controls-section{min-width:300px}.status-bar{gap:15px;padding:12px}.status-item{flex:1;min-width:70px}.status-label{font-size:10px}.status-value{font-size:16px}}