*{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;border:0;margin:0;padding:0}html,body{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;overflow:hidden;color:#fff;display:flex;background:radial-gradient(circle,#1b2838 0%,#0d1117 100%);width:100%;font-family:Poppins,Segoe UI,Tahoma,sans-serif}main{display:flex;flex-direction:column;width:100%;max-width:900px;height:100vh;margin-left:auto;margin-right:auto;padding:10px}.header{color:#a0aec0;text-align:center;border-radius:10px;flex-shrink:0;margin-bottom:3px}h1{letter-spacing:1px;color:#0fc;text-shadow:0 0 10px #00ffcc4d;margin-bottom:23px;font-size:22px}.stats-board{display:flex;color:#a0aec0;background:#ffffff0d;border-radius:10px;justify-content:space-around;margin-top:7px;padding:11px;font-size:14px}.stats-board span{color:gold;font-weight:700}#words-grid{display:flex;overflow-y:auto;flex-wrap:wrap;flex:1;place-content: center;gap:5px;font-size:25px}.word-slot{letter-spacing:3px;text-align:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;flex:calc(50% - 10px);padding:3px;font-weight:700}.word-slot.found{color:#fff;background:linear-gradient(135deg,#00b09b,#96c93d);border-color:#96c93d;box-shadow:0 4px 15px #00b09b66}.word-slot:last-child:nth-child(odd){flex-basis:100%;max-width:100%}@media (min-height:900px){#words-grid{display:block;font-size:37px}.word-slot{width:70%;margin-bottom:10px;margin-left:auto;margin-right:auto}}#message{text-align:center;height:20px;margin-bottom:14px;font-size:.7em;font-weight:700}.current-word{letter-spacing:5px;color:#0fc;text-shadow:0 0 10px #00ffcc80;text-align:center;font-size:1.5em;font-weight:700}.current-word-container{display:flex;justify-content:center;align-items: center;height:40px}#game-area{display:flex;flex-direction:column;flex-shrink:0;align-items: center}#circle-container{position:relative;touch-action:none;background:#ffffff05;border:2px dashed #fff3;border-radius:50%}svg{position:absolute;pointer-events:none;z-index:1;width:100%;height:100%;top:0;left:0}.letter-btn{position:absolute;color:#fff;display:flex;cursor:pointer;z-index:2;touch-action:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#4e54c8,#8f94fb);border:3px solid #fff6;border-radius:50%;justify-content:center;align-items: center;transition:transform .15s,background .15s,border-color .15s;font-size:30px;font-weight:700;transform:translate(-50%,-50%);box-shadow:0 6px 15px #0006}.letter-btn.selected{background:linear-gradient(145deg,#f7ff00,#db36a4);border-color:#fff;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 25px #f7ff00}.controls{display:flex;gap:10px;width:100%;max-width:360px;margin-bottom:10px}.action-btn{cursor:pointer;color:#fff;display:flex;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;flex:1;justify-content:center;align-items: center;gap:5px;margin-left:auto;margin-right:auto;padding:12px 8px;transition:background .2s;font-size:14px;font-weight:700}.action-btn:active{transform:scale(.95)}.action-btn.shuffle{background:#3b82f6}.action-btn.clear{background:#ef4444}.action-btn.hint{color:#1e293b;background:#f59e0b}.modal{display:none;position:fixed;z-index:10;background:#000c;justify-content:center;align-items: center;width:100%;height:100%;top:0;left:0}.modal-content{text-align:center;background:#1e293b;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:320px;padding:30px}.modal-content h2{color:gold;margin-top:0}.next-btn,.close-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;margin-top:15px;padding:10px 20px;font-size:15px;font-weight:700}.close-btn{background:#ef4444}.solution-list{display:flex;overflow-y:auto;flex-wrap:wrap;justify-content:center;gap:8px;max-height:150px;margin:15px 0}.solution-item{color:#0fc;letter-spacing:2px;background:#00ffcc1a;border:1px solid #0fc;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:700}.coner-btn{color:gold;display:flex;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items: center;width:40px;height:40px;transition:background .2s,transform .1s;font-size:18px}.coner-btn:hover{background:#fff3;transform:scale(1.05)}.coner-btn:active{transform:scale(.95)}#btn-settings{position:fixed;top:15px;right:15px}#btn-shuffle{position:fixed;bottom:15px;left:15px}#btn-hint{position:fixed;bottom:15px;right:15px}