:root,:root[data-theme=light]{color-scheme:light;--sw-color-bg: #ffffff;--sw-color-page: #ffffff;--sw-color-surface: #ffffff;--sw-color-surface-muted: #f8f9fa;--sw-color-text: #333333;--sw-color-text-muted: #666666;--sw-color-text-inverse: #ffffff;--sw-color-border: #eeeeee;--sw-color-border-strong: #dddddd;--sw-color-focus: #1976d2;--sw-color-success: #5ac85a;--sw-color-success-strong: #4e9f4e;--sw-color-danger: lightcoral;--sw-color-danger-strong: #c0392b;--sw-color-wordle-green: #5ac85a;--sw-color-wordle-yellow: #e2cc68;--sw-color-wordle-grey: #a1a1a1;--sw-color-wordle-orange: #e67e22;--sw-color-battle: #e74c3c;--sw-color-battle-strong: #c0392b;--sw-color-nav-active: #5a9254;--sw-color-modal-backdrop: rgba(255, 255, 255, .7);--sw-shadow-card: 0 2px 8px rgba(0, 0, 0, .1);--sw-shadow-modal: 0 18px 46px rgba(0, 0, 0, .18);--sw-radius-sm: 5px;--sw-radius-md: 8px;--sw-radius-lg: 10px;--sw-radius-pill: 999px;--sw-z-header: 1000;--sw-z-modal: 2000;--sw-z-modal-control: 2001;--sw-z-overlay: 12000;--sw-safe-area-top: env(safe-area-inset-top, 0px);--sw-safe-area-bottom: env(safe-area-inset-bottom, 0px);--sw-viewport-height: calc(var(--vh, 1vh) * 100);--sw-header-height: 50px;--sw-battle-header-height: 90px;--sw-bottom-nav-height: 66px;--sw-current-header-height: var(--sw-header-height);--sw-wordle-max-width: 480px}@supports (height: 100dvh){:root,:root[data-theme=light]{--sw-viewport-height: 100dvh}}:root[data-theme=dark-dev]{color-scheme:dark;--sw-color-bg: #111820;--sw-color-page: #111820;--sw-color-surface: #1b242d;--sw-color-surface-muted: #202b35;--sw-color-text: #f4f7f2;--sw-color-text-muted: #b5c0bb;--sw-color-text-inverse: #ffffff;--sw-color-border: #2e3a45;--sw-color-border-strong: #44515d;--sw-color-focus: #82b7ff;--sw-color-success: #5ac85a;--sw-color-success-strong: #7ad37a;--sw-color-danger: #ff9a9a;--sw-color-danger-strong: #ff6f6f;--sw-color-wordle-green: #5ac85a;--sw-color-wordle-yellow: #d8c15f;--sw-color-wordle-grey: #80888d;--sw-color-wordle-orange: #f39c12;--sw-color-battle: #ff7b72;--sw-color-battle-strong: #ff6f6f;--sw-color-nav-active: #8cc787;--sw-color-modal-backdrop: rgba(17, 24, 32, .72);--sw-shadow-card: 0 2px 12px rgba(0, 0, 0, .35);--sw-shadow-modal: 0 18px 46px rgba(0, 0, 0, .42)}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--sw-color-page)}button,input,textarea,select{font:inherit}body{min-height:100%;margin:0;background:var(--sw-color-page);color:var(--sw-color-text);font-family:Helvetica Neue,Arial,sans-serif;font-size:1em;text-align:center}h1{margin:0 0 30px;padding:20px 0;border-bottom:1px solid var(--sw-color-border);color:var(--sw-color-text);font-size:1.2em}@supports (-webkit-touch-callout: none){html,body,#root{min-height:-webkit-fill-available}}.row{text-align:center;display:flex;justify-content:center}.row>div{display:block;width:60px;height:60px;border:1px solid #bbb;margin:2px;text-align:center;line-height:60px;text-transform:uppercase;font-weight:700;font-size:2.5em}.row>div.green{--background: var(--sw-color-wordle-green);--border-color: var(--sw-color-wordle-green);animation:flip .6s ease forwards}.row>div.grey{--background: var(--sw-color-wordle-grey);--border-color: var(--sw-color-wordle-grey);animation:flip .6s ease forwards}.row>div.yellow{--background: var(--sw-color-wordle-yellow);--border-color: var(--sw-color-wordle-yellow);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}@keyframes flip{0%{transform:rotateX(0);background:#fff;border-color:#333}45%{transform:rotateX(90deg);background:#fff;border-color:#333}55%{transform:rotateX(90deg);background:var(--background);border-color:var(--border-color)}to{transform:rotateX(0);background:var(--background);border-color:var(--border-color);color:#eee}}@keyframes bounce{0%{transform:scale(1);border-color:#ddd}50%{transform:scale(1.2)}to{transform:scale(1);border-color:#333}}.navbar{position:fixed;bottom:0;left:0;right:0;background:var(--sw-color-surface);z-index:var(--sw-z-header);border-top:1px solid var(--sw-color-border);min-height:calc(var(--sw-bottom-nav-height) + var(--sw-safe-area-bottom));padding-bottom:var(--sw-safe-area-bottom)}@media(min-width:768px){.navbar{top:calc(var(--sw-header-height) + var(--sw-safe-area-top));bottom:auto;border-top:none;border-bottom:1px solid var(--sw-color-border)}body{margin-top:68px}}.navbar-content{display:flex;justify-content:space-around;align-items:center;height:var(--sw-bottom-nav-height);padding:6px 0;max-width:var(--sw-wordle-max-width);margin:0 auto}.navbar-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--sw-color-text-muted);flex:1;padding:4px 0}.wordle-nav-item{position:relative}.navbar-item.active{color:var(--sw-color-nav-active)}.feed-icon,.nav-icon{font-size:24px}.wordle-icon{width:24px;height:24px;object-fit:contain}.label{font-size:12px;margin-top:4px}.label.active{color:var(--sw-color-nav-active);font-weight:700}.wordle-feed-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#1f2a33;color:var(--sw-color-text-inverse);font-size:12px;font-weight:600;padding:8px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 20px #0003;pointer-events:none;animation:wordleTooltipFloat 1.6s ease-in-out infinite}.wordle-feed-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:7px 7px 0 7px;border-style:solid;border-color:#1f2a33 transparent transparent transparent}.wordle-nav-item.nudge .wordle-icon,.wordle-nav-item.nudge .label{animation:none}.wordle-nav-item.nudge .wordle-icon{border-radius:999px;filter:drop-shadow(0 0 8px rgba(90,146,84,.55)) drop-shadow(0 0 14px rgba(90,146,84,.35))}.navbar-item.active .notification-icon{color:var(--sw-color-nav-active)}@keyframes wordleTooltipFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}@media(prefers-reduced-motion:reduce){.wordle-feed-tooltip{animation:none}}.static-nav-header{position:fixed;top:0;left:0;right:0;background-color:var(--sw-color-surface);z-index:var(--sw-z-header);width:100%;height:calc(var(--sw-header-height) + var(--sw-safe-area-top));padding-top:var(--sw-safe-area-top);border-bottom:1px solid var(--sw-color-border)}.header-content{display:flex;justify-content:space-between;align-items:center;height:var(--sw-header-height);padding:0 16px;max-width:var(--sw-wordle-max-width);margin:0 auto}.header-left,.header-logo-link{display:flex;align-items:center;height:100%}.header-image{height:var(--sw-header-height);width:auto;object-fit:contain}.header-right{display:flex;align-items:center;gap:16px}.nav-icon-container{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s}.nav-icon-container:hover{background-color:#0000000a}.nav-icon{font-size:24px;color:var(--sw-color-text-muted)}.profile-icon{width:24px;height:24px;border-radius:50%}.nav-icon.active{color:var(--sw-color-nav-active)!important}@media(max-width:768px){.header-content{padding:0 8px}.nav-icon-container{padding:6px}}.auto-battle-icon{color:var(--sw-color-battle)!important;font-size:24px}.auto-battle-icon:hover{color:var(--sw-color-battle-strong)!important}.nav-icon-container.loading{opacity:.6;pointer-events:none}.static-nav-header.battle-mode{height:calc(var(--sw-battle-header-height) + var(--sw-safe-area-top))}.static-nav-header.battle-mode .header-content{height:var(--sw-header-height)}.battle-participants-row{position:relative;height:40px;padding:0 16px;background-color:var(--sw-color-surface-muted);border-top:1px solid var(--sw-color-border);display:flex;align-items:center;justify-content:center;width:min(100%,var(--sw-wordle-max-width));max-width:var(--sw-wordle-max-width);margin:0 auto;box-sizing:border-box}.battle-participants-row.is-hidden{visibility:hidden}@media(min-width:768px){.static-nav-header.battle-mode .battle-participants-row{position:fixed;top:calc(var(--sw-safe-area-top) + var(--sw-header-height) + var(--sw-bottom-nav-height));left:50%;transform:translate(-50%);z-index:var(--sw-z-header)}}.battle-banner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;max-width:420px;gap:10px;margin:0 auto}.battle-player{display:flex;align-items:center;gap:8px;min-width:0}.battle-player-challenger{justify-content:flex-end}.battle-player-defender{justify-content:flex-start}.challenger-name{text-align:right;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600;color:var(--sw-color-text)}.defender-name{text-align:left;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600;color:var(--sw-color-text)}.battle-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.battle-avatar-icon{width:24px!important;height:24px!important;color:var(--sw-color-text-muted)}.battle-name{font-size:14px;font-weight:600;color:var(--sw-color-text)}.battle-icon{font-size:20px;color:var(--sw-color-text-muted);flex-shrink:0;justify-self:center}.help-container{display:flex;flex-direction:column;align-items:center;padding:4px 8px!important}.help-text{font-size:10px;color:var(--sw-color-text-muted);margin-top:2px;white-space:nowrap}body{--sw-current-header-height: var(--sw-header-height)}body.battle-mode{--sw-current-header-height: var(--sw-battle-header-height)}body:not(.viewing-comments){padding-top:calc(var(--sw-current-header-height) + var(--sw-safe-area-top))}body.viewing-comments{padding-top:0;margin-top:0}@media(max-width:768px){.battle-participants-row{padding:0 8px}.challenger-name,.defender-name{max-width:100px;font-size:12px}.battle-name{font-size:12px}.battle-avatar{width:20px;height:20px}.battle-avatar-icon{width:20px!important;height:20px!important}.battle-banner{gap:8px}}.likes-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.likes-container{width:100%;max-width:400px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;box-shadow:0 4px 8px #0000001a}.likes-header{display:flex;align-items:center;justify-content:center;padding:5px;background-color:#fff;border-bottom:1px solid #eee;position:relative;border-radius:10px 10px 0 0}.likes-header h2{margin:15px;font-size:16px}.back-button{background:none;border:none;font-size:16px;cursor:pointer;position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#333}.likes-list{padding:0 20px 5px;overflow-y:auto}.likes-item{display:flex;align-items:center;padding:10px 0;cursor:pointer;border-bottom:1px solid #eee}.likes-item:last-child{border-bottom:none}.user-avatar-likes{width:40px;height:40px;border-radius:50%;margin-right:10px}.post-component{display:flex;border:none;padding:10px;position:relative;width:100%;margin:0;box-sizing:border-box;max-width:100%;overflow-x:hidden}.post-component:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#f0f0f0}.post-component.anonymous-preview-post{background:#fff8d8;border-left:3px solid #f2c94c}.post-component.anonymous-preview-post:after{background-color:#f1e2a6}.user-avatar-container{width:60px;margin-right:10px}.user-avatar{width:100%;height:auto;border-radius:50%;cursor:pointer}.anonymous-preview-avatar{background:#fffdf3;border:1px solid #eadf9e;cursor:default}.post-content-wrapper{flex:1;display:flex;flex-direction:column}.post-header{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.user-info{display:flex;align-items:center;flex-grow:1;justify-content:flex-start}.user-name{font-weight:700;cursor:pointer;margin-right:2px}.anonymous-preview-post .user-name{cursor:default}.anonymous-preview-post .user-info{padding-right:48px}.user-info .separator{margin:0 3px}.user-visits{margin:0;color:#000;font-size:14px}.anonymous-preview-badge{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:2px 6px;border-radius:999px;background:#ffffff9e;color:#6b6b6b;font-size:12px;line-height:1;white-space:nowrap}.anonymous-preview-eye{width:14px!important;height:14px!important;color:#777}.time{font-size:10px;color:#555;margin-left:15px;position:absolute;right:0;margin-right:5px}.wordle-grid{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.wordle-grid p{width:100%;display:flex;flex-direction:column;align-items:left;margin-right:300px}.wordle-row{display:flex;gap:2px;width:100%;justify-content:left}.wordle-cell{width:15px;height:13px;background-color:var(--sw-color-wordle-grey);box-sizing:border-box}.wordle-cell.green{background-color:var(--sw-color-wordle-green)}.wordle-cell.yellow{background-color:var(--sw-color-wordle-yellow)}.wordle-cell.grey{background-color:var(--sw-color-wordle-grey)}.post-footer{display:flex;align-items:center;margin-top:10px;flex-wrap:wrap}.anonymous-preview-footer{justify-content:flex-start}.anonymous-preview-signin-button{position:relative;min-height:36px;max-width:100%;padding:8px 16px;border:1px solid #d7b93d;border-radius:6px;background:linear-gradient(110deg,#f1c232,#f7d960 36%,#fff5bd 48%,#f1c232 62%,#dfac20);background-size:220% 100%;color:#2d2500;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;box-shadow:0 1px 4px #84660738;animation:anonymousPreviewGlimmer 2.4s ease-in-out infinite}.anonymous-preview-signin-button:hover,.anonymous-preview-signin-button:focus-visible{border-color:#b58c10;box-shadow:0 2px 7px #84660752}@keyframes anonymousPreviewGlimmer{0%{background-position:180% 0}55%,to{background-position:-40% 0}}.heart-icon{cursor:pointer;color:#555;flex-shrink:0}.heart-icon.liked{color:red}.likes-count{margin-left:4px;cursor:pointer;color:#555;font-size:14px}.comment-icon{cursor:pointer;font-size:21px;transform:scaleX(-.95);margin-left:16px;stroke-width:0;color:#555;flex-shrink:0}.comments-count{margin-left:4px;font-size:14px;color:#555;cursor:pointer}.delete-icon{margin-left:auto;color:#f08080;cursor:pointer;flex-shrink:0}.delete-dialog{background-color:#fff;width:300px;text-align:center;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:8px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0003;z-index:1000}.delete-dialog h2{margin-bottom:20px;font-size:20px}.feed-container .delete-dialog p{margin-bottom:20px;font-size:16px;text-align:center}.delete-dialog-buttons{display:flex;gap:20px}.delete-dialog button{background-color:#fff;padding:10px 20px;font-size:14px;border:none;border-radius:4px;cursor:pointer}.delete-dialog button.cancel-button{background-color:#fff;color:#000;border:1px solid black}.delete-dialog button.delete-button{color:red;border:1px solid black}@media(min-width:500px){.post-header{display:flex;align-items:center;justify-content:space-between;width:100%}.user-info{display:flex;align-items:center;flex-grow:1;justify-content:flex-start}.user-avatar{margin-right:10px}.user-name{font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-visits{margin:0}.time{font-size:14px}}@media(max-width:500px){.post-component{flex-direction:row}.user-avatar-container{width:40px;margin-right:10px}.post-content-wrapper{width:calc(100% - 50px)}.post-header{display:flex;align-items:left;justify-content:left;position:relative;width:100%}.user-info{display:flex;align-items:center;flex-grow:1;justify-content:flex-start}.user-avatar{width:100%;height:auto}.user-name{font-weight:700;cursor:pointer;white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word;text-align:center}.user-visits{margin:0}.time{position:absolute;font-size:14px}.anonymous-preview-badge{margin-left:6px;padding:2px 5px;font-size:11px}.anonymous-preview-signin-button{width:100%}}.comment{display:flex;align-items:flex-start;margin-bottom:10px}.comment .user-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px}.comment-content{flex:1}.comment-header{display:flex;align-items:center;justify-content:space-between}.comment-footer{display:flex;align-items:center;margin-top:5px}.battle-icon{cursor:pointer;margin-right:5px;margin-left:16px;width:20px;height:20px;color:#555}.battle-icon.challenger_won{color:#4fb24f;fill:#5ac85a}.battle-icon.defender_won{color:#f08080;fill:#f08080}.battle-icon.in_progress{color:#ceba5d;fill:#f5de77}.feed-date-header{position:sticky;top:0;z-index:100;background-color:#f0f0f0;padding:8px 16px;font-size:14px;font-weight:700;border-bottom:1px solid #e0e0e0;text-align:center;width:100%;box-sizing:border-box}.delete-dialog button.play-now{background-color:#4caf50}.post-message{margin-bottom:10px;white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:1.4}@keyframes wiggle{0%,to{transform:rotate(0) scale(1);color:#555}25%{transform:rotate(-10deg) scale(1.5);color:#4caf50}50%{transform:rotate(0) scale(1);color:#555}75%{transform:rotate(10deg) scale(1.5);color:#f08080}}@keyframes wiggleWithGap{0%,50%{transform:rotate(0) scale(1);color:#555}12.5%{transform:rotate(-10deg) scale(2);color:#4caf50}25%{transform:rotate(0) scale(1);color:#555}37.5%{transform:rotate(10deg) scale(2);color:#f08080}}.battle-icon-animate{animation:wiggleWithGap 2s ease-in-out;animation-iteration-count:3;animation-delay:1s;animation-direction:normal;animation-fill-mode:both;animation-play-state:running;animation-timing-function:ease-in-out}.battle-icon-container{position:relative;display:inline-flex;align-items:center}.battle-text-bubble{position:absolute;color:#fff;font-size:12px;white-space:nowrap;left:calc(100% + 5px);top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;clip-path:polygon(20% 0%,20% 10%,100% 10%,100% 90%,20% 90%,20% 100%,0% 50%,20% 0%);background:#4caf50;padding:6px 12px 6px 16px}.battle-icon-animate+.battle-text-bubble{opacity:1;animation:slideLeftRight 2s ease-in-out infinite}@keyframes slideLeftRight{0%,to{transform:translateY(-50%) translate(0);opacity:1}50%{transform:translateY(-50%) translate(10px);opacity:.8}}@media(prefers-reduced-motion:reduce){.anonymous-preview-signin-button{animation:none}}.feed-container{max-width:480px;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 10px #0000001a;width:100%;overflow-x:hidden;position:relative}.feed-post-item{width:100%}.feed-post-item-enter{animation-delay:var(--feed-enter-delay, 0ms);will-change:transform,opacity}.feed-post-item-enter--initial{animation:feed-post-slide-in-initial .52s cubic-bezier(.16,1,.3,1) both}.feed-post-item-enter--append{animation:feed-post-slide-in-append .34s cubic-bezier(.22,1,.36,1) both}@keyframes feed-post-slide-in-initial{0%{transform:translateY(36px) rotate(var(--feed-enter-tilt, 0deg)) scale(.96);opacity:0}72%{transform:translateY(-4px) rotate(0) scale(1.005);opacity:1}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}@keyframes feed-post-slide-in-append{0%{transform:translateY(22px) rotate(var(--feed-enter-tilt, 0deg)) scale(.985);opacity:0}80%{transform:translateY(-1px) rotate(0) scale(1);opacity:1}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}.feed-post-placeholder{width:calc(100% - 20px);min-height:72px;margin:8px 10px;border-radius:10px;background:linear-gradient(90deg,#f5f5f5,#eee,#f5f5f5)}.feed-loading-item{width:100%}.feed-loading-card{width:calc(100% - 20px);min-height:88px;margin:8px 10px;border-radius:10px;border:1px solid #f0f0f0;background:#fff;display:flex;align-items:center;justify-content:center}.feed-loading-wordle-icon{width:28px;height:28px;object-fit:contain;animation:feedWordleIconSpin .92s linear infinite}.feed-error-item{width:100%}.feed-error-card{width:calc(100% - 20px);min-height:176px;margin:8px 10px;border-radius:10px;border:1px solid #f0f0f0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;text-align:center;overflow:hidden}.feed-error-wordle-icon{width:100%;height:auto;display:block;object-fit:contain}.feed-error-card .feed-error-text{margin:0;padding:12px 14px 14px;font-size:18px;line-height:1.4;color:#3c3c3c;white-space:pre-line;text-align:center}@keyframes feedWordleIconSpin{to{transform:rotate(360deg)}}@media(max-width:768px){.feed-container{padding-bottom:60px}}@media(prefers-reduced-motion:reduce){.feed-post-item-enter,.feed-post-item-enter--initial,.feed-post-item-enter--append,.feed-loading-wordle-icon{animation:none}}.feed-container p{text-align:left;font-size:14px;color:#555;margin:10px 0}.load-more-button{display:block;margin:20px auto;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;position:relative}.load-more-button:disabled{background-color:#ccc}.feed-component{position:relative}.group-tabs-container{position:sticky;top:0;z-index:1;background:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:8px}