:root{--primary-color: #3b63a4;--secondary-color: #f57c00;--background-color: #edf4f8;--text-color: #1e3149;--text-muted-color: #5f738a;--border-color: #c7d6e2;--danger-color: #d86a00;--color-grey: #c7d6e2;--color-white: #ffffff;--clue-correct-bg: #4caf50;--clue-correct-border: #3b8e3f;--clue-correct-shadow: rgba(76, 175, 80, .4);--clue-contains-bg: #f2c94c;--clue-contains-border: #d4a62e;--clue-contains-shadow: rgba(242, 201, 76, .4);--clue-notcontains-bg: #e25454;--clue-notcontains-border: #ba3d3d;--clue-notcontains-shadow: rgba(226, 84, 84, .4);--clue-text-color: #ffffff;--gradient-primary: linear-gradient(135deg, #3b63a4 0%, #5f84bf 100%);--gradient-secondary: linear-gradient(135deg, #f57c00 0%, #ff9f45 100%);--gradient-background: linear-gradient(135deg, #2f4f84 0%, #3b63a4 40%, #a7ceda 100%);--header-bg-color: #dce8f0;--hover-bg-color: #edf4f8;--chip-bg-color: #e4eef5;--chip-hover-bg-color: #d4e4ef;--chip-hover-border-color: #c7d6e2;--active-filters-bg-color: #f3f8fc}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-size:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1e3149;background-color:#edf4f8;display:flex;align-items:center;min-height:100vh;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;color:#1e3149;text-align:center}h1{font-size:2.5em;font-weight:800}h2{font-size:1.5em;font-weight:700}button{padding:16px 32px;border:none;border-radius:12px;font-size:16px;cursor:pointer;transition:background-color .4s,transform .25s;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}input{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}p{margin:16px 0;line-height:1.6}ul,ol{list-style-position:inside}a{color:#3b63a4;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}a:hover{color:#2f4f84;text-decoration:underline}::selection{background:#3b63a4;color:#fff}::-moz-selection{background:#3b63a4;color:#fff}*:focus-visible{outline:3px solid #3b63a4;outline-offset:2px}@keyframes flip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(1.1)}to{transform:rotateY(0) scale(1)}}@keyframes rowSomersault{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}50%{transform:scale(1.05);box-shadow:0 0 20px rgba(59,99,164,.35)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}50%{box-shadow:0 0 20px rgba(59,99,164,.35)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes highlight-hint{0%,to{background-color:inherit;transform:scale(1)}50%{background-color:#f57c00;transform:scale(1.1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes celebrate{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-5deg)}75%{transform:scale(1.2) rotate(5deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes victoryModalPop{0%{transform:scale(.76) translateY(14px);opacity:.8;filter:saturate(1.25) brightness(1.1)}35%{transform:scale(1.08) translateY(-2px);opacity:1;filter:saturate(1.2) brightness(1.05)}58%{transform:scale(.96) translateY(1px)}to{transform:scale(1) translateY(0);opacity:1;filter:saturate(1) brightness(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes slideAndFade{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes confettiFall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}to{transform:translateY(100vh) translate(var(--drift, 0)) rotate(720deg);opacity:0}}@keyframes fireworkExplode{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--vx),var(--vy)) scale(0);opacity:0}}@keyframes confettiPopCore{0%{opacity:1;transform:scale(.18)}65%{opacity:.52;transform:scale(1.2)}to{opacity:0;transform:scale(1.8)}}@keyframes confettiPopRing{0%{opacity:.95;transform:translate(-50%,-50%) scale(.35)}to{opacity:0;transform:translate(-50%,-50%) scale(1.95)}}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999}.confetti-pop-flash{position:fixed;width:130px;height:130px;pointer-events:none;z-index:10000;isolation:isolate;filter:drop-shadow(0 0 26px rgba(255,255,255,.45))}.confetti-pop-core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,217,126,.7) 27%,rgba(255,122,43,.32) 58%,rgba(255,122,43,0));animation:confettiPopCore .62s cubic-bezier(.2,.68,.18,1) forwards}.confetti-pop-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:3px solid rgba(255,237,188,.85);box-shadow:0 0 22px rgba(255,185,109,.6);animation:confettiPopRing .68s cubic-bezier(.2,.7,.2,1) forwards}.confetti-pop-ring--inner{width:72px;height:72px;animation-delay:20ms}.confetti-pop-ring--outer{width:112px;height:112px;border-width:2px;opacity:.75;animation-delay:70ms}.animate-bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55) both}.animate-pulse{animation:pulse 1s cubic-bezier(.4,0,.2,1) infinite}.animate-shake{animation:shake .4s cubic-bezier(.4,0,.2,1)}.animate-float{animation:float 3s ease-in-out infinite}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) both}.animate-slide-in-top{animation:slideInFromTop .4s cubic-bezier(.4,0,.2,1) both}.animate-slide-in-bottom{animation:slideInFromBottom .4s cubic-bezier(.4,0,.2,1) both}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.68,-.55,.265,1.55) both}.animate-flip{animation:flip .6s cubic-bezier(.4,0,.2,1) both}.animate-pop{animation:pop .4s cubic-bezier(.68,-.55,.265,1.55) both}.animate-celebrate{animation:celebrate .6s cubic-bezier(.68,-.55,.265,1.55) both}body{margin:0;padding:0;min-height:100vh;background:linear-gradient(-45deg,#2f4f84,#3b63a4,#5f84bf,#a7ceda);background-size:400% 400%;animation:gradientShift 15s ease infinite;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(167,206,218,.22) 0%,transparent 55%),radial-gradient(circle at 80% 80%,rgba(255,159,69,.18) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,255,.1) 0%,transparent 45%);animation:float 20s ease-in-out infinite;pointer-events:none;z-index:0}.outerWrapper{max-width:1000px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;width:100%;min-height:90vh;max-height:none;overflow-y:visible;justify-content:center;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:12px;padding:24px;animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.outerWrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,255,255,.28),rgba(167,206,218,.14));backdrop-filter:blur(10px);border:1px solid rgba(167,206,218,.45);border-radius:24px;z-index:-1;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.gameMeta{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:100%;flex-wrap:wrap;gap:16px;animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1) .2s both}.leftMeta{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;text-align:center;background:rgba(255,255,255,.94);border:1px solid rgba(167,206,218,.55);padding:24px;border-radius:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.4,0,.2,1)}.leftMeta:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.wrapper{margin:24px auto 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;animation:slideInFromBottom .6s cubic-bezier(.4,0,.2,1) .4s both}.outerWrapper>*{animation-fill-mode:both}.outerWrapper>*:nth-child(1){animation-delay:.1s}.outerWrapper>*:nth-child(2){animation-delay:.2s}.outerWrapper>*:nth-child(3){animation-delay:.3s}.outerWrapper>*:nth-child(4){animation-delay:.4s}.outerWrapper>*:nth-child(5){animation-delay:.5s}@media screen and (max-width:768px){body:before{animation:float 15s ease-in-out infinite}.outerWrapper{min-height:90vh;max-height:none;overflow-y:visible;justify-content:center;padding:16px}.outerWrapper:before{top:0;right:0;bottom:0;left:0}.gameMeta{flex-direction:column;align-items:center}.leftMeta{width:100%;text-align:center;padding:24px}}@media screen and (max-width:480px){body{background-size:600% 600%}.outerWrapper{min-height:90vh;max-height:none;overflow-y:visible;justify-content:center;padding:12px}.leftMeta{padding:16px}h1{font-size:1.8em}}:root{--game-cell-size: clamp(34px, 4vw, 48px);--game-cell-gap: 2px}.headerBar{width:100%;max-width:760px;min-height:54px;margin:0 auto 12px;position:relative;display:flex;align-items:center;justify-content:center}#gameHeader{font-size:2.5em;font-weight:800;color:rgba(255,255,255,.96);margin:0;max-width:calc(100% - 136px);text-align:center;animation:slideInFromTop .6s cubic-bezier(.68,-.55,.265,1.55);text-shadow:0 3px 14px rgba(47,79,132,.55);letter-spacing:-1px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px}#gameHeader:after{content:"✨";position:static;transform:none;margin-left:2px;font-size:.6em;line-height:1;display:inline-flex;align-items:center;justify-content:center;animation:wiggle 2s ease-in-out infinite}.headerControls{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px}.header-icon-button{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid rgba(167,206,218,.58);border-radius:999px;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(167,206,218,.2));backdrop-filter:blur(8px);box-shadow:0 1px 2px rgba(0,0,0,.05);color:rgba(255,255,255,.96);cursor:pointer;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),background-color .4s cubic-bezier(.4,0,.2,1);line-height:1;padding:0}.header-icon-button:hover{transform:scale(1.04);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.header-icon-button:active{transform:scale(.96)}.header-icon-button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(167,206,218,.4),0 1px 2px rgba(0,0,0,.05)}.theme-toggle__icon,.about-toggle__icon{width:100%;height:100%;font-size:1.55rem;display:flex;align-items:center;justify-content:center;line-height:1;text-align:center}.about-toggle__icon{font-size:1.5rem;font-weight:800;font-style:italic}.wordLengthInputContainer{margin-bottom:24px}.wordLengthInputContainer p{font-size:16px;font-weight:500;color:#1e3149;margin-bottom:12px}.wordLengthInputContainer #wordLengthInput{width:80px;padding:16px 24px;text-align:center;font-size:1.5em;font-weight:700;margin:12px;border:3px solid transparent;border-radius:12px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#3b63a4,#5f84bf) border-box;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .4s cubic-bezier(.4,0,.2,1);color:#1e3149}.wordLengthInputContainer #wordLengthInput:focus{outline:none;transform:scale(1.05);box-shadow:0 0 20px rgba(59,99,164,.35);animation:pulse 1s cubic-bezier(.4,0,.2,1) infinite}.wordLengthInputContainer #wordLengthInput:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.wordLengthInputContainer #wordLengthInput::-webkit-outer-spin-button,.wordLengthInputContainer #wordLengthInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wordLengthInputContainer #wordLengthInput{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}#startGame{background:linear-gradient(135deg,#3b63a4,#5f84bf);border:none;border-radius:12px;padding:16px 32px;margin-top:24px;font-size:1.5em;font-weight:700;color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}#startGame:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}#startGame:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),0 0 20px rgba(59,99,164,.35)}#startGame:hover:not(:disabled):before{left:100%}#startGame:active:not(:disabled){transform:translateY(-1px) scale(.98)}#startGame:disabled{opacity:.56;cursor:not-allowed;box-shadow:0 1px 2px rgba(0,0,0,.05);transform:none;pointer-events:none}.actionButtons{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}.actionButtons .btn-primary{background:linear-gradient(135deg,#3b63a4,#5f84bf);border:none;border-radius:12px;padding:10px 22px;font-size:.95rem;font-weight:600;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.actionButtons .btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .4s,height .4s}.actionButtons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.actionButtons .btn-primary:hover:before{width:300px;height:300px}.actionButtons .btn-primary:active{transform:translateY(0)}.outerWrapper>.actionButtons:not(.includesHintButtons){margin-top:-6px;margin-bottom:8px}.timerDifficultyInfo{display:flex;justify-content:center;align-items:center;align-content:center;margin:0;padding:4px 0;width:100%;max-width:600px;min-height:66px;gap:16px}.timerDifficultyInfo #timerDisplay,.timerDifficultyInfo #difficulty{display:none;align-items:center;justify-content:center;align-self:center;text-align:center;font-size:1.2em;font-weight:700;height:50px;min-height:50px;padding:0 18px;border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;line-height:1.05;white-space:nowrap;animation:pop .4s cubic-bezier(.68,-.55,.265,1.55)}.timerDifficultyInfo #timerDisplay{color:#3b63a4;border:2px solid #3b63a4}.timerDifficultyInfo #difficulty{color:#f57c00;border:2px solid #f57c00}.wordRow{border:none;background:rgba(255,255,255,.95);padding:3px 4px;margin:0;text-align:center;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInFromBottom .4s cubic-bezier(.4,0,.2,1) both}.wordRow:hover{box-shadow:0 1px 2px rgba(0,0,0,.05);transform:none}.wordLetterBox{border:2px solid #102034;padding:8px;margin:12px;background-color:#fff;width:3em;height:3em;text-align:center;font-size:1.2em;line-height:1.8em;text-transform:uppercase;touch-action:manipulation;-webkit-appearance:none;appearance:none;display:inline-flex;justify-content:center;align-items:center;font-weight:700;width:var(--game-cell-size);height:var(--game-cell-size);margin:var(--game-cell-gap);border-radius:8px;border:3px solid #c7d6e2;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;line-height:1;font-size:clamp(1rem,2vw,1.6rem);transform-origin:center center;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform}.wordLetterBox:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .6s}.wordLetterBox:focus{border-color:#3b63a4;box-shadow:0 0 0 3px rgba(59,99,164,.22);transform:scale(1.04)}.wordLetterBox.row-complete-spin{animation:rowSomersault .72s linear both}.wordLetterBox.contains{background:var(--clue-contains-bg);color:var(--clue-text-color);border-color:var(--clue-contains-border);box-shadow:0 4px 12px var(--clue-contains-shadow);animation:flip .6s cubic-bezier(.4,0,.2,1) both}.wordLetterBox.contains:before{left:100%}.wordLetterBox.notContains{background:var(--clue-notcontains-bg);color:var(--clue-text-color);border-color:var(--clue-notcontains-border);box-shadow:0 4px 12px var(--clue-notcontains-shadow);animation:flip .6s cubic-bezier(.4,0,.2,1) both}.wordLetterBox.notContains:before{left:100%}.wordLetterBox.correct{background:var(--clue-correct-bg);color:var(--clue-text-color);border-color:var(--clue-correct-border);box-shadow:0 4px 12px var(--clue-correct-shadow);animation:flip .6s cubic-bezier(.4,0,.2,1) both,celebrate .6s cubic-bezier(.68,-.55,.265,1.55) .3s both}.wordLetterBox.correct:before{left:100%}.wordLetterBox.hint-provided{animation:highlight-hint 1s cubic-bezier(.4,0,.2,1)}#alphabetContainer{border:2px solid #c7d6e2;background-color:#f9fcff;margin:12px auto;width:100%;max-width:680px;background:rgba(255,255,255,.94);border:1px solid rgba(167,206,218,.55);border-radius:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:24px;display:none;flex-direction:column;align-items:center}#alphabetContainer.visible{display:flex;animation:scaleIn .6s cubic-bezier(.68,-.55,.265,1.55)}#alphabetContainer .alphabet-label{font-weight:700;font-size:1.1rem;margin-bottom:16px;color:rgba(47,79,132,.98);text-shadow:0 0 12px rgba(167,206,218,.35);text-align:center;text-transform:uppercase;letter-spacing:1px}#alphabetContainer .alphabet-grid{display:flex;flex-direction:column;gap:4px;width:100%;max-width:620px;margin:0 auto}#alphabetContainer .alphabet-grid .keyboard-row{display:flex;align-items:center;justify-content:center;gap:var(--game-cell-gap);width:100%;flex-wrap:nowrap}#alphabetContainer .alphabet-grid .keyboard-key{border:3px solid #c7d6e2;border-radius:8px;text-align:center;text-transform:uppercase;font-weight:700;font-size:clamp(.95rem,1.85vw,1.4rem);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--game-cell-size);height:var(--game-cell-size);min-width:var(--game-cell-size);min-height:var(--game-cell-size);padding:0;box-shadow:0 1px 2px rgba(0,0,0,.05);position:relative;overflow:hidden;background:linear-gradient(135deg,#edf4f8,#fff);color:#1e3149;border-color:#c7d6e2;font-family:inherit;outline:none}#alphabetContainer .alphabet-grid .keyboard-key:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);transition:all .6s}#alphabetContainer .alphabet-grid .keyboard-key:hover:before{left:100%}#alphabetContainer .alphabet-grid .keyboard-key:active{transform:scale(.97)}#alphabetContainer .alphabet-grid .keyboard-key:focus-visible{box-shadow:0 0 0 3px rgba(59,99,164,.26)}#alphabetContainer .alphabet-grid .keyboard-key.keyboard-key--wide{width:calc(var(--game-cell-size) * 1.8);min-width:calc(var(--game-cell-size) * 1.8);font-size:clamp(.78rem,1.35vw,1.05rem)}#alphabetContainer .alphabet-grid .keyboard-key.keyboard-key--arrow{width:calc(var(--game-cell-size) * 1.3);min-width:calc(var(--game-cell-size) * 1.3);font-size:clamp(.9rem,1.45vw,1.15rem)}#alphabetContainer .alphabet-grid .keyboard-key.keyboard-key--control{text-transform:none}#alphabetContainer .alphabet-grid .keyboard-key.notGuessed{background:linear-gradient(135deg,#edf4f8,#fff);color:#1e3149;border-color:#c7d6e2}#alphabetContainer .alphabet-grid .keyboard-key.correct{background:var(--clue-correct-bg);color:var(--clue-text-color);border-color:var(--clue-correct-border);box-shadow:0 4px 12px var(--clue-correct-shadow);animation:pop .4s cubic-bezier(.68,-.55,.265,1.55)}#alphabetContainer .alphabet-grid .keyboard-key.notContains{background:var(--clue-notcontains-bg);color:var(--clue-text-color);border-color:var(--clue-notcontains-border);box-shadow:0 4px 12px var(--clue-notcontains-shadow);animation:pop .4s cubic-bezier(.68,-.55,.265,1.55)}#alphabetContainer .alphabet-grid .keyboard-key.contains{background:var(--clue-contains-bg);color:var(--clue-text-color);border-color:var(--clue-contains-border);box-shadow:0 4px 12px var(--clue-contains-shadow);animation:pop .4s cubic-bezier(.68,-.55,.265,1.55)}#playAgainMain,#resetGame{display:none;width:auto;min-width:210px;align-self:center;background:linear-gradient(135deg,#d86a00,#f57c00);padding:16px 24px;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;white-space:nowrap;line-height:1;cursor:pointer;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}#playAgainMain:before,#resetGame:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .4s,height .4s}#playAgainMain:hover,#resetGame:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}#playAgainMain:hover:before,#resetGame:hover:before{width:300px;height:300px}#playAgainMain:active,#resetGame:active{transform:translateY(-1px) scale(.98)}#playAgainMain{background:linear-gradient(135deg,#3b63a4,#5f84bf)}#resetGame{background:linear-gradient(135deg,#d86a00,#f57c00)}.includesHintButtons{width:100%;max-width:720px;margin-top:12px;margin-bottom:4px}.wrapper .wordRow{margin-bottom:1px}.wrapper .wordRow:nth-child(1){animation-delay:.1s}.wrapper .wordRow:nth-child(2){animation-delay:.2s}.wrapper .wordRow:nth-child(3){animation-delay:.3s}.wrapper .wordRow:nth-child(4){animation-delay:.4s}.wrapper .wordRow:nth-child(5){animation-delay:.5s}.wrapper .wordRow:nth-child(6){animation-delay:.6s}.wrapper .wordRow:nth-child(7){animation-delay:.7s}.wrapper .wordRow:nth-child(8){animation-delay:.8s}.wrapper .wordRow:nth-child(9){animation-delay:.9s}.wrapper .wordRow:nth-child(10){animation-delay:1s}.wordRow.row-somersaulting .wordLetterBox{animation:rowSomersault .72s linear both!important}@media screen and (max-width:768px){:root{--game-cell-size: clamp(32px, 5.5vw, 42px)}.headerBar{max-width:100%;min-height:50px}#gameHeader{font-size:2em;max-width:calc(100% - 122px)}.headerControls{gap:6px}.header-icon-button{width:46px;height:46px}.theme-toggle__icon,.about-toggle__icon{font-size:1.35rem}.about-toggle__icon{font-size:1.28rem}#alphabetContainer{padding:16px}#alphabetContainer .alphabet-grid{gap:8px}#alphabetContainer .alphabet-grid .keyboard-row{gap:4px}#alphabetContainer .alphabet-grid .keyboard-key{font-size:clamp(.82rem,2vw,1.1rem)}#alphabetContainer .alphabet-grid .keyboard-key--wide{font-size:clamp(.72rem,1.4vw,.95rem)}#alphabetContainer .alphabet-grid .keyboard-key--arrow{font-size:clamp(.84rem,1.6vw,1.02rem)}.wordLetterBox{font-size:clamp(.92rem,2vw,1.35rem)}}@media screen and (max-width:480px){:root{--game-cell-size: clamp(24px, 7vw, 34px);--game-cell-gap: 1px}.headerBar{min-height:46px;margin-bottom:4px}#gameHeader{font-size:1.8em;max-width:calc(100% - 112px)}.headerControls{gap:4px}.header-icon-button{width:40px;height:40px}.theme-toggle__icon,.about-toggle__icon{font-size:1.18rem}.about-toggle__icon{font-size:1.1rem}#wordLengthInput,#startGame{font-size:1.2em}#alphabetContainer{padding:12px}#alphabetContainer .alphabet-label{font-size:.85em;margin-bottom:12px}#alphabetContainer .alphabet-grid,#alphabetContainer .alphabet-grid .keyboard-row{gap:4px}#alphabetContainer .alphabet-grid .keyboard-key{font-size:clamp(.72rem,3.5vw,.92rem)}#alphabetContainer .alphabet-grid .keyboard-key--wide{font-size:clamp(.64rem,2.8vw,.82rem)}#alphabetContainer .alphabet-grid .keyboard-key--arrow{font-size:clamp(.75rem,3vw,.9rem)}.wordLetterBox{font-size:clamp(.82rem,4vw,1.06rem);padding:0}.timerDifficultyInfo{flex-direction:row;flex-wrap:wrap;gap:8px;min-height:56px}.timerDifficultyInfo #timerDisplay,.timerDifficultyInfo #difficulty{font-size:1.02em;height:42px;min-height:42px}#playAgainMain,#resetGame{min-width:190px;font-size:.95rem}}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(16,32,52,.85);display:flex;align-items:center;display:none;backdrop-filter:blur(8px);animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}.modal.show{display:flex}.modal-content{background-color:#fff;margin:auto;padding:32px;border:2px solid #c7d6e2;width:90%;max-width:500px;text-align:center;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:650px;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:scaleIn .6s cubic-bezier(.68,-.55,.265,1.55);border:2px solid rgba(167,206,218,.5)}.how-to-play-btn{padding:16px 32px;border:none;border-radius:12px;font-size:16px;cursor:pointer;transition:background-color .4s,transform .25s}.how-to-play-btn:hover:not(:disabled){transform:translateY(-2px)}.how-to-play-btn:active:not(:disabled){transform:translateY(0)}.how-to-play-btn{background:linear-gradient(135deg,#3b63a4,#5f84bf);color:#fff;margin:16px auto;display:block;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .4s cubic-bezier(.4,0,.2,1)}.how-to-play-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.how-to-play-content{text-align:left;width:90%;max-width:750px}.how-to-play-content h2{font-weight:700;color:#1e3149;margin-bottom:24px;width:100%;background:linear-gradient(135deg,#3b63a4,#5f84bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;text-align:center}.rules-container{max-height:60vh;overflow-y:auto;padding-right:16px;width:100%}.rules-container::-webkit-scrollbar{width:10px}.rules-container::-webkit-scrollbar-track{background:#edf4f8;border-radius:8px}.rules-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b63a4,#5f84bf);border-radius:8px}.rules-container::-webkit-scrollbar-thumb:hover{opacity:.8}.rules-container ol,.rules-container ul{margin-left:24px}.rules-container ol li,.rules-container ul li{margin-bottom:16px;line-height:1.6;font-size:16px;animation:slideAndFade .4s cubic-bezier(.4,0,.2,1) both}.rules-container ol li:nth-child(1),.rules-container ul li:nth-child(1){animation-delay:.05s}.rules-container ol li:nth-child(2),.rules-container ul li:nth-child(2){animation-delay:.1s}.rules-container ol li:nth-child(3),.rules-container ul li:nth-child(3){animation-delay:.15s}.rules-container ol li:nth-child(4),.rules-container ul li:nth-child(4){animation-delay:.2s}.rules-container ol li:nth-child(5),.rules-container ul li:nth-child(5){animation-delay:.25s}.rules-container ol li:nth-child(6),.rules-container ul li:nth-child(6){animation-delay:.3s}.rules-container ol li:nth-child(7),.rules-container ul li:nth-child(7){animation-delay:.35s}.rules-container ol li:nth-child(8),.rules-container ul li:nth-child(8){animation-delay:.4s}.rules-container ol li:nth-child(9),.rules-container ul li:nth-child(9){animation-delay:.45s}.rules-container ol li:nth-child(10),.rules-container ul li:nth-child(10){animation-delay:.5s}.rules-container ul{margin-top:12px}.stats-content{text-align:left;width:min(94vw,960px);max-width:960px;min-height:min(84vh,920px);max-height:92vh}.stats-content h2{font-weight:700;color:#1e3149;margin-bottom:24px;text-align:center;background:linear-gradient(135deg,#3b63a4,#5f84bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.about-content{width:90%;max-width:700px}.about-content h2{font-weight:700;color:#1e3149;margin-bottom:16px;text-align:center;background:linear-gradient(135deg,#3b63a4,#5f84bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.about-container{text-align:left;display:flex;flex-direction:column;gap:16px}.about-container p{margin:0;color:#1e3149;line-height:1.65}.about-container a{font-weight:700;color:#2f4f84;text-decoration:underline;text-underline-offset:2px}.about-container a:hover{color:#3b63a4}.about-container .contribute-note{padding:16px;border-radius:12px;background:rgba(167,206,218,.2);border:1px solid rgba(167,206,218,.45)}.stats-container{max-height:80vh;overflow-y:auto;padding:16px}.stats-container .no-stats{text-align:center;color:#5f738a;font-style:italic;padding:32px;font-size:1.1em}.stats-container .stats-list{list-style:none;padding:0;margin:0}.stats-container .stat-item{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(237,244,248,.92));border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInFromBottom .4s cubic-bezier(.4,0,.2,1) both;border:2px solid transparent}.stats-container .stat-item:nth-child(1){animation-delay:.05s}.stats-container .stat-item:nth-child(2){animation-delay:.1s}.stats-container .stat-item:nth-child(3){animation-delay:.15s}.stats-container .stat-item:nth-child(4){animation-delay:.2s}.stats-container .stat-item:nth-child(5){animation-delay:.25s}.stats-container .stat-item:nth-child(6){animation-delay:.3s}.stats-container .stat-item:nth-child(7){animation-delay:.35s}.stats-container .stat-item:nth-child(8){animation-delay:.4s}.stats-container .stat-item:nth-child(9){animation-delay:.45s}.stats-container .stat-item:nth-child(10){animation-delay:.5s}.stats-container .stat-item:nth-child(11){animation-delay:.55s}.stats-container .stat-item:nth-child(12){animation-delay:.6s}.stats-container .stat-item:nth-child(13){animation-delay:.65s}.stats-container .stat-item:nth-child(14){animation-delay:.7s}.stats-container .stat-item:nth-child(15){animation-delay:.75s}.stats-container .stat-item:nth-child(16){animation-delay:.8s}.stats-container .stat-item:nth-child(17){animation-delay:.85s}.stats-container .stat-item:nth-child(18){animation-delay:.9s}.stats-container .stat-item:nth-child(19){animation-delay:.95s}.stats-container .stat-item:nth-child(20){animation-delay:1s}.stats-container .stat-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:#3b63a4}.stats-container .stat-item .stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stats-container .stat-item .stat-header .stat-rank{font-weight:700;background:linear-gradient(135deg,#3b63a4,#5f84bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.2em}.stats-container .stat-item .stat-header .stat-time{font-weight:700;color:#1e3149;font-size:1.1em}.stats-container .stat-item .stat-details{display:flex;justify-content:space-between;color:#5f738a;font-size:.95em}.stats-container::-webkit-scrollbar{width:10px}.stats-container::-webkit-scrollbar-track{background:#edf4f8;border-radius:8px}.stats-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b63a4,#5f84bf);border-radius:8px}.stats-container::-webkit-scrollbar-thumb:hover{opacity:.8}.stats-container .green-highlight{background:var(--clue-correct-bg);color:var(--clue-text-color);padding:4px 12px;border-radius:8px;font-weight:600}.stats-container .orange-highlight{background:var(--clue-contains-bg);color:var(--clue-text-color);padding:4px 12px;border-radius:8px;font-weight:600}.stats-container .red-highlight{background:var(--clue-notcontains-bg);color:var(--clue-text-color);padding:4px 12px;border-radius:8px;font-weight:600}.close{color:#5f738a;float:none;font-size:32px;font-weight:700;position:absolute;top:12px;right:16px;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .25s cubic-bezier(.4,0,.2,1);background:rgba(16,32,52,.07)}.close:hover,.close:focus{color:#d86a00;background:rgba(216,106,0,.12);transform:rotate(90deg) scale(1.1);text-decoration:none;cursor:pointer}#alertModal .modal-content{padding-top:38px}#alertModal .close{top:8px;right:10px;z-index:2}.alert-buttons{display:flex;justify-content:center;gap:24px;margin-top:24px;flex-wrap:wrap}#alertTryAgainButton{padding:16px 32px;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#3b63a4,#5f84bf);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);position:relative;overflow:hidden}#alertTryAgainButton:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .4s,height .4s}#alertTryAgainButton:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}#alertTryAgainButton:hover:before{width:300px;height:300px}#alertResetButton{padding:16px 32px;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f57c00,#ff9f45);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);position:relative;overflow:hidden}#alertResetButton:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .4s,height .4s}#alertResetButton:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}#alertResetButton:hover:before{width:300px;height:300px}.invalid-word-alert,.success-alert,.failure-alert{text-align:center;padding:32px;border-radius:16px;margin-top:16px;margin-bottom:24px;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.invalid-word-alert .alert-icon,.success-alert .alert-icon,.failure-alert .alert-icon{font-size:3rem;display:block;margin-bottom:16px;animation:wiggle 1s ease-in-out infinite}.invalid-word-alert h3,.success-alert h3,.failure-alert h3{margin:16px 0;font-size:1.5em;font-weight:800}.invalid-word-alert p,.success-alert p,.failure-alert p{margin:12px 0;font-size:16px;line-height:1.6}.invalid-word-alert p strong,.success-alert p strong,.failure-alert p strong{font-weight:700}.invalid-word-alert{background:linear-gradient(135deg,rgba(255,159,69,.18),rgba(255,255,255,.92));border:3px solid #f57c00;box-shadow:0 0 20px rgba(245,124,0,.28)}.invalid-word-alert h3{color:#d86a00}.invalid-word-alert .alert-icon{filter:drop-shadow(0 4px 8px rgba(245,124,0,.3))}.success-alert{background:linear-gradient(135deg,rgba(128,207,131,.2),rgba(255,255,255,.92));border:3px solid #4caf50;box-shadow:0 0 20px rgba(76,175,80,.28);animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.success-alert h3{color:#4caf50}.success-alert .alert-icon{filter:drop-shadow(0 4px 8px rgba(76,175,80,.3));animation:celebrate .6s cubic-bezier(.68,-.55,.265,1.55) infinite}.success-alert.success-alert--pop{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55) both,victoryModalPop .72s cubic-bezier(.19,.85,.24,1) both;box-shadow:0 0 26px rgba(76,175,80,.42),0 0 56px rgba(128,207,131,.28)}.failure-alert{background:linear-gradient(135deg,rgba(167,206,218,.34),rgba(255,255,255,.92));border:3px solid #e25454;box-shadow:0 0 20px rgba(226,84,84,.28)}.failure-alert h3{color:#ba3d3d}.failure-alert .alert-icon{filter:drop-shadow(0 4px 8px rgba(226,84,84,.3))}@media screen and (max-width:480px){.modal-content{width:95%;padding:32px 16px}.how-to-play-btn{width:90%;font-size:16px;padding:16px}.rules-container{max-height:70vh}.close{font-size:28px;width:36px;height:36px;right:16px}#alertModal .close{top:6px;right:8px}.invalid-word-alert,.success-alert,.failure-alert{padding:24px}.invalid-word-alert .alert-icon,.success-alert .alert-icon,.failure-alert .alert-icon{font-size:2.5rem}.invalid-word-alert h3,.success-alert h3,.failure-alert h3{font-size:1.2em}.invalid-word-alert p,.success-alert p,.failure-alert p{font-size:.9em}.alert-buttons{gap:16px}.alert-buttons button{padding:12px 24px;font-size:.9em}}#statsList{text-align:center;font-size:16px;margin:20px auto;padding:10px;background-color:var(--active-filters-bg-color);border:1px solid var(--border-color);color:var(--text-color);display:block;max-height:clamp(540px,76vh,900px);overflow-y:auto;overflow-x:auto;scrollbar-width:thin;width:100%;max-width:760px;border-radius:5px;box-shadow:0 8px 20px rgba(30,49,73,.12)}.stats-table{width:100%;min-width:700px;background:var(--background-color);border-radius:8px;overflow:hidden;box-shadow:0 8px 18px rgba(30,49,73,.1)}.stats-header{display:grid;grid-template-columns:.45fr .9fr .7fr .8fr 1.5fr;background:var(--header-bg-color);position:sticky;top:0;z-index:1}.header-cell{display:flex;align-items:center;height:48px;padding:0 12px;font-weight:600;cursor:pointer;user-select:none;transition:background-color .3s ease}.header-cell:hover{background-color:var(--hover-bg-color)}.header-cell .header-content{flex:1}.stats-body{transition:opacity .3s ease}.stat-row{display:grid;grid-template-columns:.45fr .9fr .7fr .8fr 1.5fr;height:40px;border-bottom:1px solid var(--border-color);animation:fadeIn .5s ease forwards;transition:background-color .3s ease}.stat-row:hover{background-color:var(--hover-bg-color)}.stat-row:last-child{border-bottom:none}.stat-cell{display:flex;align-items:center;justify-content:center;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-load-more-container{display:flex;justify-content:center;padding:14px 0 4px}.stats-load-more-btn{border:none;border-radius:10px;padding:10px 20px;font-size:.95rem;font-weight:600;color:var(--color-white);background:var(--gradient-primary);box-shadow:0 6px 14px rgba(30,49,73,.2);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.stats-load-more-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(30,49,73,.24)}.stats-load-more-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.stats-header,.stat-row{grid-template-columns:.3fr .9fr .7fr .8fr 1.3fr}.header-cell,.stat-cell{padding:0 8px}}.hint-button{position:relative;padding:16px 32px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;min-width:160px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.hint-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .4s,height .4s}.hint-button:hover:not(:disabled){transform:translateY(-3px) scale(1.03);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.hint-button:hover:not(:disabled):before{width:300px;height:300px}.hint-button:active:not(:disabled){transform:translateY(-1px) scale(.98)}.hint-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.hint-button.cooldown{background:linear-gradient(135deg,#5f738a,#c7d6e2);animation:breathe 2s ease-in-out infinite}.letter-hint{background:linear-gradient(135deg,#3b63a4,#5f84bf);color:#fff}.letter-hint:hover:not(:disabled){box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),0 0 20px rgba(59,99,164,.35)}.letter-hint:disabled{background:linear-gradient(135deg,#7798ce,#567fc3)}.position-hint{background:linear-gradient(135deg,#f57c00,#ff9f45);color:#fff}.position-hint:hover:not(:disabled){box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),0 0 20px rgba(245,124,0,.35)}.position-hint:disabled{background:linear-gradient(135deg,#ffae5c,#ff9d3f)}.inactive-hint{opacity:.5;cursor:not-allowed;pointer-events:none}.cooldown-progress{position:absolute;bottom:0;left:0;height:5px;background:linear-gradient(135deg,#3b8e3f,#4caf50);width:0%;transition:width .05s linear;box-shadow:0 0 10px rgba(76,175,80,.5);border-radius:0 0 12px 12px}.hint-provided{animation:highlight-hint 1s ease-in-out}.includesHintButtons{animation:slideInFromBottom .4s cubic-bezier(.4,0,.2,1) .3s both}.includesHintButtons .hint-button:nth-child(1){animation:pop .4s cubic-bezier(.68,-.55,.265,1.55) .1s both}.includesHintButtons .hint-button:nth-child(2){animation:pop .4s cubic-bezier(.68,-.55,.265,1.55) .2s both}.includesHintButtons .hint-button:nth-child(3){animation:pop .4s cubic-bezier(.68,-.55,.265,1.55) .3s both}.includesHintButtons .hint-button:nth-child(4){animation:pop .4s cubic-bezier(.68,-.55,.265,1.55) .4s both}.includesHintButtons .hint-button:nth-child(5){animation:pop .4s cubic-bezier(.68,-.55,.265,1.55) .5s both}.sort-indicator{position:relative;width:16px;height:16px;margin-left:8px;transition:transform .3s ease}.sort-indicator:before,.sort-indicator:after{content:"";position:absolute;left:50%;width:8px;height:2px;background-color:var(--text-color);border-radius:1px;transition:all .3s ease}.sort-indicator--default:before,.sort-indicator--default:after{width:2px;height:2px;border-radius:50%;background-color:var(--text-muted-color)}.sort-indicator--default:before{top:3px;transform:translate(-50%)}.sort-indicator--default:after{top:7px;transform:translate(-50%)}.sort-indicator--default:before{content:"";top:11px;transform:translate(-50%)}.sort-indicator--asc:before{top:8px;transform:translate(-50%) rotate(-45deg);transform-origin:center}.sort-indicator--asc:after{top:8px;transform:translate(-50%) rotate(45deg);transform-origin:center}.sort-indicator--desc:before{top:8px;transform:translate(-50%) rotate(45deg);transform-origin:center}.sort-indicator--desc:after{top:8px;transform:translate(-50%) rotate(-45deg);transform-origin:center}.header-cell:hover .sort-indicator--default:before,.header-cell:hover .sort-indicator--default:after{background-color:var(--text-color)}.header-cell[data-active=true] .sort-indicator:before,.header-cell[data-active=true] .sort-indicator:after{background-color:var(--primary-color)}.filter-panel{display:flex;flex-direction:column;gap:10px;background:linear-gradient(165deg,var(--background-color),rgba(59,99,164,.05));border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 5px rgba(16,32,52,.1);border:1px solid var(--border-color);position:relative}.filter-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:12px 12px 0 0;opacity:0;transition:opacity .4s}.filter-panel.has-active-filters:before{opacity:1}.filter-panel.is-collapsed .filter-controls,.filter-panel.is-collapsed .active-filters,.filter-panel.is-collapsed .clear-filters{display:none}.filter-panel-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.filter-panel-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-color);letter-spacing:.02em}.filter-panel-toggle{border:1px solid rgba(59,99,164,.45);background:rgba(59,99,164,.1);color:var(--text-color);border-radius:999px;min-height:34px;padding:0 14px;font-size:.86rem;font-weight:700;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.filter-panel-toggle:hover{border-color:rgba(59,99,164,.7);background:rgba(59,99,164,.16);transform:translateY(-1px)}.filter-panel-toggle:active{transform:translateY(0)}.filter-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.filter-section{background:rgba(59,99,164,.06);border:1px solid rgba(59,99,164,.24);border-radius:12px;padding:10px;min-width:0}.filter-section h3{margin:0 0 8px;font-size:.88rem;font-weight:700;color:var(--text-muted-color);letter-spacing:.02em;text-align:left;text-transform:uppercase}.filter-select-wrap{position:relative}.filter-select-wrap:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted-color);pointer-events:none;font-size:.95rem}.filter-select{width:100%;min-height:40px;border-radius:12px;border:1px solid rgba(59,99,164,.4);background:linear-gradient(180deg,rgba(59,99,164,.14),rgba(59,99,164,.06));color:var(--text-color);font-size:.92rem;font-weight:600;padding:0 36px 0 12px;-webkit-appearance:none;appearance:none;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.filter-select:hover{border-color:rgba(59,99,164,.6);background:linear-gradient(180deg,rgba(59,99,164,.18),rgba(59,99,164,.08))}.filter-select:focus-visible{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,99,164,.22)}.filter-multi-select{display:flex;flex-wrap:wrap;gap:8px}.filter-multi-option{display:flex;align-items:center;gap:6px;border:1px solid rgba(59,99,164,.35);border-radius:999px;background:rgba(59,99,164,.1);padding:6px 10px;font-size:.82rem;font-weight:600;color:var(--text-color);cursor:pointer}.filter-multi-checkbox{width:14px;height:14px;accent-color:var(--primary-color)}.filter-range-wrap{display:flex;flex-direction:column;gap:8px}.filter-range-value{font-size:.88rem;font-weight:700;color:var(--text-color)}.filter-range-inputs{display:grid;grid-template-columns:1fr;gap:6px}.filter-range-input{width:100%;accent-color:var(--primary-color)}.active-filters{display:flex;flex-wrap:wrap;gap:12px;min-height:32px;padding:12px;border-radius:12px;background:var(--active-filters-bg-color);border:1px dashed rgba(59,99,164,.35);position:relative}.active-filters:empty:before{content:"No active filters";color:var(--text-muted-color);font-size:.9em;font-style:italic}.active-filter{display:flex;align-items:center;height:24px;padding:0 12px;border-radius:12px;background:var(--primary-color);color:var(--color-white);font-size:.9em}.active-filter .remove-filter{margin-left:8px;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.active-filter .remove-filter:hover{background:rgba(255,255,255,.32)}.active-filter .remove-filter:before,.active-filter .remove-filter:after{content:"";position:absolute;width:8px;height:2px;background:var(--color-white);border-radius:1px}.active-filter .remove-filter:before{transform:rotate(45deg)}.active-filter .remove-filter:after{transform:rotate(-45deg)}.filter-panel-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.filter-panel-summary{font-size:.9rem;font-weight:600;color:var(--text-muted-color)}.clear-filters{padding:12px 16px;border-radius:12px;background:var(--danger-color);color:var(--color-white);border:none;cursor:pointer;transition:opacity transform ease;font-size:.9em;font-weight:600;position:relative;overflow:hidden;min-width:180px}.clear-filters:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.clear-filters:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(216,106,0,.35)}.clear-filters:hover:not(:disabled):before{left:100%}.clear-filters:active:not(:disabled){transform:translateY(0)}.clear-filters:disabled{opacity:.5;cursor:not-allowed;background:var(--color-grey)}.clear-filters:after{content:"🗑️";margin-left:8px;opacity:.8}@keyframes activeFilterIn{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.filter-panel{padding:12px}.filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel-actions{flex-direction:column;align-items:stretch}.clear-filters{width:100%;min-width:0}}@media(max-width:480px){.filter-controls{grid-template-columns:1fr}.filter-panel-header{align-items:flex-start}.filter-panel-toggle{align-self:flex-end}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--primary-color: #a7ceda;--secondary-color: #ff9f45;--background-color: #15263a;--text-color: #e5effb;--text-muted-color: #b6c9de;--border-color: #355170;--danger-color: #ff9f45;--header-bg-color: #1c3047;--hover-bg-color: #223b56;--chip-bg-color: #233a56;--chip-hover-bg-color: #2a4665;--chip-hover-border-color: #4e6e92;--active-filters-bg-color: #132439;--clue-correct-bg: #68c377;--clue-correct-border: #4ead5d;--clue-correct-shadow: rgba(104, 195, 119, .46);--clue-contains-bg: #f1cc62;--clue-contains-border: #dcb445;--clue-contains-shadow: rgba(241, 204, 98, .46);--clue-notcontains-bg: #ff6b6b;--clue-notcontains-border: #e04f4f;--clue-notcontains-shadow: rgba(255, 107, 107, .48);--clue-text-color: #f3f7ff}:root[data-theme=dark] body{color:#e5effb;background:linear-gradient(-45deg,#091321,#12243a,#1f3b60,#2f4f84)}:root[data-theme=dark] body:before{background-image:radial-gradient(circle at 20% 50%,rgba(59,99,164,.34) 0%,transparent 55%),radial-gradient(circle at 80% 80%,rgba(245,124,0,.2) 0%,transparent 52%),radial-gradient(circle at 40% 20%,rgba(167,206,218,.12) 0%,transparent 45%)}:root[data-theme=dark] .outerWrapper:before{background:linear-gradient(160deg,rgba(15,29,46,.88),rgba(20,36,57,.92));border-color:rgba(95,132,191,.4)}:root[data-theme=dark] .leftMeta,:root[data-theme=dark] .wordRow,:root[data-theme=dark] #alphabetContainer,:root[data-theme=dark] .modal-content,:root[data-theme=dark] .stats-container .stat-item{background:rgba(15,30,47,.9);border-color:rgba(95,132,191,.4);color:#e5effb}:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .about-toggle{background:linear-gradient(160deg,rgba(17,37,59,.95),rgba(31,59,96,.78));border-color:rgba(117,162,226,.55);color:#f1f7ff}:root[data-theme=dark] .theme-toggle:hover,:root[data-theme=dark] .about-toggle:hover{box-shadow:0 8px 16px rgba(6,13,21,.35)}:root[data-theme=dark] #gameHeader{color:#eef6ff;text-shadow:0 0 18px rgba(111,168,255,.35)}:root[data-theme=dark] .wordLengthInputContainer p,:root[data-theme=dark] .stats-container .stat-item .stat-time,:root[data-theme=dark] .stats-container .stat-item .stat-details,:root[data-theme=dark] .about-container p,:root[data-theme=dark] .rules-container li,:root[data-theme=dark] .close{color:#e5effb}:root[data-theme=dark] .about-container .contribute-note{background:rgba(19,36,57,.82);border-color:rgba(95,132,191,.45)}:root[data-theme=dark] .about-container a{color:#9fc7ff}:root[data-theme=dark] .about-container a:hover{color:#d1e6ff}:root[data-theme=dark] .alphabet-label{color:#9fc7ff;text-shadow:0 0 14px rgba(159,199,255,.35)}:root[data-theme=dark] #wordLengthInput,:root[data-theme=dark] .wordLetterBox:not(.correct):not(.contains):not(.notContains),:root[data-theme=dark] .timerDifficultyInfo #timerDisplay,:root[data-theme=dark] .timerDifficultyInfo #difficulty{background:#11253b;color:#e5effb;border-color:#6c8fbe}:root[data-theme=dark] .timerDifficultyInfo #timerDisplay{color:#a7ceda;border-color:#a7ceda}:root[data-theme=dark] .timerDifficultyInfo #difficulty{color:#ff9f45;border-color:#ff9f45}:root[data-theme=dark] #alphabetContainer .alphabet-grid .keyboard-key{background:linear-gradient(135deg,#1c3047,#14263b);color:#dce9fb;border-color:#4a6586}:root[data-theme=dark] #alphabetContainer .alphabet-grid .keyboard-key.correct{background:var(--clue-correct-bg);color:var(--clue-text-color);border-color:var(--clue-correct-border);box-shadow:0 4px 12px var(--clue-correct-shadow)}:root[data-theme=dark] #alphabetContainer .alphabet-grid .keyboard-key.contains{background:var(--clue-contains-bg);color:var(--clue-text-color);border-color:var(--clue-contains-border);box-shadow:0 4px 12px var(--clue-contains-shadow)}:root[data-theme=dark] #alphabetContainer .alphabet-grid .keyboard-key.notContains{background:var(--clue-notcontains-bg);color:var(--clue-text-color);border-color:var(--clue-notcontains-border);box-shadow:0 4px 12px var(--clue-notcontains-shadow)}:root[data-theme=dark] #alphabetContainer .alphabet-grid .keyboard-key.notGuessed{background:linear-gradient(135deg,#1c3047,#14263b);color:#d3e3f6;border-color:#4a6586}:root[data-theme=dark] #alphabetContainer .alphabet-grid .keyboard-key.keyboard-key--control{background:linear-gradient(135deg,#1a3550,#16304a);color:#c8def7;border-color:#4d77a2}:root[data-theme=dark] #statsList{box-shadow:0 10px 22px rgba(0,0,0,.35)}:root[data-theme=dark] .invalid-word-alert,:root[data-theme=dark] .success-alert,:root[data-theme=dark] .failure-alert{background:rgba(15,30,47,.95)}