.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:var(--sw-color-tooltip);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:var(--sw-color-tooltip) 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-logo-link picture{display:flex}.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:var(--sw-color-hover-overlay)}.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-vs-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}}