body{font-family:helvetica neue;font-size:1em;margin:0;text-align:center}@media (min-width:768px){body{font-family:helvetica neue;font-size:1em;margin:0;text-align:center}}h1{border-bottom:1px solid #eee;color:#333;font-size:1.2em;margin:0 0 30px;padding:20px 0}.row,.row>div{text-align:center}.row>div{border:1px solid #bbb;display:block;font-size:2.5em;font-weight:700;height:60px;line-height:60px;margin:2px;text-transform:uppercase;width:60px}.row>div.green{--background:#5ac85a;--border-color:#5ac85a}.row>div.green,.row>div.grey{animation:flip .6s ease forwards}.row>div.grey{--background:#a1a1a1;--border-color:#a1a1a1}.row>div.yellow{--background:#e2cc68;--border-color:#e2cc68;animation:flip .6s ease forwards}.row>div:nth-child(2){animation-delay:.2s}.row>div:nth-child(3){animation-delay:.4s}.row>div:nth-child(4){animation-delay:.6s}.row>div:nth-child(5){animation-delay:.8s}.row.current>div.filled{animation:bounce .2s ease-in-out forwards}.keypad{margin:auto;max-width:500px}.keypad>div{background:#eee;border-radius:6px;display:inline-block;height:50px;line-height:50px;margin:3px 5px;width:40px}.keypad>div.green{background:#5ac85a}.keypad>div.green,.keypad>div.yellow{color:#fff;transition:all .3s ease-in;transition-delay:1.4s}.keypad>div.yellow{background:#e2cc68}.keypad>div.grey{background:#a1a1a1;color:#fff;transition:all .3s ease-in;transition-delay:1.4s}.modal{background:#ffffffb3;height:100%;left:0;position:fixed;top:0;width:100%}.modal div{background:#fff;border-radius:10px;box-shadow:2px 2px 10px #0000004d;margin:10% auto;max-width:480px;padding:30px 30px 15px}.modal .solution{color:#ff004c;font-size:.8em;font-weight:700;letter-spacing:1px;text-transform:uppercase}@keyframes flip{0%{background:#fff;border-color:#333;transform:rotateX(0)}45%{background:#fff;border-color:#333;transform:rotateX(90deg)}55%{background:var(--background);border-color:var(--border-color);transform:rotateX(90deg)}to{background:var(--background);border-color:var(--border-color);color:#eee;transform:rotateX(0deg)}}@keyframes bounce{0%{border-color:#ddd;transform:scale(1)}50%{transform:scale(1.2)}to{border-color:#333;transform:scale(1)}}.navbar{background:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1000}@media (min-width:768px){.navbar{border-bottom:1px solid #eee;border-top:none;bottom:auto;top:50px}body{margin-top:68px}}.navbar-content{justify-content:space-around;margin:0 auto;max-width:480px;padding:8px 0}.navbar-content,.navbar-item{align-items:center;display:flex}.navbar-item{color:#555;flex:1 1;flex-direction:column;padding:4px 0;text-decoration:none}.navbar-item.active{color:#5a9254}.feed-icon,.nav-icon{font-size:24px}.wordle-icon{height:24px;object-fit:contain;width:24px}.label{font-size:12px;margin-top:4px}.label.active{color:#5a9254;font-weight:700}.navbar-item.active .notification-icon{color:#5a9254}@supports (-webkit-touch-callout:none){.navbar{padding-bottom:env(safe-area-inset-bottom)}}.static-nav-header{background-color:#fff;border-bottom:1px solid #eee;height:50px;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.header-content{justify-content:space-between;margin:0 auto;max-width:480px;padding:0 16px}.header-content,.header-left{align-items:center;display:flex;height:100%}.header-image{height:50px;object-fit:contain;width:auto}.header-right{align-items:center;display:flex;gap:16px}.nav-icon-container{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.nav-icon-container:hover{background-color:#0000000a}.nav-icon{color:#555;font-size:24px}.profile-icon{border-radius:50%;height:24px;width:24px}.nav-icon.active{color:#5a9254!important}@media (max-width:768px){.header-content{padding:0 8px}.nav-icon-container{padding:6px}}.auto-battle-icon{color:#e74c3c!important;font-size:24px}.auto-battle-icon:hover{color:#c0392b!important}.nav-icon-container.loading{opacity:.6;pointer-events:none}.static-nav-header.battle-mode{height:90px}.static-nav-header.battle-mode .header-content{height:50px}.battle-participants-row{background-color:#f8f9fa;border-top:1px solid #eee;height:40px;margin:0 auto;max-width:480px;padding:0 16px}.battle-center,.battle-participants-row{align-items:center;display:flex;justify-content:center;position:relative}.battle-center{width:100%}.challenger-name{right:calc(50% + 66px);text-align:right}.challenger-name,.defender-name{color:#333;font-size:14px;font-weight:600;max-width:120px;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;z-index:10}.defender-name{left:calc(50% + 66px);text-align:left}.battle-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.battle-avatar-icon{color:#666;height:24px!important;width:24px!important}.battle-center>:first-child{order:1}.battle-center>:nth-child(2){margin-right:8px;order:2}.battle-center>:nth-child(3){margin:0 8px;order:3}.battle-center>:nth-child(4){margin-left:8px;order:4}.battle-center>:nth-child(5){order:5}.battle-name{color:#333;font-size:14px;font-weight:600}.battle-icon{color:#666;flex-shrink:0;font-size:20px}.help-container{align-items:center;display:flex;flex-direction:column;padding:4px 8px!important}.help-text{color:#666;font-size:10px;margin-top:2px;white-space:nowrap}body:not(.viewing-comments){padding-top:50px}body:not(.viewing-comments).battle-mode{padding-top:90px}body.viewing-comments{margin-top:0;padding-top:0}@media (max-width:768px){.battle-participants-row{padding:0 8px}.challenger-name,.defender-name{font-size:12px;max-width:100px}.battle-name{font-size:12px}.battle-avatar{height:20px;width:20px}.battle-avatar-icon{height:20px!important;width:20px!important}.challenger-name{right:calc(50% + 58px)}.defender-name{left:calc(50% + 58px)}}.opponent-preview-header{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.battle-icon-large{color:#e74c3c;font-size:48px;margin-bottom:8px}.opponent-info{align-items:center;display:flex;flex-direction:column;gap:16px}.opponent-avatar{align-items:center;background-color:#f8f9fa;border:3px solid #e74c3c;border-radius:50%;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.opponent-image{height:100%;object-fit:cover;width:100%}.opponent-avatar-icon{color:#666;font-size:48px!important}.opponent-name{color:#333;font-size:24px;font-weight:600;margin:0}.battle-preview{margin:0 auto;max-width:320px}.battle-description{color:#666;font-size:16px;line-height:1.4;margin:16px 0}.wordle-info{background-color:#f8f9fa;border-radius:8px;margin-top:20px;padding:16px}.wordle-hint{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.wordle-hint:last-child{margin-bottom:0}.hint-label{color:#666;font-size:14px;font-weight:500}.first-guess{color:#e74c3c}.daily-word,.first-guess{font-family:monospace;font-size:16px;font-weight:700;letter-spacing:2px}.daily-word{color:#5a9254}@media (max-width:480px){.opponent-avatar{height:60px;width:60px}.opponent-avatar-icon{font-size:36px!important}.opponent-name{font-size:20px}.battle-description{font-size:14px}.battle-icon-large{font-size:40px}}.likes-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.likes-container{border-radius:10px;box-shadow:0 4px 8px #0000001a;flex-direction:column;max-width:400px;width:100%}.likes-container,.likes-header{background-color:#fff;display:flex}.likes-header{align-items:center;border-bottom:1px solid #eee;border-radius:10px 10px 0 0;justify-content:center;padding:5px;position:relative}.likes-header h2{font-size:16px;margin:15px}.back-button{background:none;border:none;color:#333;cursor:pointer;font-size:16px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.likes-list{overflow-y:auto;padding:0 20px 5px}.likes-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:10px 0}.likes-item:last-child{border-bottom:none}.user-avatar-likes{border-radius:50%;height:40px;margin-right:10px;width:40px}.post-component{border:none;box-sizing:border-box;display:flex;margin:0;max-width:100%;overflow-x:hidden;padding:10px;position:relative;width:100%}.post-component:after{background-color:#f0f0f0;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.post-content-wrapper{display:flex;flex:1 1;flex-direction:column}.post-header{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.user-name{margin-right:2px}.user-info .separator{margin:0 3px}.user-visits{color:#000;font-size:14px;margin:0}.time{color:#555;font-size:10px;margin-left:15px;margin-right:5px;position:absolute;right:0}.wordle-grid{align-items:flex-start;gap:2px;width:100%}.wordle-grid p{align-items:left;display:flex;flex-direction:column;margin-right:300px;width:100%}.wordle-row{gap:2px;justify-content:left;width:100%}.wordle-cell{background-color:grey;box-sizing:border-box;height:13px;width:15px}.wordle-cell.green{background-color:#5ac85a}.wordle-cell.yellow{background-color:#e2cc68}.wordle-cell.grey{background-color:#a1a1a1}.post-footer{align-items:center;display:flex;flex-wrap:wrap;margin-top:10px}.heart-icon{color:#555;cursor:pointer}.likes-count{color:#555}.delete-icon{color:#f08080;cursor:pointer;margin-left:auto}.delete-dialog{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1000}.delete-dialog h2{font-size:20px;margin-bottom:20px}.feed-container .delete-dialog p{font-size:16px;margin-bottom:20px;text-align:center}.delete-dialog-buttons{display:flex;gap:20px}.delete-dialog button{background-color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px}.delete-dialog button.cancel-button{background-color:#fff;border:1px solid #000;color:#000}.delete-dialog button.delete-button{border:1px solid #000;color:red}@media (min-width:500px){.post-header{justify-content:space-between;width:100%}.post-header,.user-info{align-items:center;display:flex}.user-info{flex-grow:1;justify-content:flex-start}.user-avatar{margin-right:10px}.user-name{cursor:pointer;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-visits{margin:0}.time{font-size:14px}}@media (max-width:500px){.post-component{flex-direction:row}.user-avatar-container{margin-right:10px;width:40px}.post-content-wrapper{width:calc(100% - 50px)}.post-header{align-items:left;display:flex;justify-content:left;position:relative;width:100%}.user-info{align-items:center;display:flex;flex-grow:1;justify-content:flex-start}.user-avatar{height:auto;width:100%}.user-name{cursor:pointer;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:normal;word-break:break-word}.user-visits{margin:0}.time{font-size:14px;position:absolute}}.comment{align-items:flex-start;display:flex;margin-bottom:10px}.comment .user-avatar{border-radius:50%;height:40px;margin-right:10px;width:40px}.comment-content{flex:1 1}.comment-footer{margin-top:5px}.battle-icon{color:#555;cursor:pointer;height:20px;margin-left:16px;margin-right:5px;width:20px}.battle-icon.challenger_won{fill:#5ac85a;color:#4fb24f}.battle-icon.defender_won{fill:#f08080;color:#f08080}.battle-icon.in_progress{fill:#f5de77;color:#ceba5d}.feed-date-header{background-color:#f0f0f0;border-bottom:1px solid #e0e0e0;box-sizing:border-box;font-size:14px;font-weight:700;padding:8px 16px;position:sticky;text-align:center;top:0;width:100%;z-index:100}.delete-dialog button.play-now{background-color:#4caf50}.post-message{word-wrap:break-word;font-size:14px;line-height:1.4;margin-bottom:10px;white-space:pre-wrap}@keyframes wiggle{0%,to{color:#555;transform:rotate(0deg) scale(1)}25%{color:#4caf50;transform:rotate(-10deg) scale(1.5)}50%{color:#555;transform:rotate(0deg) scale(1)}75%{color:#f08080;transform:rotate(10deg) scale(1.5)}}@keyframes wiggleWithGap{0%,50%{color:#555;transform:rotate(0deg) scale(1)}12.5%{color:#4caf50;transform:rotate(-10deg) scale(2)}25%{color:#555;transform:rotate(0deg) scale(1)}37.5%{color:#f08080;transform:rotate(10deg) scale(2)}}.battle-icon-animate{animation:wiggleWithGap 2s ease-in-out;animation-delay:1s;animation-direction:normal;animation-fill-mode:both;animation-iteration-count:3;animation-play-state:running;animation-timing-function:ease-in-out}.battle-icon-container{align-items:center;display:inline-flex;position:relative}.battle-text-bubble{background:#4caf50;clip-path:polygon(20% 0,20% 10%,100% 10%,100% 90%,20% 90%,20% 100%,0 50%,20% 0);color:#fff;font-size:12px;left:calc(100% + 5px);opacity:0;padding:6px 12px 6px 16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.battle-icon-animate+.battle-text-bubble{animation:slideLeftRight 2s ease-in-out infinite;opacity:1}@keyframes slideLeftRight{0%,to{opacity:1;transform:translateY(-50%) translateX(0)}50%{opacity:.8;transform:translateY(-50%) translateX(10px)}}.feed-container{align-items:center;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:480px;overflow-x:hidden;padding:0;position:relative;width:100%}@media (max-width:768px){.feed-container{padding-bottom:60px}}.feed-container p{color:#555;font-size:14px;margin:10px 0;text-align:left}.load-more-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;margin:20px auto;padding:10px 20px;position:relative}.load-more-button:disabled{background-color:#ccc}.feed-component{position:relative}.group-tabs-container{background:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:8px;position:sticky;top:0;z-index:1}@media (max-width:600px){.grid-wordle{padding-top:1%}body.battle-mode .grid-wordle{padding-top:.5%}}.row.daily div{background:#fff;color:#000}.row.daily div,.row.solution div{border:1px solid #ddd}.grid-wordle{display:flex;flex-direction:column;justify-content:center}.row>div{aspect-ratio:1/1;font-size:calc(16px + 2vmin);max-width:60px;width:100%}body.battle-mode .row>div{font-size:calc(14px + 1.5vmin);max-width:50px}@media (max-height:600px){.row>div{aspect-ratio:1/.8}body.battle-mode .row>div{aspect-ratio:1/.7;max-width:45px}}.grid-wordle.submitting .row.current{opacity:.6}.grid-wordle.submitting .row.current div{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.row,.row div{align-items:center;display:flex;justify-content:center}.row div{aspect-ratio:1/1;border:1px solid #ddd;box-sizing:border-box;font-size:24px;height:60px;width:60px}body.battle-mode .row div{font-size:20px;height:50px;width:50px}.row.daily div,.row.solution div{font-weight:700}@media (max-width:600px){.row div{font-size:min(calc(9.6vw - 2.4px),24px);height:min(calc(16vw - 4px),calc(16.66667vh - 58px));height:min(calc(16vw - 4px),calc(var(--vh, 1vh)*100/6 - 58px));max-height:60px;max-width:60px;width:min(calc(16vw - 4px),calc(16.66667vh - 58px));width:min(calc(16vw - 4px),calc(var(--vh, 1vh)*100/6 - 58px))}body.battle-mode .row div{font-size:min(calc(8.4vw - 2.4px),20px);height:min(calc(14vw - 4px),calc(16.66667vh - 66.33333px));height:min(calc(14vw - 4px),calc(var(--vh, 1vh)*100/6 - 66.33333px));max-height:50px;max-width:50px;width:min(calc(14vw - 4px),calc(16.66667vh - 66.33333px));width:min(calc(14vw - 4px),calc(var(--vh, 1vh)*100/6 - 66.33333px))}.keypad{display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,1fr))}.key,.keypad{justify-content:center}.key{align-items:center;display:flex;font-size:12px;font-weight:700;height:40px;max-width:85%;padding:1px}.key:nth-child(n+1):nth-child(-n+10){grid-row:1}.key:nth-child(n+11):nth-child(-n+19){grid-column:span 1;grid-row:2;margin-left:58.82353%}.key:nth-child(n+20):nth-child(-n+26){grid-column:span 1;grid-row:3;margin-left:58.82353%}.key.enter-key{align-items:center;font-size:12px;grid-column:1;justify-content:center}.key.delete-key,.key.enter-key{display:flex;font-weight:700;grid-row:3;max-width:150%;width:130%}.key.delete-key{grid-column:9;margin-left:58.82353%}.key svg,.key.enter-key svg{height:15px;width:15px}.key.enter-key svg{stroke:#000;stroke-width:1}.key.enter-key.disabled{cursor:not-allowed;opacity:.7}.key.enter-key.disabled:after{animation:spin 1s linear infinite;border:2px solid #5ac85a;border-radius:100%;content:"";display:inline-block;height:12px;margin-left:8px;width:12px}}@media (max-width:600px){@keyframes spin{to{transform:rotate(1turn)}}.key.disabled{cursor:not-allowed;opacity:.7}.keypad.submitting{pointer-events:none}}.container{font-family:Arial,sans-serif}.image{border-radius:50%;height:100px;object-fit:cover;width:100px}.image,.name{margin-bottom:8px}.name{font-size:16px;font-weight:700}.stats{align-items:center;color:#555;display:flex;font-size:14px}.icon{margin-bottom:1px;margin-right:4px}.separator{margin:0 8px}.additional-stats{display:flex;flex-wrap:wrap;justify-content:center;margin-top:16px}.stat{align-items:center;display:flex;flex-direction:column;margin:8px}.stat-number{font-size:18px;font-weight:400;text-align:center}.stat-subtext,.stat-text{color:#555;font-size:14px;font-weight:700}.aggregate-battle-score,.modal .aggregate-battle-score{align-items:center;background-color:#f0f0f0;border-radius:20px;display:flex;font-size:12px;gap:4px;margin-left:auto;margin-right:auto;margin-top:8px;max-width:fit-content;padding:4px 12px}.aggregate-battle-score .swords-icon{font-size:16px;margin:0 4px}.aggregate-battle-score .score,.aggregate-battle-score .separator{font-size:14px;margin:0 2px}.aggregate-battle-score .user-name{font-weight:400;margin-right:2px}.battle-result-modal div{margin-top:calc(10% + 40px)!important}@media (max-width:768px){.battle-result-modal div{margin-top:calc(10% + 50px)!important}}.tutorial-overlay{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.overlay-section{pointer-events:auto;transition:all .3s ease;width:100%;z-index:1001}.overlay-section.dark{background-color:#000000b3}.overlay-section:not(.dark){background:#0000!important}.tutorial-content{height:100%;pointer-events:none;position:absolute;width:100%}.tutorial-step{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;left:50%;max-width:400px;padding:20px;pointer-events:auto;position:fixed;text-align:center;transform:translateX(-50%);width:80%;z-index:1002}.tutorial-step.active{animation:fadeIn .3s ease-in-out;display:block}.tutorial-button{background-color:#538d4e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:8px 20px}.tutorial-button:hover{background-color:#437c3d}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:400px;padding:20px;text-align:center;width:100%}.modal-content button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}.modal-content button:hover{background-color:#0056b3}.overlay{background-color:#fff;height:100%;justify-content:center;left:0;overflow-x:hidden;position:fixed;top:0;width:100%;z-index:500}.container,.overlay{align-items:center;display:flex}.container{flex-direction:column;text-align:center}.icon{margin-bottom:20px}.grid{grid-gap:2px;display:grid;grid-template-columns:repeat(3,20px);margin-left:-25px;margin-top:-50px}.grid-cell{background-color:#a1a1a1;height:20px;width:20px}.grid-cell:nth-child(6),.grid-cell:nth-child(7),.grid-cell:nth-child(8),.grid-cell:nth-child(9){background-color:#5ac85a}.grid-cell:nth-child(5){background-color:#e2cc68}.title{font-size:36px;font-weight:700;justify-content:center;margin-top:-20px}.description{font-size:16px;margin:10px 0;text-align:center}.play-button{font-size:18px;padding:12px;width:150px}.play-button:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.login-button{background-color:#4caf50;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:15px;margin:10px 0;padding:10px;width:150px}@media(max-width:600px){.grid{padding-left:35%}.title{padding-left:0;padding-top:12%}.description{padding-bottom:10%;padding-left:0}.overlay{padding-top:6%}}.wordle-container{display:flex;flex-direction:column;height:calc(100vh - 120px);height:calc(var(--vh, 1vh)*100 - 120px);justify-content:space-between;max-width:100%;overflow:hidden;padding-bottom:80px;position:relative;width:100%}body.battle-mode .wordle-container{height:calc(100vh - 160px);height:calc(var(--vh, 1vh)*100 - 160px)}@media (min-width:768px){.wordle-container{height:calc(100vh - 250px)}}.wordle-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;overflow:hidden}.keypad{flex-shrink:0}.animated-greeting{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding:2rem;position:relative}.greeting-container{margin-top:20vh;min-height:100px}.content-container{min-height:150px;position:relative}.logo-image{height:50px;margin-left:10px;opacity:0;vertical-align:middle}.logo-word{align-items:center;display:inline-flex;margin-left:10px}.greeting-text{align-items:center;display:flex;flex-wrap:wrap;font-size:3.5rem;justify-content:center;line-height:1.2;margin-bottom:.5rem}.name-text{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:4rem;margin:1rem 0 2rem;opacity:0}.word{animation:fadeIn .5s forwards;display:inline-block;margin-right:8px;opacity:0}.subtext{color:#666;font-size:1.4rem;margin-top:1rem;opacity:0}.play-button{background:linear-gradient(45deg,#4caf50,#45a049);border:none;border-radius:25px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:1.2rem;margin:20px 0;opacity:0;padding:15px;transition:transform .2s,box-shadow .2s;width:180px}.play-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.fade-in{animation:fadeIn .8s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-button-container{display:flex;justify-content:center;margin-top:20px;opacity:0}.brand-text{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:4rem;font-weight:700;margin:1rem 0;opacity:0}.login-prompt{display:block;margin-top:4rem}@media (max-width:768px){.greeting-container{margin-top:15vh}.logo-image{height:100px}.greeting-text{font-size:2rem}.name-text{font-size:3rem}.subtext{font-size:1.2rem}.brand-text{font-size:3rem}}.profile-page{display:flex;flex-direction:column;min-height:100vh;padding-top:1px;position:relative}.profile-page-logged-in{justify-content:space-evenly}.profile-page-logged-out{padding-top:100px}.profile-content{align-items:center;display:flex;flex-direction:column}.logout-button-container{display:flex;justify-content:center;margin-bottom:80px}button{background-color:#6aaa64;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}button:hover{background-color:#4e7b4d}.logout-icon-container{cursor:pointer;position:absolute;right:20px;top:20px}.logout-icon-container svg{color:#e8eaed;height:18px;width:18px}.container{padding-top:20px}.notification-icon-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute;right:20px;top:70px}.notification-icon-container svg{height:18px;width:18px}.delete-account-icon-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute;right:20px;top:120px;transition:opacity .3s}.delete-account-icon-container:hover{opacity:.8}.delete-account-icon-container svg{height:18px;width:18px}.login-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;margin:8px 0;padding:8px 16px;text-align:center}.google-login-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.google-login-button:hover{background-color:#357abd}.guess-distribution-overview-wrapper{overflow-x:hidden;position:relative;width:100vw}.guess-distribution-overview-container{background-color:initial;margin:0 auto;max-width:500px;padding:20px;position:relative;text-align:center;width:100%}.guess-distribution-overview-wrapper:after,.guess-distribution-overview-wrapper:before{background-color:#ccc;content:"";height:1px;left:0;position:absolute;right:0}.guess-distribution-overview-wrapper:before{top:0}.guess-distribution-overview-wrapper:after{bottom:0}.guess-distribution-overview{align-items:center;display:flex;flex-direction:column}.histogram-bar{align-items:center;display:flex;margin-bottom:2px;position:relative;width:100%}.guess-number{color:#333;font-size:12px;font-weight:700;text-align:right;width:40px}.bar{background-color:initial;flex-grow:1;height:20px;margin:0 10px;overflow:hidden;position:relative}.bar-fill{align-items:center;background-color:#888;box-sizing:border-box;color:#fff;display:flex;height:100%;justify-content:flex-end;left:0;min-width:20px;padding-right:5px;position:absolute;top:0;width:0}.max-bar .bar-fill{background-color:green}.guess-count{color:#fff;font-size:12px;font-weight:700;position:absolute;right:7px;z-index:1}@media (max-width:768px){.guess-distribution-overview-container{padding:10px}.histogram-bar{flex-direction:row;gap:10px}.bar{margin:1px;max-width:60%}.bar-fill{min-width:20px}}.guess-distribution-overview-wrapper h3{margin-left:32px;margin-top:5px;text-align:left}.comment-component{border:none;border-bottom:2px solid #ddd;box-sizing:border-box;display:flex;margin:0;overflow-x:hidden;padding:10px;width:100%}.user-avatar{border-radius:50%;cursor:pointer;height:auto;width:100%}.comment-content-wrapper{display:flex;flex:1 1;flex-direction:column}.comment-header{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.user-name{cursor:pointer;font-size:14px;font-weight:700}.comment-content{margin-top:5px}.comment-content p{font-size:14px;margin:0;text-align:left}.comment-footer{align-items:center;display:flex;justify-content:flex-start;margin-top:10px}.comment-actions{align-items:center;display:flex;gap:15px}.comment-icon,.delete-icon,.heart-icon{cursor:pointer}.comment-icon{stroke-width:0px;color:#555;font-size:21px;margin-left:16px;transform:scaleX(-.95)}.comments-count{color:#555;font-size:14px;margin-left:4px}.heart-icon.liked{color:red}.likes-count{cursor:pointer;font-size:14px;margin-left:4px}@media (max-width:500px){.comment-component{flex-direction:row}.user-avatar-container{margin-right:10px;width:40px}.comment-content-wrapper{width:calc(100% - 50px)}.comment-header{align-items:flex-start;flex-direction:column}.time{font-size:12px}}.spacing{height:16px}.post-detail{margin:0 auto;max-width:480px}.post-content{margin-bottom:10px}.post-message{text-align:left}.wordle-grid{display:flex;flex-direction:column}.wordle-row{display:flex}.comments-section form{display:flex;flex-direction:column;padding:5px 10px}.comments-section input{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-bottom:10px;padding:10px}.comments-section button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.comments-section button:hover{background-color:#0056b3}.static-nav-header h1{font-size:1.2rem;font-weight:600;margin:0}.leaderboard-page{margin:0 auto;max-width:480px;padding:0 16px;position:relative}.leaderboard-loading{align-items:center;display:flex;font-size:1.2rem;height:calc(100vh - 140px);justify-content:center}.leaderboard-table{overflow:hidden}.table-header{align-items:center;background-color:#f5f5f5;border-radius:8px 8px 0 0;display:grid;font-size:.9rem;font-weight:700;grid-template-columns:50px 1fr 60px;padding:12px 16px}.table-body{border:1px solid #e0e0e0;border-radius:0 0 8px 8px}.table-row{align-items:center;border-bottom:1px solid #e0e0e0;cursor:pointer;display:grid;grid-template-columns:50px 1fr 60px;padding:12px 16px;transition:background-color .2s}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#f8f8f8}.rank-column{font-size:.9rem;font-weight:600}.name-column{align-items:center;display:flex;gap:8px;min-width:0}.name-column span{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streak-column{font-size:.9rem;font-weight:600;text-align:right}.leaderboard-table .user-avatar{border-radius:50%;flex-shrink:0;height:24px;object-fit:cover;width:24px}@media screen and (max-width:768px){.navbar{background:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1000}}.tabs-container{background:#fff;position:sticky;top:0;z-index:10}.table-container{height:calc(100vh - 220px);overflow-y:auto;padding-bottom:70px}.table-row.current-user{background-color:#fff9c4}.table-row.current-user:hover{background-color:#fff59d}.notification-card{border:none;border-bottom:2px solid #ddd;box-sizing:border-box;cursor:pointer;display:flex;margin:0;overflow-x:hidden;padding:10px 0 10px 10px;transition:background-color .2s;width:100%}.notification-card:hover{background-color:#f5f5f5}.notification-card.unread{background-color:#f0f7ff}.notification-card.unread:hover{background-color:#e5f1ff}.user-avatar-container{margin-right:10px;width:60px}.notification-card .user-avatar{border-radius:50%;height:auto;width:100%}.notification-content-wrapper{display:flex;flex:1 1;flex-direction:column}.notification-header{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.user-info{align-items:center;display:flex;flex-grow:1;gap:5px;justify-content:flex-start}.notification-card .user-name{font-size:14px;font-weight:700;margin-right:0}.time{color:#666;font-size:14px}.notification-content{margin-top:5px}.notification-content p{font-size:14px;margin:0;text-align:left}.notification-type-icon{margin-right:8px;vertical-align:middle}.notification-type-icon.battle{color:#ff4081}.notification-action{font-size:14px;margin-right:10px}@media (max-width:500px){.notification-card{flex-direction:row}.user-avatar-container{margin-right:10px;width:40px}.notification-content-wrapper{width:calc(100% - 50px)}.notification-header{align-items:flex-start;flex-direction:column}.time{font-size:12px}}.notifications-page{background-color:#fff;min-height:100vh;padding-bottom:70px;padding-top:0}.notifications-container{margin:auto;max-width:480px;padding:20px}.error,.loading,.no-notifications{color:#666;padding:20px;text-align:center}.error{color:#f44}@media (max-width:768px){.notifications-container{padding:10px}}.privacy-policy-container{padding-bottom:20px;padding-top:20px}.privacy-policy-paper{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.privacy-policy-paper h1{color:#333;margin-bottom:1rem}.privacy-policy-paper h6{color:#444;margin-bottom:1rem;margin-top:1.5rem}.privacy-policy-paper p{color:#666;line-height:1.6;margin-bottom:1rem}@media (max-width:600px){.privacy-policy-container{padding-bottom:10px;padding-top:10px}.privacy-policy-paper{border-radius:0}}
/*# sourceMappingURL=main.fc492cd9.css.map*/