@import url(https://fonts.googleapis.com/css2?family=Bungee&display=swap);.t360-games{visibility:visible}:root{--wordle-board-height:50vh}html{font-size:min(var(--max-size) / 100,100vw / 100);user-select:none;touch-action:manipulation}.container{position:fixed;top:0;bottom:0;right:0;left:0;background-color:#1a1a1a;display:flex;flex-direction:column;padding:1vh 0;align-items:center;font-family:Bungee,sans-serif}.loader{width:230px;height:30px;mask:linear-gradient(90deg,#000 70%,rgba(0,0,0,0) 0) left/20% 100%;-webkit-mask:linear-gradient(90deg,#000 70%,rgba(0,0,0,0) 0) left/20% 100%;background:linear-gradient(#eebc23 0 0) left -25% top 0/20% 100% no-repeat #e1e1e1;animation:loader 2.5s infinite steps(6);margin-right:-10px}.loader-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;row-gap:16px;justify-content:center;color:#f5f5f5;text-transform:uppercase;font-size:24px}.container:not([data-game-state=loading]) .loader-wrapper{display:none}.menu{padding:16px;position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:clamp(8px,1vh,16px);user-select:none}[data-game-state=ended] .menu,[data-game-state=loading] .menu,[data-game-state=playing] .menu{display:none}.menu .logo-wrapper{display:flex;align-items:center;flex-direction:column;font-size:36px}.menu .logo-wrapper .logo{width:clamp(85px,25vw,125px);aspect-ratio:89/100;background-image:url(https://www.terra.com.br/especial/games/wordle/terra-logo-label.png);background-size:contain;background-repeat:no-repeat}.menu .title{position:relative;display:flex;align-items:center;column-gap:6px;margin:4px 0;overflow:hidden;position:relative;color:#1a1a1a;font-size:28px}.menu .title.write .square:nth-child(1){transition-delay:0s}.menu .title.write .square:nth-child(2){transition-delay:120ms}.menu .title.write .square:nth-child(3){transition-delay:240ms}.menu .title.write .square:nth-child(4){transition-delay:360ms}.menu .title.write .square:nth-child(5){transition-delay:480ms}.menu .title.write .square{color:#fff}.menu .title.flip .square:nth-child(1){transition-delay:0s}.menu .title.flip .square:nth-child(2){transition-delay:150ms}.menu .title.flip .square:nth-child(3){transition-delay:.3s}.menu .title.flip .square:nth-child(4){transition-delay:450ms}.menu .title.flip .square:nth-child(5){transition-delay:.6s}.menu .title.flip .square{transform:rotateX(90deg)}.menu .title.check-1 .square:nth-child(-n+3){background-color:#73df42}.menu .title.erase .square:nth-child(1){transition-delay:570ms}.menu .title.erase .square:nth-child(2){transition-delay:285ms}.menu .title.erase .square:nth-child(3){transition-delay:190ms}.menu .title.erase .square:nth-child(4){transition-delay:.142s}.menu .title.erase .square:nth-child(5){transition-delay:114ms}.menu .title.erase .square{color:inherit}.menu .title.check-2 .square{background-color:#73df42}.menu .title .square{display:flex;align-items:center;justify-content:center;font-size:clamp(20px,4.5vmin,48px);width:2em;height:2em;color:#1a1a1a;border:1px solid #343538;background-color:#1a1a1a;position:relative;overflow:hidden;transition:color .1s linear,transform .1s linear}.menu .option{border:2px solid #000;border-radius:28px;padding:14px clamp(12px,5%,18px);background-color:#ff7f39;font-size:clamp(20px,4vmin,40px);cursor:pointer}.menu .option:hover{background-color:#faba96}.header{width:calc(var(--wordle-board-height) * 83 / 100);display:none;color:#fff;padding:env(safe-area-inset-top,12px) 0;margin:0 auto .5rem}[data-game-state=ended] .header,[data-game-state=playing] .header{display:flex;flex-direction:column;justify-content:space-evenly}.header .header-logo{display:flex;align-items:center;justify-content:center;column-gap:4px;margin-bottom:1rem}.header .header-logo .logo{width:10vmin;aspect-ratio:23/18;background-image:url(https://www.terra.com.br/especial/games/wordle/terra-logo.png);background-size:contain;background-repeat:no-repeat}.header .header-logo span{font-size:clamp(16px,6vmin,24px)}.header .header-info{display:flex;align-items:center;justify-content:space-between}.header .title{display:none;font-size:clamp(12px,5vmin,22px);color:#fff}[data-game-mode=daily] .header .title-daily{display:block}[data-game-mode=free] .header .title-free{display:block}.header .pause-button{display:block;width:clamp(24px,8vmin,48px);cursor:pointer}.header .pause-button>svg{width:20%;height:20%}.game-container{display:flex;height:100%;width:100%;align-items:center;flex-direction:column;justify-content:space-evenly}.board-holder{height:var(--wordle-board-height);aspect-ratio:83/100;margin:0 auto}.guess-grid{display:none;grid-template-rows:repeat(6,1fr);grid-row-gap:4px;height:100%}[data-game-state=ended] .guess-grid,[data-game-state=playing] .guess-grid{display:grid}.guess-grid .row{display:grid;justify-content:center;grid-template-columns:repeat(5,1fr);grid-column-gap:4px;height:100%}.tile{display:flex;justify-content:center;align-items:center;font-family:Bungee,sans-serif;font-weight:700;border:2px solid #343538;transition:transform 250ms linear;border-radius:10%;font-size:clamp(16px,6vmin,64px)}.tile[data-state=active]{border-color:#b3b3b3}.tile[data-state=wrong]{border:none;background-color:#343538}.tile[data-state=wrong-location]{border:none;background-color:#eebc23}.tile[data-state=correct]{border:none;background-color:#73df42}.tile.shake{animation:250ms ease-in-out shake}.tile.dance{animation:.5s ease-in-out dance}.tile.flip{transform:rotateX(90deg)}.tile.next{background-color:rgba(255,255,255,.2)}.alert-container{display:none;align-items:center;justify-content:center;height:5vh;font-size:clamp(16px,4.5vmin,22px);flex-grow:1}[data-game-state=playing] .alert-container{display:flex}.alert-container .alert{pointer-events:none;opacity:1;transition:opacity 1.25s ease-in-out;color:#fff;position:relative;top:3px}.alert-container .alert:last-child{margin-bottom:0}.alert-container .alert.hide{opacity:0}.keyboard{display:none;align-items:stretch;overflow:hidden;grid-template-columns:repeat(31,1fr);grid-template-rows:1fr 1fr 1fr;flex-grow:1;width:96%;max-width:940px;grid-gap:4px}[data-game-state=playing] .keyboard{display:grid}.keyboard .actions{flex-basis:100%;display:flex;align-items:stretch;justify-content:center}.key{grid-column:auto/span 3;display:flex;align-items:center;justify-content:center;border:none;background-color:hsl(var(--hue,200),var(--saturation,1%),calc(var(--lightness-offset,0%) + var(--lightness,51%)));font-size:clamp(16px,3.5vmin,24px);border-radius:4px}.key>svg{width:5vmin;min-width:16px;max-width:26px}.key:focus,.key:hover{--lightness-offset:10%}.key.wrong{--lightness:23%}.key.wrong-location{--hue:49;--saturation:51%;--lightness:47%}.key.correct{--hue:115;--saturation:29%;--lightness:43%}.key[data-key=A]{grid-column:2/span 3}.key[data-key=Z]{grid-column:4/span 3}.key[data-enter]{grid-column:auto/span 5}.key[data-delete]{fill:#fff}.key,.tile{color:#fff;text-transform:uppercase;user-select:none;cursor:pointer}.answer-if-wrong{font-size:clamp(14px,4.5vmin,36px);color:#fff;display:none;margin:clamp(4px,4vmin,16px) 0;font-weight:700;text-align:center}.answer-if-wrong>span{text-transform:uppercase;color:#5fb438}[data-game-state=ended][data-game-result=wrong] .answer-if-wrong{display:block}.ended-menu{display:none;color:#fff;font-size:clamp(16px,4.5vmin,32px);text-align:center;margin-top:clamp(8px,2vmax,72px);height:25%;flex-direction:column;align-items:center;justify-content:space-evenly}.ended-menu .message{display:none;margin-bottom:10px}[data-game-state=ended][data-game-mode=daily] .ended-menu.daily-mode,[data-game-state=ended][data-game-mode=daily][data-game-result=correct] .ended-menu.daily-mode .message-if-correct,[data-game-state=ended][data-game-mode=daily][data-game-result=wrong] .ended-menu.daily-mode .message-if-wrong{display:flex}[data-game-state=ended][data-game-mode=free] .ended-menu.free-mode,[data-game-state=ended][data-game-mode=free][data-game-result=correct] .ended-menu.free-mode .message-if-correct,[data-game-state=ended][data-game-mode=free][data-game-result=wrong] .ended-menu.free-mode .message-if-wrong{display:flex}.ended-menu button{display:inline-flex;column-gap:12px;align-items:center;border:none;border-radius:8px;padding:clamp(6px,2vmax,12px) clamp(12px,4vmax,24px);background-color:#ff7f39;color:inherit;cursor:pointer;font-size:clamp(14px,5vmin,28px)}.ended-menu button>svg{width:28px;fill:#fff}.instructions{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;background-color:inherit;color:#fff;font-family:'Nunito Sans',sans-serif;font-size:clamp(16px,5vmin,26px);width:clamp(250px,65vw,600px);margin:0 auto;padding:5vh 0;text-align:center}[data-game-state=instructions] .instructions{display:block}.instructions h2{font-size:32px;font-weight:700;margin-bottom:2rem}.instructions p{width:clamp(250px,50vw,560px);margin:0 auto 1rem}.instructions .example{display:flex;justify-content:center;column-gap:8px;margin:24px 0}.instructions .example .tile{font-size:clamp(20px,4.5vmin,48px);width:2.25em;aspect-ratio:1;cursor:default}.instructions .hint{text-transform:uppercase;font-weight:700}.instructions .hint.correct{color:#73df42}.instructions .hint.wrong-location{color:#eebc23}.instructions .hint.wrong{color:#343538}.instructions .hint.contrast{background-color:#ddd}.instructions .back-to-menu{display:flex;align-items:center;justify-content:center;column-gap:1rem;font-size:clamp(1em,3.5vmin,1.5em);line-height:1.5em;font-weight:700;cursor:pointer;margin-top:2em}.instructions .back-to-menu:hover span{text-decoration:underline}.instructions .back-to-menu>svg{width:clamp(28px,10%,40px)}@keyframes shake{10%,90%{transform:translateX(-5%)}30%{transform:translateX(5%)}50%{transform:translateX(-7.5%)}70%{transform:translateX(7.5%)}100%{transform:translateX(0)}}@keyframes dance{20%{transform:translateY(-50%)}40%{transform:translateY(5%)}60%{transform:translateY(-25%)}80%{transform:translateY(2.5%)}90%{transform:translateY(-5%)}100%{transform:translateY(0)}}@keyframes loader{100%{background-position:right -25% top 0}}