.wordle-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--sw-color-page);display:flex;justify-content:center;align-items:center;z-index:500;overflow-x:hidden}.wordle-intro-container{text-align:center;display:flex;flex-direction:column;align-items:center}.wordle-intro-icon{margin-bottom:20px}.wordle-intro-grid{display:grid;grid-template-columns:repeat(3,20px);grid-gap:2px;margin-top:-50px;margin-left:-25px}.wordle-intro-grid-cell{width:20px;height:20px;background-color:var(--sw-color-wordle-grey)}.wordle-intro-grid-cell:nth-child(6),.wordle-intro-grid-cell:nth-child(7),.wordle-intro-grid-cell:nth-child(8),.wordle-intro-grid-cell:nth-child(9){background-color:var(--sw-color-wordle-green)}.wordle-intro-grid-cell:nth-child(5){background-color:var(--sw-color-wordle-yellow)}.wordle-intro-title{font-size:36px;font-weight:700;margin-top:-20px;justify-content:center}.wordle-intro-description{font-size:16px;margin:10px 0;text-align:center}@media(max-width:600px){.wordle-intro-grid{padding-left:35%}.wordle-intro-title{padding-left:0;padding-top:12%}.wordle-intro-description{padding-left:0;padding-bottom:10%}.wordle-overlay{padding-top:6%}}.wordle-container{--wordle-shell-height: calc( var(--sw-viewport-height) - var(--sw-current-header-height) - var(--sw-safe-area-top) - var(--sw-bottom-nav-height) - var(--sw-safe-area-bottom) );--wordle-container-padding-top: clamp(6px, 1.2vh, 12px);--wordle-container-gap: clamp(8px, 1.5vh, 14px);--wordle-key-height: 50px;--wordle-keypad-row-gap: 6px;--wordle-keypad-height: calc( (var(--wordle-key-height) * 3) + (var(--wordle-keypad-row-gap) * 2) );--wordle-accessory-height: 0px;--wordle-grid-gap: 8px;--wordle-tile-min: 36px;--wordle-tile-max: 60px;--wordle-tile-width-limit: calc((100vw - 92px)/5) ;--wordle-grid-height-limit: calc( ( var(--wordle-shell-height) - var(--wordle-container-padding-top) - var(--wordle-keypad-height) - var(--wordle-accessory-height) - (var(--wordle-container-gap) * 2) - (var(--wordle-grid-gap) * 5) ) / 6 );--wordle-tile-size: clamp( var(--wordle-tile-min), min( var(--wordle-tile-max), var(--wordle-tile-width-limit), var(--wordle-grid-height-limit) ), var(--wordle-tile-max) );width:100%;max-width:100%;overflow:hidden;position:relative;display:flex;flex-direction:column;height:var(--wordle-shell-height);min-height:0;justify-content:flex-start;gap:var(--wordle-container-gap);padding:var(--wordle-container-padding-top) 0 0;box-sizing:border-box}body.battle-mode .wordle-container{--wordle-grid-gap: 6px}@media(max-width:600px){body.battle-mode .wordle-container{--wordle-tile-min: 34px}}.wordle-container.has-starter-suggestion{--wordle-accessory-height: 62px}@media(min-width:768px){.wordle-container{--wordle-desktop-nav-offset: 68px;--wordle-desktop-bottom-space: 24px;--wordle-shell-height: calc( var(--sw-viewport-height) - var(--sw-current-header-height) - var(--sw-safe-area-top) - var(--wordle-desktop-nav-offset) - var(--wordle-desktop-bottom-space) )}}.wordle-content{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;overflow:hidden;min-height:0}.keypad{flex-shrink:0}.hint-container{display:flex;flex-direction:column;align-items:center;gap:6px;margin:8px 0 10px}.hint-button{min-width:180px;padding:10px 14px;border:none;border-radius:20px;font-weight:700;font-size:14px;background:linear-gradient(45deg,#f39c12,#e67e22);color:#fff;cursor:pointer}.hint-button:disabled{opacity:.6;cursor:not-allowed}.hint-button.error{background:#c0392b}.hint-error{margin:0;color:var(--sw-color-danger-strong);font-size:12px}.hint-reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#14181c4d;opacity:1;transition:opacity .22s ease}.hint-reveal-overlay.fade{opacity:0}.hint-reveal-icon{font-size:92px;line-height:1;filter:drop-shadow(0 6px 18px rgba(0,0,0,.3));color:#ffd166}.hint-reveal-icon svg{width:96px;height:96px}.hint-reveal-icon.giggle{animation:hintOverlayGiggle .24s ease-in-out infinite}.hint-reveal-key{min-width:110px;min-height:110px;border-radius:14px;background:#f1c40f;color:#1f2a33;display:flex;align-items:center;justify-content:center;font-size:72px;font-weight:800;box-shadow:0 10px 28px #00000047;opacity:1;transform:scale(1);transition:opacity .22s ease,transform .22s ease}.hint-reveal-key.fade{opacity:0;transform:scale(.9)}.starter-word-suggestion-wrapper{width:min(92vw,420px);margin:8px auto 10px;display:flex;align-items:center;justify-content:center;gap:8px}.starter-word-suggestion-enter{animation:starterWordSuggestionFadeIn .34s ease-out}.starter-word-pill{flex:1;border:1px solid #8ca06b;border-radius:999px;background:var(--sw-color-brand-soft);color:var(--sw-color-text);padding:8px 8px 8px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.starter-word-pill:disabled{opacity:.7;cursor:not-allowed}.starter-word-text{font-size:14px;font-weight:600}.starter-word-value{letter-spacing:.5px}.starter-word-go{background:#5ac85a;color:#fff;font-weight:700;font-size:12px;border-radius:999px;min-width:44px;padding:6px 10px;text-align:center;animation:starterWordGoPulse 2.6s ease-in-out infinite}@keyframes hintOverlayGiggle{0%{transform:rotate(0)}25%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes starterWordSuggestionFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes starterWordGoPulse{0%{transform:scale(1);box-shadow:0 0 #5ac85a00}50%{transform:scale(1.05);box-shadow:0 0 0 6px #5ac85a1f}to{transform:scale(1);box-shadow:0 0 #5ac85a00}}.guest-start-prompt{flex-shrink:0;text-align:center;margin:0 16px 10px}.guest-start-title{margin:0;padding:0;border-bottom:none;font-size:18px;font-weight:700;color:var(--sw-color-text-strong)}.guest-start-copy{margin:2px 0 0;font-size:14px;color:var(--sw-color-text-muted)}.guest-first-turn .row.current>div:first-child:not(.filled),.guest-first-turn .row.current>div.filled+div:not(.filled){animation:guest-next-tile-pulse 1.1s ease-in-out infinite}@keyframes guest-next-tile-pulse{50%{border-color:var(--sw-color-text-muted)}}@media(prefers-reduced-motion:reduce){.guest-first-turn .row.current>div{animation:none}}