:root{--correct-color: rgb(37, 131, 39);--present-color: rgb(188, 164, 61);--absent-color: rgb(85, 85, 85);--invalid-color: rgb(134, 54, 38) }a,a:visited{text-decoration:none;background-color:transparent}html{font-size:13px}@media(min-width:900px){html{font-size:15px}}html,body{height:100%}body{margin:0;background-color:#0e1626;color:#fff;font-family:Poppins,sans-serif}main{display:grid;place-items:center;margin:0;padding:1rem 0}#game-content{display:flex;flex-direction:column;height:100%;overflow:auto}#game-wrap{flex:1;display:flex;flex-direction:column;align-items:center;margin:0 auto;padding-bottom:2rem}#game{color:#fff;background-color:#000;background-image:linear-gradient(153deg,#00040b 11%,#0c1321 85%),linear-gradient(149deg,#000 3%,#fec63b00 80%);position:relative;border-radius:20px;width:auto;max-width:-moz-max-content;max-width:max-content;margin:2rem 0}#game:before{content:"";display:block;position:absolute;inset:-7px;background-color:#d3d6da;z-index:-1;border-radius:25px}.row{display:flex;justify-content:center}.tile{outline:1px solid rgba(73,110,158,.1);width:17vw;height:17vw;max-width:calc(100vh / 11);max-height:calc(100vh / 11);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;text-transform:uppercase;color:#f5f5f5}.row:first-of-type .tile:first-of-type{border-top-left-radius:20px}.row:first-of-type .tile:last-of-type{border-top-right-radius:20px}.row:last-of-type .tile:first-of-type{border-bottom-left-radius:20px}.row:last-of-type .tile:last-of-type{border-bottom-right-radius:20px}.row.invalid .tile,.tile.invalid{color:var(--invalid-color);text-shadow:0 0 12px rgba(134,54,38,.42)}.tile.correct{color:var(--correct-color);text-shadow:0 0 12px rgba(38,246,110,.42)}.tile.present{color:var(--present-color);text-shadow:0 0 12px rgba(246,171,38,.42)}.tile.absent{color:var(--absent-color)}header{position:relative;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}#wg-logo{color:#ffebcd;text-align:center;line-height:1;margin:0;width:300px}#wg-atla-logo{height:74px}@media(min-width:900px){#wg-atla-logo{height:74px}}output{display:block;font-weight:500;font-style:italic;font-size:15px;max-width:380px;margin:.5rem auto 2.0125rem;padding:0 1rem;text-transform:uppercase;letter-spacing:1px;height:26px;visibility:visible}@media(min-width:900px){output{font-size:17px;margin:.5rem auto}}output:empty{visibility:hidden;color:#496e9e}#keyboard{width:94vw;max-width:600px}#keyboard .row>div{width:100%;margin:2px}.key{background:#d3d6da;border:0;border-radius:4px;height:50px;padding:0 10px;color:#000;font-weight:700;width:100%;display:flex;justify-content:center;align-items:center}.key:active{background:var(--absent-color)}.key.correct{background:var(--correct-color);color:#fff}.key.present{background:var(--present-color)}.key.absent{background:var(--absent-color);color:#fff}.preferencePanel{position:relative;background-color:#f5f5f5;width:100%;border-radius:8px;margin:2rem 0}.wq-socials{display:flex;gap:.125rem;padding:.5rem .125rem 0;margin:0;align-items:center}.wq-socials-icon{height:15px;width:15px;background-color:#0e1626;padding:.125rem;border-radius:2px;color:#f5f5f5}.preferencePanel menu{color:#000;list-style:none;margin:0;padding:.5rem .5rem 0}.preferencePanel menu li{display:flex;gap:.125rem;justify-content:space-between}.preferencePanel menu li hr{display:none}.wq-btn-container{display:flex;gap:1rem}.wq-btn{border-radius:8px 8px 0 0;padding:.125rem .5rem;text-align:center}.wq-btn:hover{cursor:pointer;opacity:.9}.wq-btn:active{transform:scale(.98)}.wq-btn-increase,.wq-btn-decrease{background-color:var(--correct-color);color:#fff}.wq-btn-decrease{background-color:var(--invalid-color)}.wq-btn-new-game{background-color:var(--present-color);border-top:2px dashed beige;color:#000}.word-length-block{font-size:10px}.word-length{padding:.5px 3px;box-shadow:#434755a6 0 0 .25em,#5a7dbc0d 0 .25em 1em}@media(min-width:900px){.preferencePanel{max-width:162px;position:absolute;top:1rem;left:1rem;z-index:1}.wq-socials{justify-content:center;align-items:center}.preferencePanel menu{padding:1rem 1rem 0}.preferencePanel menu li{display:flex;flex-direction:column}.preferencePanel menu li hr{width:100%;opacity:.3;color:gray;margin:0 0 .5rem}.wq-btn-container{display:block}.wq-btn{border-radius:8px;margin:.5rem 0}.wq-btn-new-game{background-color:var(--present-color);border-radius:8px 8px 0 0;margin:1rem 0 0;border-top:2px dashed beige;color:#000}.word-length{padding:1px 3px}.word-length-block{font-size:13px}}.ux-rotate-block{display:flex;justify-content:center;align-items:center}.ux-rotate{mix-blend-mode:lighten}@media(orientation:landscape){.ux-rotate{display:none}}.rules_container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed;z-index:999999;background-color:#000;background-color:#000000e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.rules{width:540px;border-radius:5px;color:#fff;box-shadow:0 4px 30px #0000001a;transition:all .3s ease;height:50%;overflow-y:scroll;padding:10px 10px 50px}.rules .rule-heading{height:60px;width:100%;border-bottom:1px solid #0e1626;display:flex;align-items:center;border-radius:5px 5px 0 0;font-size:20px;font-weight:600;color:#fff}.rule-title{color:#f0c244}.rules .rules-list{padding:15px 30px}.rules .rules-list .rule{padding:5px 0;font-size:17px}.rules .rules-list .rule .feedback{font-weight:600;text-transform:uppercase;font-variant:small-caps;text-decoration-line:underline;text-decoration-style:double}.fb-green{color:var(--correct-color)}.fb-yellow{color:var(--present-color)}.fb-gray{color:var(--absent-color)}.fb-404{color:var(--invalid-color)}.rules .buttons{height:60px;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #0e1626}.rules .buttons .exit,.rules .buttons .continue{margin:0 5px;width:-moz-max-content;width:max-content;font-size:16px;cursor:pointer;outline:none;border-radius:5px;padding:8px;text-align:center;background-color:#fff;color:#000;font-weight:600;letter-spacing:1px}.rules .buttons .exit>.arrow,.rules .buttons .continue>.arrow{display:inline;height:26px;width:26px;vertical-align:middle}.rules .buttons .exit:hover{filter:invert(1)}.rules .buttons .continue:hover{color:var(--correct-color);cursor:pointer}.additional-rule-notes{padding:.5rem;border-top:1px solid #0e1626;list-style:none}.note{padding:1rem;border-top:1px dashed lightgray}.note:first-of-type{border-top:none}.rules-toggle{color:#fff;text-align:center;border:none;background:transparent;height:30px;width:30px;cursor:pointer;position:absolute;top:0;left:10px}