:root{font-family:Agmena Pro Book;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden;margin:0;display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}input:focus{outline:none;border:1px solid white}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{min-width:100vw;margin:0;padding:0;text-align:center;background-color:#080808}button{outline:none}.card{padding:2em}.read-the-docs{color:#f9c043}.worden-ring-main{width:100vw;max-width:100vw;height:auto;overflow-x:hidden;min-height:100vh;display:flex;background-color:transparent;flex-direction:column;align-items:center;color:#f9c043;z-index:1}.worden-ring-main .top{width:50vw;height:10vh;display:flex;align-items:center;justify-content:space-between;z-index:1}.worden-ring-main .top .top-help,.worden-ring-main .top .top-about{width:2vw;height:50%;align-items:center;justify-content:center;display:flex;font-size:15px;font-family:Agmena Pro Book,serif;text-transform:uppercase;color:#fff;border:1px solid #999070;background-color:#141414e6;box-shadow:0 0 8px 2px #000c inset,0 0 12px 4px #000000b3;cursor:pointer;transition:all .25s ease-in-out}.worden-ring-main .top .top-help:hover,.worden-ring-main .top .top-about:hover,.worden-ring-main .top .top-help:focus,.worden-ring-main .top .top-about:focus{border-color:#d1d0a5;color:#f8f7e8;box-shadow:0 0 15px 2px #d1d0a5b3,0 0 10px 4px #d1d0a566 inset}.worden-ring-main .top .top-title{font-size:32px;font-weight:500}.top-title{position:relative;display:inline-block;font-family:Cinzel,Times New Roman,serif;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(40px,8vw,120px);line-height:1;background:url(https://www.transparenttextures.com/patterns/rocky-wall.png),linear-gradient(135deg,#d4af37,#8b6b2d 40%,#3e2f1c);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #2c261b;text-shadow:0 1px 0 #000,0 0 8px rgba(210,190,120,.35),0 0 18px rgba(210,190,120,.22);filter:drop-shadow(0 2px 10px rgba(210,190,120,.15))}.top-title:after{content:attr(data-text);position:absolute;inset:0;color:transparent;background-size:cover;mix-blend-mode:multiply;opacity:.28;-webkit-background-clip:text;background-clip:text;pointer-events:none}.top-title:before{content:attr(data-text);position:absolute;inset:0;color:transparent;background:linear-gradient(180deg,#00000026,#00000059);-webkit-background-clip:text;background-clip:text;filter:blur(.6px);opacity:.45;mix-blend-mode:multiply;pointer-events:none}@media (prefers-color-scheme: dark){.top-title{filter:drop-shadow(0 2px 12px rgba(210,190,120,.22))}}.worden-ring-main{min-height:100vh;display:flex;flex-direction:column}.stage{flex:1;display:flex;flex-direction:column;width:100%;align-items:center}.board{width:100%;max-width:80vw;flex:1;overflow-y:auto;padding:8px 15px 16px 0;scroll-behavior:smooth;height:auto;max-height:45vh;overflow-x:hidden}.content-chance{width:80vw;margin-top:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.keyboard-wrap{padding:16px 0 24px;position:sticky;bottom:0;background:#080808bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:100%;display:flex;justify-content:center;margin-top:20px}.worden-ring-main .content{width:100vw;height:auto;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;z-index:1}.worden-ring-main .content .content-chance .words-square{width:50px;height:50px;margin-left:5px;text-align:center;font-size:30px;font-family:Agmena Pro Book,serif;color:#fff;text-transform:uppercase;margin-top:10px;cursor:pointer;border:1px solid #999070;background-color:#141414e6;box-shadow:0 0 10px 3px #000c inset,0 0 15px 5px #000000b3;text-decoration:none;caret-color:transparent;outline:none;transition:all .2s ease-in-out}.worden-ring-main .content .content-chance .words-square:focus,.worden-ring-main .content .content-chance .words-square:hover{border-color:#d1d0a5;box-shadow:0 0 15px 2px #d1d0a5b3,0 0 10px 4px #d1d0a566 inset;color:#f8f7e8}.worden-ring-main .content .content-chance .words-square.correct{background-color:#378661}.worden-ring-main .content .content-chance .words-square.present{background-color:#f9c043}.worden-ring-main .content .content-chance .words-square.absent{background-color:#444;opacity:.2}.content-chance{perspective:800px}.words-square{transform-style:preserve-3d;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.flip{animation:wr-flip .3s ease-in-out}@keyframes wr-flip{0%{transform:rotateX(0)}49%{transform:rotateX(90deg)}51%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.board{scrollbar-width:thin;scrollbar-color:#cbb77a #121212;position:relative}.board::-webkit-scrollbar{width:14px}.board::-webkit-scrollbar-track{background:radial-gradient(2px 2px at 8px 10px,rgba(209,208,165,.12) 20%,transparent 22%) repeat-y,linear-gradient(180deg,#0e0e0efa,#121212fa);background-size:14px 28px,auto;border-left:1px solid #2c2a21;box-shadow:inset 0 0 14px #000000d9,inset 0 0 40px #00000073}.board::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37f2,#8b6b2df2 55%,#3e2f1cf5),repeating-linear-gradient(90deg,#00000040 0 2px,#0000 2px 4px);background-blend-mode:overlay;border:1px solid #d1c285;border-radius:10px;box-shadow:0 0 14px #d1d0a559,inset 0 0 10px #0009}.board::-webkit-scrollbar-thumb:hover{filter:brightness(1.08);border-color:#e5d48f;box-shadow:0 0 18px #d1d0a58c,inset 0 0 12px #000000bf}.board::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#d7b04f,#725821);border-color:#f1e19a;box-shadow:inset 0 0 12px #000000e6,0 0 8px #d1d0a580}.board::-webkit-scrollbar-corner{background:transparent}.board{scroll-behavior:smooth}.chances-count{position:absolute;top:0;right:0;margin-right:2%;margin-top:1%;display:flex}.chances-count p{font-size:28px;padding:0;margin:0}.chances-count p span:nth-child(1){font-size:24px}.chances-count p span:nth-child(2){color:red}@media screen and (max-width: 928px){.worden-ring-main .top{width:100%;justify-content:space-around}.keyboard-wrap{margin:0}.chances-count{position:unset;margin:5% 0 1%;padding:0}}.overflow-canva{position:absolute;width:100vw;min-height:100%;height:auto;z-index:999;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-container{width:1000px;height:500px;min-height:500px;margin-top:10px;background-color:#2e2e2e;border-radius:10px;color:#9a9a9a;display:flex;align-items:center;flex-direction:column}.modal-container .close-modal{align-self:flex-end;font-size:22px;font-weight:700;cursor:pointer;padding:2% 2% 0 0;margin:0}.modal-container .close-modal:hover{color:#f9c043}.modal-container .game-over,.modal-container .about-game{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.modal-container .game-over p:nth-child(1){padding:0;margin:2% 0 0;width:100%;font-size:24px;color:red;background-image:linear-gradient(to right,transparent 0%,transparent 2%,#000000 60%,transparent 100%)}.modal-container .game-over p:nth-child(1) .won-title{color:#f9c043}.modal-container .game-over div{display:flex;flex-direction:column;width:70%;align-items:center;justify-content:center}.modal-container .game-over div h2{font-size:24px}.modal-container .game-over div img{width:150px;height:150px;border-radius:10px;background-color:#6b6b6b}.modal-container .game-over button{background-color:#040200;color:#d9d9d9;font-size:20px;width:50%;height:50px;margin-bottom:3%}.modal-container .game-over button:hover{background-color:#040200;color:#ffcc4d}.modal-container .about-game{width:90%}.modal-container .about-game h2{color:#ffcc4d;font-size:24px}.modal-container .about-game p{font-size:16px}.modal-container .about-game p strong{color:#d9d9d9}.modal-container .about-game p a{color:#f9c043}.modal-container .about-game ul{list-style:none;display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:0;margin:0;align-items:center}.modal-container .about-game ul li{font-size:16px}.modal-container .about-game ul li div{width:20px;height:20px;border-radius:5px;border:1px solid;border-color:#d1d0a5;box-shadow:0 0 15px 2px #d1d0a5b3,0 0 10px 4px #d1d0a566 inset}.modal-container .about-game ul li:nth-child(1) div{background-color:#378661}.modal-container .about-game ul li:nth-child(2) div{background-color:#f9c043}.modal-container .about-game ul li:nth-child(3) div{background-color:#444;opacity:.2}@media screen and (max-width: 928px){.modal-container{width:90%;height:max-content;min-height:500px;margin-top:10px;background-color:#2e2e2e;border-radius:10px;color:#9a9a9a;display:flex;align-items:center;flex-direction:column}.modal-container .about-game h2{padding:0;margin:0}.modal-container .about-game ul li{display:flex;flex-direction:column;align-items:center}}.keyboard{display:grid;gap:8px}.keyboard-row{display:flex;gap:6px;justify-content:center}.key{height:50px;width:50px;padding:0 10px;border-radius:8px;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase;font-family:Agmena Pro Book,serif;font-size:20px;outline:none;transition:all .22s ease-in-out;position:relative;background-clip:padding-box;box-shadow:inset 0 0 10px 3px #000000d9,0 0 12px 4px #000000b3}.key[data-action=true]{width:72px}.key[data-state=idle]{background:#141414e6;color:#fff;border-color:#999070}.key[data-state=correct]{background:#16a34a;color:#fff;border-color:#16a34a}.key[data-state=present]{background:#f59e0b;color:#fff;border-color:#f59e0b}.key[data-state=absent]{background:#9ca3af;color:#fff;border-color:#9ca3af}.worden-btn:hover,.worden-btn:focus,.worden-btn:focus-visible{box-shadow:0 0 16px 2px #d1d0a5b3,inset 0 0 10px 4px #d1d0a559;border-color:#d1d0a5!important;color:#f8f7e8}.worden-btn:focus-visible{animation:eldenglow 2s ease-in-out infinite}@keyframes eldenglow{0%{box-shadow:0 0 14px 2px #d1d0a573,inset 0 0 10px 4px #d1d0a540}50%{box-shadow:0 0 20px 4px #d1d0a5bf,inset 0 0 12px 5px #d1d0a559}to{box-shadow:0 0 14px 2px #d1d0a573,inset 0 0 10px 4px #d1d0a540}}.worden-btn:active{transform:translateY(1px) scale(.98);box-shadow:0 0 10px 1px #d1d0a580,inset 0 0 12px 6px #000000d9}.worden-btn[disabled]{opacity:.6;cursor:not-allowed;box-shadow:inset 0 0 8px 3px #000000d9,0 0 10px 3px #0009}@media screen and (max-width: 928px){.key{width:30px;font-size:15px;height:30px;padding:0}.key[data-action=true]{width:45px}}