*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}:root{--bg-primary:#fff;--bg-secondary:#f0f2f5;--bg-tertiary:#e4e6eb;--text-primary:#050505;--text-secondary:#65676b;--text-tertiary:#8a8d91;--border-color:#e4e6eb;--shadow-color:#0000001a}.dark-mode{--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-tertiary:#1a1a1a;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--text-tertiary:#8a8d91;--border-color:#1a1a1a;--shadow-color:#00000080}@media (max-width:768px){.dark-mode{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#121212;--border-color:#1a1a1a;--shadow-color:#000000b3}}html{scroll-behavior:smooth}body,html{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:hidden;overscroll-behavior-x:none;overscroll-behavior-y:auto;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#050505;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative;transition:background-color .3s ease,color .3s ease}.dark-mode body,body{background-color:#f0f2f5;background-color:var(--bg-secondary)}@media (max-width:768px){.dark-mode body{background-color:#000}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dark-mode button,.dark-mode input,.dark-mode select,.dark-mode textarea{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (max-width:768px){a[role=button],button,input[type=button],input[type=reset],input[type=submit]{min-height:44px;min-width:44px;touch-action:manipulation}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px;min-height:44px;padding:.875rem;touch-action:manipulation}a{touch-action:manipulation}*{-webkit-tap-highlight-color:transparent}img{display:block;height:auto;max-width:100%}#root{max-width:100vw;overflow-x:hidden;position:relative;width:100%}article,aside,div,footer,header,main,nav,section{box-sizing:border-box;max-width:100%}body{-webkit-overflow-scrolling:touch;overflow-x:hidden!important;overflow-y:auto!important}}.navbar{background-color:#333;box-shadow:0 2px 4px #0000001a;color:#fff;left:0;padding:1rem 0;position:fixed;right:0;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.navbar-brand{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-menu{gap:1.5rem}.navbar-link,.navbar-menu{align-items:center;display:flex}.navbar-link{color:#fff;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.navbar-link:hover{background-color:#ffffff1a}.navbar-link.active{background-color:#fff3;font-weight:600}.navbar-dropdown{position:relative}.navbar-dropdown-menu{background-color:#333;border-radius:4px;box-shadow:0 4px 6px #0000004d;margin-top:.5rem;min-width:180px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .2s,visibility .2s,transform .2s;visibility:hidden;z-index:1000}.navbar-dropdown:hover .navbar-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.navbar-dropdown-item{border-radius:4px;color:#fff;display:block;margin:.25rem;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s}.navbar-dropdown-item:hover{background-color:#ffffff1a}.navbar-user{color:#ccc;font-size:.9rem}.navbar-button{background-color:#f44;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.navbar-button:hover{background-color:#c00}.navbar-mobile-toggle{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;touch-action:manipulation}.navbar-link-text{display:none}@media (max-width:768px){.navbar-container{padding:0 1rem}.navbar-mobile-toggle{display:flex}.navbar-link-text{display:inline}.navbar-menu{align-items:stretch;background-color:#333;box-shadow:0 4px 6px #0000004d;box-sizing:border-box;flex-direction:column;gap:0;left:0;max-height:0;max-width:100vw;opacity:0;overflow:hidden;padding:1rem 0;position:fixed;right:0;top:60px;transition:max-height .3s ease,opacity .3s ease;width:100%;z-index:999}.navbar-menu.mobile-open{max-height:100vh;opacity:1}.navbar-link{align-items:center;border-radius:0;display:flex;justify-content:flex-start;min-height:44px;padding:1rem 1.5rem;touch-action:manipulation}.navbar-link:hover{background-color:#ffffff26}.navbar-user{display:none}.navbar-button{margin:.5rem 1.5rem;min-height:44px;touch-action:manipulation;width:calc(100% - 3rem)}.navbar-dropdown{width:100%}.navbar-dropdown-menu{background-color:#2a2a2a;border-radius:0;box-shadow:none;display:none;margin:0;min-width:auto;opacity:1;position:static;transform:none;visibility:visible;width:100%}.navbar-dropdown:focus-within .navbar-dropdown-menu,.navbar-dropdown:hover .navbar-dropdown-menu{display:block}.navbar-dropdown-item{align-items:center;border-radius:0;display:flex;margin:0;min-height:44px;padding:1rem 2.5rem;touch-action:manipulation}.navbar-dropdown-item:hover{background-color:#ffffff26}}.footer{background:#211b28;box-sizing:border-box;color:#fff4e0;margin-top:auto;padding:28px 24px;width:100%}.footer-container{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin:0 auto;max-width:1180px}.footer-description{color:#c6bdcc;font-size:13px;margin:10px 0 0}.footer-links{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:22px}.footer-links a{color:#f3cb75;text-decoration:none;text-underline-offset:4px}.footer-links a:hover{text-decoration:underline}.footer-links span{color:#c6bdcc}@media(max-width:600px){.footer-container{align-items:flex-start;flex-direction:column}.footer-links{gap:16px}.footer-links span{flex-basis:100%}}.sidebar{align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:20px;padding:0;width:250px}.left-sidebar{order:1}.right-sidebar{order:3}.sidebar-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);box-sizing:border-box;display:flex;flex-direction:column;height:200px;margin:0;overflow:hidden;padding:16px;width:100%}.sidebar-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.sidebar-content{color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:14px;line-height:1.5;overflow-x:hidden;overflow-y:auto}.sidebar-placeholder{color:var(--text-tertiary);font-style:italic;margin:0}.sidebar-link{color:#1976d2;display:inline-block;font-size:14px;font-weight:500;margin-top:8px;text-decoration:none;transition:color .2s}.sidebar-link:hover{color:#1565c0;text-decoration:underline}.sidebar-groups-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.sidebar-group-item{align-items:center;border-radius:6px;color:inherit;display:flex;gap:10px;padding:8px;text-decoration:none;transition:background-color .2s}.sidebar-group-item:hover{background-color:var(--bg-secondary)}.sidebar-group-avatar{border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.sidebar-group-info{flex:1 1;min-width:0}.sidebar-group-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-group-meta{color:var(--text-tertiary);font-size:12px}.sidebar-advertisement{height:200px}.advertisement-container{align-items:center;display:flex;justify-content:center;min-height:100px;width:100%}.advertisement-container .adsbygoogle{display:block;max-width:100%;width:100%}@media (max-width:1200px){.sidebar{padding:0;width:200px}}@media (max-width:968px){.sidebar{display:none}}@media (max-width:768px){.home-feed-container{max-width:100vw;overflow-x:hidden;width:100%}.home-feed-main{max-width:100%;overflow-x:hidden;width:100%}}.chatbox-container{align-items:flex-end;bottom:20px;display:flex;flex-direction:column;position:fixed;right:20px;z-index:1000}.chatbox-toggle{background:#1976d2;border:none;border-radius:20px 20px 0 0;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.chatbox-toggle:hover{background:#1565c0}.chatbox-container.expanded .chatbox-toggle{border-radius:0}.chatbox-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px 8px 0 0;box-shadow:0 -2px 8px #0003;display:flex;flex-direction:column;height:400px;width:300px}.chatbox-header{background:#f5f5f5;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;padding:12px 16px}.chatbox-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.chatbox-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chatbox-placeholder{color:#999;font-size:13px;font-style:italic;margin:0;padding:20px;text-align:center}.chatbox-input-area{background:#f5f5f5;border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:12px}.chatbox-input{border:1px solid #e0e0e0;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.chatbox-input:focus{border-color:#1976d2}.chatbox-input:disabled{background:#f5f5f5;cursor:not-allowed}.chatbox-send{background:#1976d2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.chatbox-send:hover:not(:disabled){background:#1565c0}.chatbox-send:disabled{background:#ccc;cursor:not-allowed}@media (max-width:968px){.chatbox-container{bottom:10px;right:10px}.chatbox-content{height:350px;width:280px}}@media (max-width:768px){.chatbox-container{bottom:5px;right:5px}.chatbox-toggle{min-height:44px;min-width:44px;padding:12px 20px;touch-action:manipulation}.chatbox-content{height:400px;max-width:320px;width:calc(100vw - 10px)}.chatbox-input{font-size:16px;min-height:44px;padding:10px 14px}.chatbox-send{min-height:44px;min-width:44px;padding:10px 18px;touch-action:manipulation}}.battle-layout .battle-detail-page{border-radius:22px;padding:32px}.battle-layout .battle-detail-title{font-size:clamp(23px,3vw,36px);gap:18px;line-height:1.35}.battle-layout .battle-detail-title-user{align-items:center;max-width:100%;min-width:0}.battle-layout .username-with-reputation{max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal}.battle-layout .battle-detail-verse{border-radius:14px;min-width:0}.battle-layout .battle-detail-verse h3{font-size:17px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.battle-layout .battle-detail-vote-counts{flex-wrap:wrap;gap:18px;overflow-wrap:anywhere}.battle-layout .battle-detail-vote-btn{min-width:0;overflow-wrap:anywhere}.battle-layout .battle-detail-verses{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-layout .battle-detail-verse-content{min-width:0;overflow-wrap:anywhere}.battle-layout .battle-detail-back-button{border:1px solid var(--border-color);border-radius:9px;min-height:42px}@media(max-width:700px){.battle-layout .battle-detail-page{padding:20px 16px}.battle-layout .battle-detail-verses{grid-template-columns:minmax(0,1fr)}.battle-layout .battle-detail-title-user{width:100%}.battle-layout .battle-detail-vote-counts>span{max-width:100%}.battle-layout .battle-detail-vote-buttons{flex-direction:column}.battle-layout .battle-detail-submit-vote{min-height:44px;width:100%}.battle-layout .battle-detail-vote-counts{align-items:flex-start;flex-direction:column;gap:10px}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.auth-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);max-width:400px;padding:2rem;width:100%}.auth-card h2{color:#1877f2;font-weight:700;text-align:center}.auth-card h2,.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input{width:100%}.error{color:#e41e3a;display:block;font-size:.875rem;margin-top:.25rem}.dark-mode .error{color:#f48fb1}.error-message{text-align:center}.auth-button{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem;transition:background-color .2s;width:100%}.auth-button:hover:not(:disabled){background:#166fe5}.auth-button:disabled{background:#e4e6eb;cursor:not-allowed;opacity:.6}.dark-mode .auth-button:disabled{background:#3a3b3c}.auth-footer{color:var(--text-secondary);margin-top:1.5rem;text-align:center}.auth-footer a{color:#1877f2;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.oauth-divider{align-items:center;color:var(--text-tertiary);display:flex;margin:1.5rem 0;text-align:center}.oauth-divider:after,.oauth-divider:before{border-bottom:1px solid var(--border-color);content:"";flex:1 1}.oauth-divider span{background:var(--bg-primary);padding:0 1rem}.google-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s;width:100%}.google-button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-tertiary)}.google-button:disabled{cursor:not-allowed;opacity:.6}.google-icon{flex-shrink:0}@media (max-width:768px){.auth-container{min-height:50vh;padding:1rem}.auth-card{padding:1.5rem}.auth-card h2{font-size:1.5rem;margin-bottom:1.25rem}.form-group input{font-size:16px;min-height:44px;padding:.875rem}.auth-button,.google-button{min-height:44px;padding:.875rem;touch-action:manipulation}}.profile-picture-container{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));position:relative}.profile-picture-wrapper{background-color:#fff;display:inline-block;height:150px;position:relative;width:150px}.profile-picture-inner{align-items:center;background-position:50%;background-size:cover;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.profile-picture-wrapper.shape-circle{border-radius:50%;padding:5.85px}.profile-picture-wrapper.shape-circle .profile-picture-inner{border-radius:50%;height:100%;width:100%}.profile-picture-wrapper.shape-triangle-up{border-radius:0;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.profile-picture-wrapper.shape-triangle-up .profile-picture-inner{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);transform:scale(.922);transform-origin:center}.profile-picture-wrapper.shape-triangle-down{border-radius:0;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.profile-picture-wrapper.shape-triangle-down .profile-picture-inner{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);transform:scale(.922);transform-origin:center}.profile-picture-wrapper.shape-rectangle{border-radius:0;height:140px;padding:8.19px 5.46px;width:210px}.profile-picture-wrapper.shape-rectangle .profile-picture-inner{border-radius:0;height:100%;width:100%}.profile-picture-wrapper.shape-rounded-rectangle{border-radius:15px;height:140px;padding:8.19px 5.46px;width:210px}.profile-picture-wrapper.shape-rounded-rectangle .profile-picture-inner{border-radius:15px;height:100%;width:100%}.profile-picture-wrapper.shape-square{border-radius:0;padding:5.85px}.profile-picture-wrapper.shape-square .profile-picture-inner{border-radius:0;height:100%;width:100%}.profile-picture-wrapper.shape-pentagon{border-radius:0}.profile-picture-wrapper.shape-pentagon,.profile-picture-wrapper.shape-pentagon .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.profile-picture-wrapper.shape-pentagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.profile-picture-wrapper.shape-hexagon{border-radius:0}.profile-picture-wrapper.shape-hexagon,.profile-picture-wrapper.shape-hexagon .profile-picture-inner{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.profile-picture-wrapper.shape-hexagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.profile-picture-wrapper.shape-octagon{border-radius:0}.profile-picture-wrapper.shape-octagon,.profile-picture-wrapper.shape-octagon .profile-picture-inner{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.profile-picture-wrapper.shape-octagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.profile-picture-wrapper.shape-star{border-radius:0;height:180px;width:180px}.profile-picture-wrapper.shape-star,.profile-picture-wrapper.shape-star .profile-picture-inner{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.profile-picture-wrapper.shape-star .profile-picture-inner{transform:scale(.83666);transform-origin:center}.profile-picture-wrapper.shape-oval{border-radius:50%;height:140px;padding:5.46px 5.85px;width:150px}.profile-picture-wrapper.shape-oval .profile-picture-inner{border-radius:50%;height:100%;width:100%}@media (max-width:768px){.profile-picture-wrapper.shape-oval{height:112px;padding:4.37px 4.68px;width:120px}}.profile-picture-wrapper.shape-rhombus{border-radius:0}.profile-picture-wrapper.shape-rhombus,.profile-picture-wrapper.shape-rhombus .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.profile-picture-wrapper.shape-rhombus .profile-picture-inner{transform:scale(.922);transform-origin:center}.profile-picture-wrapper.editable{cursor:pointer;transition:transform .2s}.profile-picture-wrapper.editable:hover{transform:scale(1.05)}.profile-picture-inner span{color:#999;font-size:.9rem}.edit-overlay,.upload-overlay{background-color:#0009;font-size:.9rem}.edit-overlay{opacity:0;transition:opacity .2s}.profile-picture-wrapper.editable:hover .edit-overlay{opacity:1}.background-upload-container{bottom:1rem;position:absolute;right:1rem}.background-upload-button{background-color:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:background-color .2s}.background-upload-button:hover:not(:disabled){background-color:#000000e6}.background-upload-button:disabled{cursor:not-allowed;opacity:.6}.page-background-upload-container{position:relative;z-index:10}.page-background-upload-button{background-color:#000000b3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.page-background-upload-button:hover:not(:disabled){background-color:#000000e6}.page-background-upload-button:disabled{cursor:not-allowed;opacity:.6}.far-background-upload-container{position:relative;z-index:10}.far-background-upload-button{background-color:#000000b3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.far-background-upload-button:hover:not(:disabled){background-color:#000000e6}.far-background-upload-button:disabled{cursor:not-allowed;opacity:.6}.front-background-upload-container{position:relative;z-index:10}.front-background-upload-button{background-color:#000000b3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.front-background-upload-button:hover:not(:disabled){background-color:#000000e6}.front-background-upload-button:disabled{cursor:not-allowed;opacity:.6}.middle-background-upload-container{position:relative;z-index:10}.middle-background-upload-button{background-color:#000000b3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.middle-background-upload-button:hover:not(:disabled){background-color:#000000e6}.middle-background-upload-button:disabled{cursor:not-allowed;opacity:.6}.battle-bar-position-adjuster-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.battle-bar-position-adjuster-modal{background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 20px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.battle-bar-position-adjuster-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.battle-bar-position-adjuster-header h3{color:var(--text-primary);font-size:1.3rem;margin:0}.battle-bar-position-adjuster-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.battle-bar-position-adjuster-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.battle-bar-position-adjuster-content{padding:1.5rem}.battle-bar-position-adjuster-instructions{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.battle-bar-position-adjuster-preview{background-color:#1a1a1a;border:2px solid var(--border-color);border-radius:4px;cursor:crosshair;height:300px;margin-bottom:1.5rem;overflow:hidden;position:relative;width:100%}.battle-bar-position-adjuster-cursor{border:3px solid #ff1744;border-radius:50%;box-shadow:0 0 10px #ff1744cc;height:20px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:20px}.battle-bar-position-adjuster-cursor:before{background-color:#ff1744;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.battle-bar-position-adjuster-controls{display:flex;flex-direction:column;gap:1.5rem}.battle-bar-position-adjuster-input-group{display:flex;flex-direction:column;gap:.5rem}.battle-bar-position-adjuster-input-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.battle-bar-position-adjuster-input-group input[type=range]{-webkit-appearance:none;background:var(--bg-secondary);border-radius:3px;height:6px;outline:none;width:100%}.battle-bar-position-adjuster-input-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.battle-bar-position-adjuster-input-group input[type=range]::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.battle-bar-position-adjuster-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.battle-bar-position-adjuster-cancel,.battle-bar-position-adjuster-save{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.battle-bar-position-adjuster-cancel{background-color:var(--bg-secondary);color:var(--text-primary)}.battle-bar-position-adjuster-cancel:hover:not(:disabled){background-color:var(--bg-tertiary)}.battle-bar-position-adjuster-save{background-color:#667eea;color:#fff}.battle-bar-position-adjuster-save:hover:not(:disabled){background-color:#5568d3}.battle-bar-position-adjuster-cancel:disabled,.battle-bar-position-adjuster-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.battle-bar-position-adjuster-overlay{padding:1rem}.battle-bar-position-adjuster-preview{height:200px}}.battle-bar-background-upload-container{display:flex;flex-wrap:wrap;gap:.75rem;position:relative;z-index:2}.battle-bar-background-upload-button{background-color:#000000b3;border:2px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s}.battle-bar-background-upload-button:hover:not(:disabled){background-color:#000000e6;border-color:#ffffff80;transform:translateY(-2px)}.battle-bar-background-upload-button:disabled{cursor:not-allowed;opacity:.6}.battle-bar-background-adjust-button{background-color:#667eeacc;border:2px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s}.battle-bar-background-adjust-button:hover:not(:disabled){background-color:#667eea;border-color:#ffffff80;transform:translateY(-2px)}.battle-bar-background-adjust-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.battle-bar-background-adjust-button,.battle-bar-background-upload-button{font-size:.8rem;padding:.6rem 1.2rem}}




/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.battle-verse-editor{margin-bottom:1rem}.battle-verse-editor .ql-container{background:#fff;border:1px solid #ccd0d5;border-bottom-left-radius:6px;border-bottom-right-radius:6px;color:#050505;font-size:16px;min-height:200px}.battle-verse-editor .ql-editor{font-family:inherit;min-height:200px;padding:12px 15px}.battle-verse-editor .ql-toolbar{background:#f0f2f5;border:1px solid #ccd0d5;border-bottom:none;border-top-left-radius:6px;border-top-right-radius:6px;padding:8px}.battle-verse-editor .ql-toolbar .ql-formats{margin-right:15px}.battle-verse-editor .ql-snow .ql-picker.ql-font{min-width:150px;width:auto}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label{min-width:120px;overflow:hidden;padding-right:25px;text-overflow:ellipsis;white-space:nowrap}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label:before{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item{min-width:120px;padding:5px 10px}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item:before{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.battle-verse-editor-readonly{margin-bottom:1rem}.battle-verse-editor-readonly .ql-container{background:#f0f2f5;border:1px solid #e4e6eb;border-radius:6px;font-size:16px}.battle-verse-editor-readonly .ql-editor{color:#050505;min-height:150px;padding:12px 15px}.battle-verse-editor .character-count{color:#65676b;font-size:.875rem;margin-top:.5rem;padding-right:.5rem;text-align:right}.battle-verse-editor .ql-editor .ql-font-Arial,.battle-verse-editor .ql-editor .ql-font-arial,.battle-verse-editor .ql-editor [class*=ql-font-Arial],.battle-verse-editor .ql-editor [class*=ql-font-arial],.battle-verse-editor .ql-editor span.ql-font-Arial,.battle-verse-editor .ql-editor span.ql-font-arial,.battle-verse-editor-readonly .ql-editor .ql-font-Arial,.battle-verse-editor-readonly .ql-editor .ql-font-arial,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Arial],.battle-verse-editor-readonly .ql-editor [class*=ql-font-arial],.battle-verse-editor-readonly .ql-editor span.ql-font-Arial,.battle-verse-editor-readonly .ql-editor span.ql-font-arial,.ql-font-Arial,.ql-font-arial{font-family:Arial,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-Helvetica,.battle-verse-editor .ql-editor .ql-font-helvetica,.battle-verse-editor .ql-editor [class*=ql-font-Helvetica],.battle-verse-editor .ql-editor [class*=ql-font-helvetica],.battle-verse-editor .ql-editor span.ql-font-Helvetica,.battle-verse-editor .ql-editor span.ql-font-helvetica,.battle-verse-editor-readonly .ql-editor .ql-font-Helvetica,.battle-verse-editor-readonly .ql-editor .ql-font-helvetica,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Helvetica],.battle-verse-editor-readonly .ql-editor [class*=ql-font-helvetica],.battle-verse-editor-readonly .ql-editor span.ql-font-Helvetica,.battle-verse-editor-readonly .ql-editor span.ql-font-helvetica,.ql-font-Helvetica,.ql-font-helvetica{font-family:Helvetica,Arial,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-TimesNewRoman,.battle-verse-editor .ql-editor .ql-font-timesnewroman,.battle-verse-editor .ql-editor [class*=ql-font-TimesNewRoman],.battle-verse-editor .ql-editor [class*=ql-font-timesnewroman],.battle-verse-editor .ql-editor span.ql-font-TimesNewRoman,.battle-verse-editor .ql-editor span.ql-font-timesnewroman,.battle-verse-editor-readonly .ql-editor .ql-font-TimesNewRoman,.battle-verse-editor-readonly .ql-editor .ql-font-timesnewroman,.battle-verse-editor-readonly .ql-editor [class*=ql-font-TimesNewRoman],.battle-verse-editor-readonly .ql-editor [class*=ql-font-timesnewroman],.battle-verse-editor-readonly .ql-editor span.ql-font-TimesNewRoman,.battle-verse-editor-readonly .ql-editor span.ql-font-timesnewroman,.ql-font-TimesNewRoman,.ql-font-timesnewroman{font-family:Times New Roman,Times,serif!important}.battle-verse-editor .ql-editor .ql-font-CourierNew,.battle-verse-editor .ql-editor .ql-font-couriernew,.battle-verse-editor .ql-editor [class*=ql-font-CourierNew],.battle-verse-editor .ql-editor [class*=ql-font-couriernew],.battle-verse-editor .ql-editor span.ql-font-CourierNew,.battle-verse-editor .ql-editor span.ql-font-couriernew,.battle-verse-editor-readonly .ql-editor .ql-font-CourierNew,.battle-verse-editor-readonly .ql-editor .ql-font-couriernew,.battle-verse-editor-readonly .ql-editor [class*=ql-font-CourierNew],.battle-verse-editor-readonly .ql-editor [class*=ql-font-couriernew],.battle-verse-editor-readonly .ql-editor span.ql-font-CourierNew,.battle-verse-editor-readonly .ql-editor span.ql-font-couriernew,.ql-font-CourierNew,.ql-font-couriernew{font-family:Courier New,Courier,monospace!important}.battle-verse-editor .ql-editor .ql-font-Georgia,.battle-verse-editor .ql-editor .ql-font-georgia,.battle-verse-editor .ql-editor [class*=ql-font-Georgia],.battle-verse-editor .ql-editor [class*=ql-font-georgia],.battle-verse-editor .ql-editor span.ql-font-Georgia,.battle-verse-editor .ql-editor span.ql-font-georgia,.battle-verse-editor-readonly .ql-editor .ql-font-Georgia,.battle-verse-editor-readonly .ql-editor .ql-font-georgia,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Georgia],.battle-verse-editor-readonly .ql-editor [class*=ql-font-georgia],.battle-verse-editor-readonly .ql-editor span.ql-font-Georgia,.battle-verse-editor-readonly .ql-editor span.ql-font-georgia,.ql-font-Georgia,.ql-font-georgia{font-family:Georgia,serif!important}.battle-verse-editor .ql-editor .ql-font-Verdana,.battle-verse-editor .ql-editor .ql-font-verdana,.battle-verse-editor .ql-editor [class*=ql-font-Verdana],.battle-verse-editor .ql-editor [class*=ql-font-verdana],.battle-verse-editor .ql-editor span.ql-font-Verdana,.battle-verse-editor .ql-editor span.ql-font-verdana,.battle-verse-editor-readonly .ql-editor .ql-font-Verdana,.battle-verse-editor-readonly .ql-editor .ql-font-verdana,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Verdana],.battle-verse-editor-readonly .ql-editor [class*=ql-font-verdana],.battle-verse-editor-readonly .ql-editor span.ql-font-Verdana,.battle-verse-editor-readonly .ql-editor span.ql-font-verdana,.ql-font-Verdana,.ql-font-verdana{font-family:Verdana,Geneva,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-Tahoma,.battle-verse-editor .ql-editor .ql-font-tahoma,.battle-verse-editor .ql-editor [class*=ql-font-Tahoma],.battle-verse-editor .ql-editor [class*=ql-font-tahoma],.battle-verse-editor .ql-editor span.ql-font-Tahoma,.battle-verse-editor .ql-editor span.ql-font-tahoma,.battle-verse-editor-readonly .ql-editor .ql-font-Tahoma,.battle-verse-editor-readonly .ql-editor .ql-font-tahoma,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Tahoma],.battle-verse-editor-readonly .ql-editor [class*=ql-font-tahoma],.battle-verse-editor-readonly .ql-editor span.ql-font-Tahoma,.battle-verse-editor-readonly .ql-editor span.ql-font-tahoma,.ql-font-Tahoma,.ql-font-tahoma{font-family:Tahoma,Geneva,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-TrebuchetMS,.battle-verse-editor .ql-editor .ql-font-trebuchetms,.battle-verse-editor .ql-editor [class*=ql-font-TrebuchetMS],.battle-verse-editor .ql-editor [class*=ql-font-trebuchetms],.battle-verse-editor .ql-editor span.ql-font-TrebuchetMS,.battle-verse-editor .ql-editor span.ql-font-trebuchetms,.battle-verse-editor-readonly .ql-editor .ql-font-TrebuchetMS,.battle-verse-editor-readonly .ql-editor .ql-font-trebuchetms,.battle-verse-editor-readonly .ql-editor [class*=ql-font-TrebuchetMS],.battle-verse-editor-readonly .ql-editor [class*=ql-font-trebuchetms],.battle-verse-editor-readonly .ql-editor span.ql-font-TrebuchetMS,.battle-verse-editor-readonly .ql-editor span.ql-font-trebuchetms,.ql-font-TrebuchetMS,.ql-font-trebuchetms{font-family:Trebuchet MS,Helvetica,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-ComicSansMS,.battle-verse-editor .ql-editor .ql-font-comicsansms,.battle-verse-editor .ql-editor [class*=ql-font-ComicSansMS],.battle-verse-editor .ql-editor [class*=ql-font-comicsansms],.battle-verse-editor .ql-editor span.ql-font-ComicSansMS,.battle-verse-editor .ql-editor span.ql-font-comicsansms,.battle-verse-editor-readonly .ql-editor .ql-font-ComicSansMS,.battle-verse-editor-readonly .ql-editor .ql-font-comicsansms,.battle-verse-editor-readonly .ql-editor [class*=ql-font-ComicSansMS],.battle-verse-editor-readonly .ql-editor [class*=ql-font-comicsansms],.battle-verse-editor-readonly .ql-editor span.ql-font-ComicSansMS,.battle-verse-editor-readonly .ql-editor span.ql-font-comicsansms,.ql-font-ComicSansMS,.ql-font-comicsansms{font-family:Comic Sans MS,cursive,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-Impact,.battle-verse-editor .ql-editor .ql-font-impact,.battle-verse-editor .ql-editor [class*=ql-font-Impact],.battle-verse-editor .ql-editor [class*=ql-font-impact],.battle-verse-editor .ql-editor span.ql-font-Impact,.battle-verse-editor .ql-editor span.ql-font-impact,.battle-verse-editor-readonly .ql-editor .ql-font-Impact,.battle-verse-editor-readonly .ql-editor .ql-font-impact,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Impact],.battle-verse-editor-readonly .ql-editor [class*=ql-font-impact],.battle-verse-editor-readonly .ql-editor span.ql-font-Impact,.battle-verse-editor-readonly .ql-editor span.ql-font-impact,.ql-font-Impact,.ql-font-impact{font-family:Impact,Charcoal,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-Palatino,.battle-verse-editor .ql-editor .ql-font-palatino,.battle-verse-editor .ql-editor [class*=ql-font-Palatino],.battle-verse-editor .ql-editor [class*=ql-font-palatino],.battle-verse-editor .ql-editor span.ql-font-Palatino,.battle-verse-editor .ql-editor span.ql-font-palatino,.battle-verse-editor-readonly .ql-editor .ql-font-Palatino,.battle-verse-editor-readonly .ql-editor .ql-font-palatino,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Palatino],.battle-verse-editor-readonly .ql-editor [class*=ql-font-palatino],.battle-verse-editor-readonly .ql-editor span.ql-font-Palatino,.battle-verse-editor-readonly .ql-editor span.ql-font-palatino,.ql-font-Palatino,.ql-font-palatino{font-family:Palatino,Palatino Linotype,Book Antiqua,serif!important}.battle-verse-editor .ql-editor .ql-font-Garamond,.battle-verse-editor .ql-editor .ql-font-garamond,.battle-verse-editor .ql-editor [class*=ql-font-Garamond],.battle-verse-editor .ql-editor [class*=ql-font-garamond],.battle-verse-editor .ql-editor span.ql-font-Garamond,.battle-verse-editor .ql-editor span.ql-font-garamond,.battle-verse-editor-readonly .ql-editor .ql-font-Garamond,.battle-verse-editor-readonly .ql-editor .ql-font-garamond,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Garamond],.battle-verse-editor-readonly .ql-editor [class*=ql-font-garamond],.battle-verse-editor-readonly .ql-editor span.ql-font-Garamond,.battle-verse-editor-readonly .ql-editor span.ql-font-garamond,.ql-font-Garamond,.ql-font-garamond{font-family:Garamond,Hoefler Text,Times New Roman,serif!important}.battle-verse-editor .ql-editor .ql-font-LucidaConsole,.battle-verse-editor .ql-editor .ql-font-lucidaconsole,.battle-verse-editor .ql-editor [class*=ql-font-LucidaConsole],.battle-verse-editor .ql-editor [class*=ql-font-lucidaconsole],.battle-verse-editor .ql-editor span.ql-font-LucidaConsole,.battle-verse-editor .ql-editor span.ql-font-lucidaconsole,.battle-verse-editor-readonly .ql-editor .ql-font-LucidaConsole,.battle-verse-editor-readonly .ql-editor .ql-font-lucidaconsole,.battle-verse-editor-readonly .ql-editor [class*=ql-font-LucidaConsole],.battle-verse-editor-readonly .ql-editor [class*=ql-font-lucidaconsole],.battle-verse-editor-readonly .ql-editor span.ql-font-LucidaConsole,.battle-verse-editor-readonly .ql-editor span.ql-font-lucidaconsole,.ql-font-LucidaConsole,.ql-font-lucidaconsole{font-family:Lucida Console,Monaco,monospace!important}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]:before{content:"Arial";font-family:Arial,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Helvetica]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Helvetica]:before{content:"Helvetica";font-family:Helvetica,Arial,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=TimesNewRoman]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=TimesNewRoman]:before{content:"Times New Roman";font-family:Times New Roman,Times,serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=CourierNew]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=CourierNew]:before{content:"Courier New";font-family:Courier New,Courier,monospace}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Georgia]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Georgia]:before{content:"Georgia";font-family:Georgia,serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Verdana]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Verdana]:before{content:"Verdana";font-family:Verdana,Geneva,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Tahoma]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Tahoma]:before{content:"Tahoma";font-family:Tahoma,Geneva,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=TrebuchetMS]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=TrebuchetMS]:before{content:"Trebuchet MS";font-family:Trebuchet MS,Helvetica,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ComicSansMS]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ComicSansMS]:before{content:"Comic Sans MS";font-family:Comic Sans MS,cursive,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Impact]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Impact]:before{content:"Impact";font-family:Impact,Charcoal,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Palatino]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Palatino]:before{content:"Palatino";font-family:Palatino,Palatino Linotype,Book Antiqua,serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Garamond]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Garamond]:before{content:"Garamond";font-family:Garamond,Hoefler Text,Times New Roman,serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=LucidaConsole]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=LucidaConsole]:before{content:"Lucida Console";font-family:Lucida Console,Monaco,monospace}.battle-verse-editor-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.battle-verse-editor-modal-content{background:#1a1a1a;border-radius:8px;box-shadow:0 8px 32px #00000080;color:#fff;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.battle-verse-editor-modal-header{align-items:center;border-bottom:2px solid #333;display:flex;justify-content:space-between;padding:1.5rem}.battle-verse-editor-modal-header h2{color:#fff;font-size:1.5rem;margin:0}.battle-verse-editor-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.battle-verse-editor-modal-close:hover{background:#ffffff1a}.battle-verse-editor-modal-body{padding:1.5rem}.battle-verse-editor-modal-error,.battle-verse-editor-modal-loading{color:#aaa;padding:3rem;text-align:center}.battle-verse-editor-battle-info{background:#ffffff0d;border-radius:4px;margin-bottom:2rem;padding:1rem}.battle-verse-editor-deadline{font-size:1rem;margin-bottom:1rem}.battle-verse-editor-time-remaining{color:#4caf50;font-weight:400;margin-left:.5rem}.battle-verse-editor-time-remaining.approaching{color:#ff9800;font-weight:700}.battle-verse-editor-submission-status{color:#aaa;display:flex;font-size:.9rem;gap:2rem}.battle-verse-editor-section{margin-bottom:2rem}.battle-verse-editor-section h3{color:#fff;font-size:1.2rem;margin:0 0 1rem}.battle-verse-editor-warning{background:#ff980033;border:1px solid #ff980080;border-radius:4px;color:#ff9800;margin-bottom:1rem;padding:.75rem}.battle-verse-editor-error{background:#f4433633;border:1px solid #f4433680;border-radius:4px;color:#f44336;margin-bottom:1rem;padding:.75rem}.battle-verse-editor-locked-view{margin-top:1rem}.battle-verse-editor-locked-message{background:#4caf5033;border:1px solid #4caf5080;border-radius:4px;color:#4caf50;margin-top:1rem;padding:1rem;text-align:center}.battle-verse-editor-draft-info{background:#2196f333;border:1px solid #2196f380;border-radius:4px;color:#2196f3;font-size:.9rem;margin-bottom:1rem;padding:.5rem}.battle-verse-editor-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.battle-verse-editor-save-draft{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:background .2s}.battle-verse-editor-save-draft:hover:not(:disabled){background:#ffffff4d}.battle-verse-editor-save-draft:disabled{cursor:not-allowed;opacity:.5}.battle-verse-editor-submit{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 2rem;transition:background .2s}.battle-verse-editor-submit:hover:not(:disabled){background:#1976d2}.battle-verse-editor-submit:disabled{background:#666;cursor:not-allowed;opacity:.6}.battle-verse-editor-cancel{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:background .2s}.battle-verse-editor-cancel:hover:not(:disabled){background:#fff3}.battle-verse-editor-cancel:disabled{cursor:not-allowed;opacity:.5}.battle-challenges-modal-body{flex:1 1}.battle-challenge-accept,.battle-challenge-delete{flex:1 1}.battle-challenges-tab{flex:1 1}.battle-challenge-write-verse{flex:1 1}.rap-battle-section{border-radius:8px;box-shadow:0 4px 12px #0000004d;margin:0;overflow:hidden;position:relative;z-index:1}.rap-battle-banner{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background-image:radial-gradient(circle at 20% 50%,#ff14934d 0,#0000 50%),radial-gradient(circle at 80% 80%,#00bfff4d 0,#0000 50%),radial-gradient(circle at 40% 20%,#ffd70033 0,#0000 50%);background-position:50%;background-size:cover;border-bottom:3px solid #ff1744;display:flex;justify-content:flex-end;min-height:250px;padding:2rem;position:relative}@media (max-width:768px){.rap-battle-banner{min-height:200px;padding:1.5rem 1rem}}.rap-battle-banner-content{align-items:center;display:flex;justify-content:flex-end;position:relative;width:100%;z-index:1}@media (max-width:768px){.rap-battle-banner-content{justify-content:center}}.rap-battle-stats-section{background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border-top:2px solid #333;padding:2rem}@media (max-width:768px){.rap-battle-stats-section{padding:1.5rem 1rem}}.rap-battle-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}@media (max-width:768px){.rap-battle-stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}}.rap-battle-stat-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.rap-battle-stat-item:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.rap-battle-stat-label{color:#aaa;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.rap-battle-stat-value{color:#fff;font-family:Arial Black,Arial,sans-serif;font-size:1.8rem;font-weight:700;text-shadow:2px 2px 4px #000c}@media (max-width:768px){.rap-battle-stat-value{font-size:1.4rem}}.rap-battle-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.rap-battle-challenge-button{background-color:#ff1744;border:none;border-radius:6px;box-shadow:0 4px 12px #ff174466;color:#fff;cursor:pointer;font-family:Arial Black,Arial,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.rap-battle-challenge-button:hover:not(:disabled){background-color:#ff4569;box-shadow:0 6px 16px #ff174499;transform:translateY(-2px)}.rap-battle-challenge-button:active:not(:disabled){transform:translateY(0)}.rap-battle-challenge-button:disabled{cursor:not-allowed;opacity:.6}.rap-battle-view-battles-button{background:#0000;border:2px solid #2196f3;border-radius:6px;color:#2196f3;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.rap-battle-view-battles-button:hover{background-color:#2196f3;box-shadow:0 4px 12px #2196f366;color:#fff;transform:translateY(-2px)}.rap-battle-view-battles-button:active{transform:translateY(0)}.rap-battle-error{background:#ff44441a;border:1px solid #ff44444d;border-radius:4px;color:#f44;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.rap-battle-section-loading{color:#aaa;font-size:1.1rem;padding:3rem;text-align:center}.rap-battle-notification-bell{border-top:2px solid #333;display:flex;justify-content:center;margin-top:2rem;padding-top:2rem}.rap-battle-bell-button{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.rap-battle-bell-button:hover{background:#fff3;border-color:#fff6;transform:scale(1.1)}.rap-battle-bell-badge{align-items:center;background-color:#ff1744;border:2px solid #1a1a1a;border-radius:50%;box-shadow:0 2px 8px #ff174499;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}.color-picker-container{margin-bottom:1rem}.color-picker-label{color:#333;display:block;font-size:1rem;font-weight:500;margin-bottom:.5rem}.color-picker-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.color-picker-input-group{align-items:center;display:flex;gap:.5rem}.color-picker-input{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:40px;padding:2px;width:50px}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:3px}.color-picker-text-input{border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:.9rem;padding:.5rem;transition:border-color .2s;width:100px}.color-picker-text-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.color-picker-clear{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.color-picker-clear:hover{background-color:#e0e0e0;border-color:#ccc}.color-picker-preview{border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 3px #0000001a;height:40px;width:40px}.music-widget{border-radius:8px;box-shadow:0 4px 12px #0000004d;margin:0;overflow:hidden;position:relative;width:100%}.music-widget-container{align-items:center;background:linear-gradient(135deg,#ff6b9d,#c44569 25%,#6c5ce7 50%,#74b9ff);border-radius:8px;display:flex;gap:1.5rem;min-height:140px;padding:1.5rem;position:relative}.music-widget-album-art{border-radius:50%;box-shadow:0 4px 12px #0000004d;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:120px}.music-widget-album-art img{height:100%;object-fit:cover;width:100%}.music-widget-note-icon{align-items:center;background:#ff6b9d;border-radius:50%;bottom:8px;box-shadow:0 2px 8px #0000004d;display:flex;height:32px;justify-content:center;position:absolute;right:8px;width:32px}.music-widget-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center;min-width:0;padding-right:12rem;position:relative}.music-widget-title{color:#fff;font-size:1.5rem;font-weight:700;max-width:100%;text-shadow:0 2px 4px #0003}.music-widget-artist,.music-widget-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-widget-artist{color:#ffffffe6;font-size:1rem;margin-bottom:.75rem;text-shadow:0 1px 2px #0003}.music-widget-visualizer{align-items:flex-end;display:flex;gap:4px;height:80px;justify-content:center;margin-left:0;margin-top:1rem;padding:.5rem 0;width:calc(100% - 12rem)}.music-widget-visualizer-bar{background:linear-gradient(0deg,#fff,#ffffffe6 30%,#74b9ffcc 60%,#ff6b9d99);border-radius:3px 3px 0 0;box-shadow:0 0 6px #fff9,0 0 12px #74b9ff66;flex:1 1;max-width:8px;min-width:4px;transition:none;will-change:height}.music-widget-progress-section{align-items:center;bottom:4rem;display:flex;gap:.75rem;left:calc(120px + 3rem);position:absolute;right:12rem}.music-widget-time{font-feature-settings:"tnum";color:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,monospace;font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.5px;min-width:45px;text-align:center;text-shadow:0 1px 3px #0000004d}.music-widget-progress-bar{background:#ffffff40;border-radius:3px;cursor:pointer;flex:1 1;height:6px;overflow:visible;position:relative;transition:background .2s,height .2s}.music-widget-progress-bar:hover{background:#ffffff59;height:8px}.music-widget-progress-fill{background:linear-gradient(90deg,#74b9ff,#a29bfe);border-radius:3px;box-shadow:0 0 8px #74b9ff80;height:100%;position:relative;transition:width .1s linear}.music-widget-progress-handle{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0006,0 0 0 3px #74b9ff4d;cursor:grab;height:16px;opacity:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);transition:opacity .2s,transform .2s;width:16px}.music-widget-progress-handle:active{cursor:grabbing;transform:translateY(-50%) scale(1.2)}.music-widget-progress-bar:hover .music-widget-progress-handle{opacity:1}.music-widget-top-icons{align-items:center;display:flex;gap:.75rem;position:absolute;right:1.5rem;top:1.5rem;z-index:10}.music-widget-icon-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;padding:.5rem;position:relative;transition:transform .2s,opacity .2s;width:32px}.music-widget-icon-btn:hover:not(:disabled){opacity:.8;transform:scale(1.1)}.music-widget-icon-btn:disabled{cursor:not-allowed;opacity:.5}.music-widget-icon-btn-active{opacity:1}.music-widget-icon-btn svg{height:20px;width:20px}.music-widget-vote-count{background:#fffffff2;border-radius:10px;box-shadow:0 1px 3px #0003;color:#333;font-size:.65rem;font-weight:700;line-height:1.2;min-width:16px;padding:2px 5px;position:absolute;right:-6px;text-align:center;top:-6px;z-index:11}.music-widget-controls{bottom:1.5rem;gap:.75rem;position:absolute;right:1.5rem}.music-widget-control-btn,.music-widget-controls{align-items:center;display:flex;justify-content:center}.music-widget-control-btn{background:#74b9ffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.music-widget-control-btn:hover{background:#74b9ff;box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.music-widget-control-btn:active{transform:scale(.95)}.music-widget-next-btn,.music-widget-share-btn{height:40px;width:40px}.music-widget-play-pause-btn{background:#74b9ff;height:56px;width:56px}.music-widget-control-btn svg{height:20px;width:20px}.music-widget-play-pause-btn svg{height:24px;width:24px}.music-widget-play-pause-btn:disabled{cursor:not-allowed;opacity:.6}.music-widget-loading-spinner{animation:music-widget-spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}@keyframes music-widget-spin{to{transform:rotate(1turn)}}.music-widget-player-container{height:200px;left:-9999px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:-9999px;width:200px;z-index:-1}.music-widget-player-container iframe{border:none;height:200px!important;left:0;position:absolute;top:0;width:200px!important}@media (max-width:768px){.music-widget-player-container{height:200px;left:-9999px;opacity:0;pointer-events:none;position:fixed;top:-9999px;width:200px;z-index:-1}.music-widget-player-container iframe{height:200px!important;width:200px!important}.music-widget-mobile-overlay{align-items:center;background:#0000004d;border-radius:8px;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:background .2s;z-index:10}.music-widget-mobile-overlay:active{background:#00000080}.music-widget-mobile-overlay-content{color:#fff;text-align:center}.music-widget-mobile-overlay-content svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));margin-bottom:.5rem}.music-widget-mobile-overlay-content p{font-size:.875rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.music-widget-mobile-error{background:#ffffff1a;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.music-widget-mobile-error p{color:#ffffffe6;font-size:.875rem;margin-bottom:.75rem}.music-widget-youtube-link{background:#e74c3c;border-radius:8px;color:#fff;display:inline-block;font-weight:600;min-height:44px;padding:.75rem 1.5rem;text-decoration:none;touch-action:manipulation;transition:background .2s}.music-widget-youtube-link:hover{background:#c0392b}}.music-widget-edit-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;left:1.5rem;padding:.5rem 1rem;position:absolute;top:1.5rem;transition:background .2s,transform .2s;z-index:10}.music-widget-edit-button:hover{background:#ffffff4d;transform:translateY(-2px)}.music-widget-empty{display:flex;justify-content:center;margin:2rem 0}.music-widget-add-btn{background:linear-gradient(135deg,#ff6b9d,#c44569 25%,#6c5ce7 50%,#74b9ff);border:none;border-radius:20px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.music-widget-add-btn:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.music-widget-editing{margin:2rem 0}.music-widget-edit-form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:600px;padding:2rem}.music-widget-edit-form h3{color:#333;font-size:1.5rem;margin:0 0 1.5rem}.music-widget-edit-input-group{margin-bottom:1.5rem}.music-widget-edit-input-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.music-widget-edit-input-group input{border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.music-widget-edit-input-group input:focus{border-color:#74b9ff;outline:none}.music-widget-edit-input-group input:disabled{background:#f5f5f5;cursor:not-allowed}.music-widget-error{background:#fee;border-radius:8px;color:#e74c3c;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.music-widget-edit-actions{display:flex;flex-wrap:wrap;gap:1rem}.music-widget-cancel-btn,.music-widget-remove-btn,.music-widget-save-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:transform .2s,opacity .2s}.music-widget-save-btn{background:#74b9ff;color:#fff}.music-widget-save-btn:hover:not(:disabled){background:#5a9fd8;transform:translateY(-2px)}.music-widget-cancel-btn{background:#ddd;color:#333}.music-widget-cancel-btn:hover:not(:disabled){background:#ccc;transform:translateY(-2px)}.music-widget-remove-btn{background:#e74c3c;color:#fff}.music-widget-remove-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-2px)}.music-widget-cancel-btn:disabled,.music-widget-remove-btn:disabled,.music-widget-save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.music-widget{overflow:hidden}.music-widget,.music-widget-container{box-sizing:border-box;max-width:100%;width:100%}.music-widget-container{flex-direction:column;gap:1rem;min-height:auto;padding:1.25rem}.music-widget-album-art{align-self:center;height:100px;width:100px}.music-widget-info{align-items:center;padding-right:0;text-align:center;width:100%}.music-widget-title{font-size:1.1rem}.music-widget-artist,.music-widget-title{word-wrap:break-word;text-align:center;white-space:normal;width:100%}.music-widget-artist{font-size:.875rem}.music-widget-visualizer{gap:3px;height:60px;margin-top:.75rem;width:100%}.music-widget-visualizer-bar{max-width:6px;min-width:3px}.music-widget-progress-section{bottom:auto;gap:.5rem;left:auto;margin-top:1rem;position:relative;right:auto;width:100%}.music-widget-progress-bar{-webkit-tap-highlight-color:transparent;cursor:pointer;min-height:44px;touch-action:none}.music-widget-progress-handle{height:16px;opacity:1;right:-8px;width:16px}.music-widget-time{font-size:.75rem;font-weight:600;letter-spacing:.3px;min-width:38px}.music-widget-progress-bar{border-radius:4px;height:8px}.music-widget-progress-fill{border-radius:4px;box-shadow:0 0 6px #74b9ff99}.music-widget-progress-handle{box-shadow:0 2px 10px #00000080,0 0 0 4px #74b9ff66;height:18px;right:-9px;width:18px}.music-widget-top-icons{justify-content:center;margin-top:.75rem;position:relative;right:auto;top:auto;width:100%}.music-widget-icon-btn{min-height:44px;min-width:44px;padding:.75rem;touch-action:manipulation}.music-widget-controls{bottom:auto;gap:1rem;justify-content:center;margin-top:1rem;position:relative;right:auto;width:100%}.music-widget-control-btn{-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px;touch-action:manipulation}.music-widget-next-btn,.music-widget-share-btn{height:48px;width:48px}.music-widget-play-pause-btn{height:64px;width:64px}.music-widget-edit-button{left:auto;margin-bottom:1rem;min-height:44px;padding:.75rem 1.25rem;position:relative;text-align:center;top:auto;touch-action:manipulation;width:100%}.music-widget-edit-form{box-sizing:border-box;max-width:100%;padding:1.5rem;width:100%}.music-widget-edit-input-group input{font-size:16px;min-height:44px;padding:.875rem}.music-widget-edit-actions{flex-direction:column;gap:.75rem}.music-widget-cancel-btn,.music-widget-remove-btn,.music-widget-save-btn{min-height:44px;touch-action:manipulation;width:100%}}.image-upload-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:inline-block;font-size:.9rem;padding:.5rem 1rem;text-align:center;transition:background-color .2s}.image-upload-button:hover:not(:has(input:disabled)){background-color:#e0e0e0}.media-preview-item{border-radius:4px;margin-bottom:.5rem;overflow:hidden;position:relative}.media-preview-item:last-child{margin-bottom:0}.media-preview-item img{display:block;max-height:400px;object-fit:contain;width:100%}.media-preview-youtube{background-color:#000;box-shadow:0 2px 4px #0000001a;height:315px}.media-preview-youtube,.media-preview-youtube>div{border-radius:8px;overflow:hidden;position:relative}.media-preview-youtube>div{height:100%!important;width:100%!important}.media-preview-youtube>div>div{border-radius:8px;overflow:hidden}.media-preview-remove{background-color:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem;position:absolute;right:.5rem;top:.5rem;transition:background-color .2s;z-index:10}.media-preview-remove:hover{background-color:#000000e6}.rich-text-editor{margin-bottom:1rem}.rich-text-editor .quill{background:var(--bg-primary)}.rich-text-editor .ql-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:1rem;min-height:150px}.rich-text-editor .ql-toolbar{background:var(--bg-secondary);border-color:var(--border-color);border-bottom:1px solid var(--border-color)}.rich-text-editor .ql-toolbar.ql-snow{border:1px solid var(--border-color);border-bottom:none;border-radius:4px 4px 0 0}.rich-text-editor .ql-container.ql-snow{border-radius:0 0 4px 4px;border-top:none}.rich-text-editor.toolbar-hidden .ql-toolbar{display:none!important}.rich-text-editor.toolbar-hidden .ql-container.ql-snow{border-radius:4px;border-top:1px solid var(--border-color)}.rich-text-editor .ql-toolbar .ql-stroke{stroke:var(--text-primary)}.rich-text-editor .ql-toolbar .ql-fill{fill:var(--text-primary)}.rich-text-editor .ql-toolbar button.ql-active,.rich-text-editor .ql-toolbar button:hover{background:var(--bg-tertiary)}.rich-text-editor .ql-editor{color:var(--text-primary);min-height:150px}.rich-text-editor .ql-editor.ql-blank:before{color:var(--text-tertiary);font-style:normal}.rich-text-editor-readonly{margin-bottom:1rem}.rich-text-editor-readonly .quill{background:#0000}.rich-text-editor-readonly .ql-container{border:none;font-size:1rem}.rich-text-editor-readonly .ql-editor{padding:0}.rich-text-editor-readonly .ql-editor.ql-blank:before{display:none}.character-count{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem;text-align:right}.post-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:1.5rem;padding:1.5rem}.form-header-actions{align-items:center;display:flex;gap:.5rem}.toggle-advanced-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;touch-action:manipulation;transition:all .2s}.toggle-advanced-button svg{flex-shrink:0}.toggle-advanced-button:hover{background:var(--bg-tertiary);border-color:#667eea}.toggle-advanced-button:active{transform:scale(.95)}.post-content-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:.75rem;resize:vertical;width:100%}.post-content-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.media-preview{border-radius:4px;margin-bottom:1rem;overflow:hidden;position:relative}.media-preview img{display:block;max-height:400px;object-fit:contain;width:100%}.remove-media-button{background-color:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem;position:absolute;right:.5rem;top:.5rem}.remove-media-button:hover{background-color:#000000e6}.youtube-preview{border-radius:4px;margin-bottom:1rem;overflow:hidden}.youtube-preview iframe{display:block;width:100%}.file-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.file-button:hover{background-color:var(--bg-tertiary)}.form-right{align-items:center;display:flex;gap:.5rem}.visibility-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem}.visibility-select:focus{border-color:#667eea;outline:none}@media (max-width:768px){.post-form{border-left:none;border-radius:0;border-right:none;box-sizing:border-box;margin-bottom:.75rem;max-width:100%;padding:.75rem;width:100%}.post-content-input{font-size:16px;min-height:100px;padding:.875rem}.cancel-button,.file-button,.remove-media-button,.submit-button{min-height:44px;min-width:44px;padding:.75rem 1rem;touch-action:manipulation}.youtube-input{font-size:16px;min-height:44px;padding:.875rem;width:100%}.visibility-select{font-size:16px;min-height:44px;padding:.75rem;touch-action:manipulation}.form-actions{align-items:stretch;flex-direction:column}.media-buttons{flex-wrap:wrap}.form-right{flex-direction:column;gap:.75rem;width:100%}.submit-button{width:100%}.toggle-advanced-button{font-size:1.5rem;min-height:44px;min-width:44px}}.username-with-reputation{display:inline-block;position:relative}.inline-reputation{color:#666;font-weight:400;margin-left:.25rem}.reputation-tooltip{background-color:#000000d9;border-radius:4px;bottom:100%;color:#fff;font-size:.875rem;left:50%;line-height:1.5;margin-bottom:.5rem;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.reputation-tooltip div{margin:.125rem 0}.reputation-tooltip:after{border:5px solid #0000;border-top-color:#000000d9;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.user-title{color:#4a5568;font-weight:600;margin-right:.25rem}.username-link{color:inherit;cursor:pointer;text-decoration:underline;transition:opacity .2s}.username-link:hover{opacity:.8}.comment{background:var(--bg-secondary);border-radius:4px;margin-bottom:1rem;padding:1rem;transition:background-color .2s}.comment:hover{background:var(--bg-tertiary)}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-edit-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:.9rem;padding:.5rem;resize:vertical;width:100%}.comment-edit-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dark-mode .comment-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.comment-vote-section{align-items:center;display:flex;gap:.5rem}.comment-vote-section .vote-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:.25rem .5rem;transition:all .2s}.comment-vote-section .vote-button:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--text-primary);transform:scale(1.05)}.comment-vote-section .vote-button:disabled{cursor:not-allowed;opacity:.4}.comment-vote-section .upvote-button.active{background-color:#4caf50;border-color:#4caf50;color:#fff}.comment-vote-section .upvote-button.active:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.comment-vote-section .downvote-button.active{background-color:#f44336;border-color:#f44336;color:#fff}.comment-vote-section .downvote-button.active:hover:not(:disabled){background-color:#da190b;border-color:#da190b}.comment-vote-section .vote-score{color:var(--text-primary);font-size:.85rem;font-weight:600;min-width:24px;text-align:center}.comment-section{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.comment-section-title{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.comment-section-loading{color:var(--text-secondary);padding:2rem;text-align:center}.comment-section-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .comment-section-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.comment-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:.9rem;margin-bottom:.5rem;padding:.75rem;resize:vertical;width:100%}.comment-input:focus{background:var(--bg-primary);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.comment-submit-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.comment-submit-button:hover:not(:disabled){background-color:#5568d3}.comment-submit-button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.reply-form-container{background:var(--bg-secondary);margin-bottom:1rem}.reply-form-actions{display:flex;gap:.5rem;margin-top:.5rem}.reply-cancel-button,.reply-submit-button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:background-color .2s}.reply-submit-button{background-color:#667eea;color:#fff}.reply-submit-button:hover:not(:disabled){background-color:#5568d3}.reply-submit-button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.reply-cancel-button{background-color:var(--bg-secondary);color:var(--text-primary)}.reply-cancel-button:hover:not(:disabled){background-color:var(--bg-tertiary)}.comments-list{gap:.5rem}.no-comments{color:var(--text-tertiary);font-size:.9rem}.youtube-embed{background-color:#000;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;margin-bottom:1rem;overflow:hidden;position:relative;transition:box-shadow .3s ease;width:100%}.youtube-embed:hover{box-shadow:0 10px 15px #00000026,0 4px 6px #0000001a}.youtube-embed>div{height:100%!important;position:relative;width:100%!important}.youtube-embed-responsive,.youtube-embed>div,.youtube-embed>div>div{border-radius:8px;overflow:hidden}.youtube-embed-responsive{background-color:#000;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;height:0;padding-bottom:56.25%;position:relative;transition:box-shadow .3s ease}.youtube-embed-responsive:hover{box-shadow:0 10px 15px #00000026,0 4px 6px #0000001a}.youtube-embed-responsive>div{height:100%!important;left:0;position:absolute;top:0;width:100%!important}.youtube-embed-responsive>div,.youtube-embed-responsive>div>div{border-radius:8px;overflow:hidden}.youtube-embed-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;margin-bottom:1rem;padding:1rem;text-align:center}.post{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .2s}@media (max-width:768px){.post{border-left:none;border-radius:0;border-right:none;box-sizing:border-box;margin-bottom:.75rem;max-width:100%;padding:.75rem;width:100%}}.post:hover{box-shadow:0 2px 8px var(--shadow-color)}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.post-author{align-items:center;display:flex;gap:1rem}.post-avatar{flex-shrink:0;height:48px;position:relative;width:48px}.post-avatar.profile-picture-wrapper{height:48px;padding:0;width:48px}.post-avatar .profile-picture-inner{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;width:100%}.post-avatar .avatar-initial{color:#999;font-size:1.2rem;font-weight:700;text-transform:uppercase}.post-avatar.shape-rectangle,.post-avatar.shape-rounded-rectangle{height:36px;padding:2.2px 1.5px;width:48px}.post-avatar.shape-rounded-rectangle,.post-avatar.shape-rounded-rectangle .profile-picture-inner{border-radius:6px}.post-avatar.shape-star{height:48px;width:48px}.post-avatar.shape-star,.post-avatar.shape-star .profile-picture-inner{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.post-avatar.shape-star .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-avatar.shape-oval{border-radius:50%;height:36px;width:48px}.post-avatar.shape-triangle-up,.post-avatar.shape-triangle-up .profile-picture-inner{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.post-avatar.shape-triangle-up .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-avatar.shape-triangle-down,.post-avatar.shape-triangle-down .profile-picture-inner{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.post-avatar.shape-triangle-down .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-avatar.shape-pentagon,.post-avatar.shape-pentagon .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.post-avatar.shape-pentagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-avatar.shape-hexagon,.post-avatar.shape-hexagon .profile-picture-inner{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.post-avatar.shape-hexagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-avatar.shape-octagon,.post-avatar.shape-octagon .profile-picture-inner{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.post-avatar.shape-octagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-avatar.shape-rhombus,.post-avatar.shape-rhombus .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.post-avatar.shape-rhombus .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-author-info{flex:1 1;min-width:0}.post-author-name{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.post-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:.85rem;gap:.5rem}.post-target{color:var(--text-secondary)}.post-date{color:var(--text-tertiary)}.post-visibility{background-color:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:.75rem;padding:.125rem .5rem}.post-actions{display:flex;gap:.5rem}.delete-post-button,.edit-post-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.edit-post-button:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.delete-post-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:#c33}.delete-post-button:hover:not(:disabled){background:#c33;border-color:#c33;color:#fff}.delete-post-button:disabled,.edit-post-button:disabled{cursor:not-allowed;opacity:.5}.post-content{word-wrap:break-word;color:var(--text-primary);line-height:1.6;margin-bottom:1rem}.post-content p{margin:0 0 .5rem}.post-content p:last-child{margin-bottom:0}.post-content ol,.post-content ul{margin:.5rem 0;padding-left:2rem}.post-content a{color:#667eea;text-decoration:underline}.post-content a:hover{color:#5568d3}.post-media{border-radius:4px;margin-bottom:1rem;overflow:hidden}.post-media img{display:block;max-height:500px;object-fit:contain;width:100%}.post-youtube{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.post-youtube iframe{height:100%;left:0;position:absolute;top:0;width:100%}.post-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.post-vote-section{align-items:center;display:flex;gap:.5rem}.toggle-comments-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.toggle-comments-button:hover{background:#667eea;border-color:#667eea;color:#fff}.wall{margin:0 auto;padding:2rem;width:100%}.wall h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1.5rem}@media (max-width:768px){.wall{background:none!important;background-color:initial!important;background-image:none!important;margin:0;max-width:100%;padding:0;width:100%}.wall h2{font-size:1.5rem;margin-bottom:.75rem;padding:.5rem .75rem}.posts-list{margin-top:.5rem}.post-form{margin-bottom:.75rem}}.wall-loading{color:var(--text-secondary);font-size:1rem;padding:3rem;text-align:center}.wall-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .wall-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.posts-list{margin-top:1.5rem}.no-posts{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-tertiary);font-size:1rem;padding:3rem;text-align:center}.profile-page-wrapper{margin:-2rem;min-height:calc(100vh - 4rem);padding:2rem;position:relative}.profile-page{margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;z-index:1}.profile-background{background-position:50%;background-size:cover;border-radius:8px 8px 0 0;height:300px;position:relative;width:100%}@media (max-width:768px){.profile-background{height:200px}}.profile-content{background:var(--bg-primary);border-radius:0 0 8px 8px;box-shadow:0 2px 4px var(--shadow-color);padding:2rem}@media (max-width:768px){.profile-content{padding:1rem}}.profile-header{align-items:flex-start;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;width:100%}@media (max-width:768px){.profile-header{align-items:center}.profile-header,.profile-info{text-align:center}.profile-info h1{justify-content:center}}.profile-picture-container{margin-top:-80px;z-index:1}@media (max-width:768px){.profile-picture-container{margin-top:-60px}}.profile-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 16px #0000004d;flex:1 1;min-width:200px;padding:2rem;position:relative;width:100%;z-index:100}.dark-mode .profile-info{background:#0009;border-color:#ffffff26}@media (max-width:768px){.profile-info{width:100%}}.profile-info h1{align-items:baseline;color:#fff!important;display:flex;flex-wrap:wrap;font-size:2.75rem;font-weight:800;gap:.75rem;letter-spacing:-.5px;margin-bottom:1rem;text-shadow:2px 2px 6px #000c,0 0 12px #00000080}.dark-mode .profile-info h1{color:#fff!important;text-shadow:2px 2px 8px #000000e6,0 0 16px #0009}.profile-reputation{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;border-radius:12px;box-shadow:0 2px 8px #667eea66;color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;padding:.4rem 1rem}.dark-mode .profile-reputation{background:linear-gradient(135deg,#9d81e0,#b39ddb);box-shadow:0 2px 8px #9d81e080;color:#fff}.profile-title-clickable{transition:transform .2s,box-shadow .2s}.profile-title-clickable:hover{box-shadow:0 4px 12px #667eea80;transform:scale(1.05)}.dark-mode .profile-title-clickable:hover{box-shadow:0 4px 12px #9d81e099}.profile-title-dropdown-container{display:inline-block;position:relative;z-index:99999}.profile-title-dropdown{background:#fff;border:1px solid #e4e6eb;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:.5rem;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:100%;z-index:999999}.dark-mode .profile-title-dropdown{background:#2a2d31;border-color:#3a3b3c;box-shadow:0 4px 12px #0006}.profile-title-option{border-bottom:1px solid #e4e6eb;color:#050505;cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:background-color .2s}.profile-title-option:last-child{border-bottom:none}.profile-title-option:hover{background-color:#f0f2f5}.profile-title-option.selected{background-color:#e8f0fe;font-weight:600}.dark-mode .profile-title-option{border-bottom-color:#3a3b3c;color:#e4e6eb}.dark-mode .profile-title-option:hover{background-color:#3a3b3c}.dark-mode .profile-title-option.selected{background-color:#3d4a5c}.profile-email{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;box-shadow:0 2px 8px #0003;color:#fff!important;display:flex;font-size:1.15rem;font-weight:600;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem;text-shadow:1px 1px 3px #000000b3}.dark-mode .profile-email{background:#ffffff1f;border-color:#ffffff40;color:#fff!important;text-shadow:1px 1px 4px #000000e6}.profile-email:before{content:"✉";filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:1.2rem;opacity:1}.profile-bio{border-top:2px solid #ffffff4d;color:#fff!important;font-size:1.1rem;font-weight:500;line-height:1.9;margin-top:1.5rem;padding-top:1.5rem;text-shadow:1px 1px 3px #000000b3}.dark-mode .profile-bio{border-top-color:#fff3;color:#fff!important;text-shadow:1px 1px 4px #000000e6}.edit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s}.edit-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.edit-button:active{transform:translateY(0)}.profile-edit-section{background-color:var(--bg-secondary);border-radius:4px;margin-top:2rem;padding:1.5rem}.profile-edit-section h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.edit-form-group{margin-bottom:1.5rem}.edit-form-group label{display:block;font-weight:500;margin-bottom:.5rem}.bio-input,.edit-form-group label{color:var(--text-primary);font-size:1rem}.bio-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-family:inherit;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.bio-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.edit-form-select{background:#fff;border:1px solid #e4e6eb;border-radius:8px;color:#050505;cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.edit-form-select:hover{border-color:#b0b3b8}.edit-form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dark-mode .edit-form-select{background:#2a2d31;border-color:#3a3b3c;color:#e4e6eb}.dark-mode .edit-form-select:hover{border-color:#4a4b4c}.dark-mode .edit-form-select:focus{border-color:#9d81e0;box-shadow:0 0 0 3px #9d81e033}.bio-char-count{text-align:right}.bio-char-count,.edit-form-hint{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.edit-form-hint{font-style:italic}.edit-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.edit-actions{display:flex;flex-wrap:wrap;gap:1rem}.cancel-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.save-button{background-color:#667eea}.save-button:hover:not(:disabled){background-color:#5568d3}.save-button:disabled{background-color:#999;opacity:.7}.cancel-button{background-color:#f0f0f0;color:#333}.cancel-button:hover:not(:disabled){background-color:#e0e0e0}.cancel-button:disabled{opacity:.6}.shape-selector{position:relative;width:100%}.shape-selector-trigger{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;gap:.75rem;justify-content:center;padding:.75rem;transition:border-color .2s;width:-webkit-fit-content;width:fit-content}.shape-selector-trigger:hover{border-color:#667eea}.shape-selector-preview{background-color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));flex-shrink:0;height:96px;position:relative;width:96px}.shape-selector-preview-inner{background-position:50%;background-size:cover;box-sizing:border-box;height:100%;width:100%}.shape-selector-arrow{color:#666;font-size:.75rem}.shape-selector-dropdown{grid-gap:.75rem;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));left:0;margin-top:.25rem;max-height:500px;min-width:500px;overflow-y:auto;padding:.75rem;position:absolute;top:100%;z-index:1000}.shape-selector-option{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:.75rem;position:relative;transition:background-color .2s}.shape-selector-option:hover{background-color:#f5f5f5}.shape-selector-option.selected{background-color:#f0f0ff}.shape-selector-option-preview{background-color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));flex-shrink:0;height:96px;position:relative;width:96px}.shape-selector-option-preview-inner{background-position:50%;background-size:cover;box-sizing:border-box;height:100%;width:100%}.shape-selector-tooltip{background-color:#000000e6;border-radius:4px;bottom:100%;color:#fff;font-size:.875rem;left:50%;margin-bottom:.5rem;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:1001}.shape-selector-tooltip:after{border:5px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.shape-selector-option:hover .shape-selector-tooltip{opacity:1}.shape-selector-option-preview.shape-circle,.shape-selector-preview.shape-circle{border-radius:50%;padding:3.74px}.shape-selector-option-preview.shape-circle .shape-selector-option-preview-inner,.shape-selector-preview.shape-circle .shape-selector-preview-inner{border-radius:50%;height:100%;width:100%}.shape-selector-option-preview.shape-triangle-up,.shape-selector-preview.shape-triangle-up{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.shape-selector-option-preview.shape-triangle-up .shape-selector-option-preview-inner,.shape-selector-preview.shape-triangle-up .shape-selector-preview-inner{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);transform:scale(.922);transform-origin:center}.shape-selector-option-preview.shape-triangle-down,.shape-selector-preview.shape-triangle-down{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.shape-selector-option-preview.shape-triangle-down .shape-selector-option-preview-inner,.shape-selector-preview.shape-triangle-down .shape-selector-preview-inner{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);transform:scale(.922);transform-origin:center}.shape-selector-option-preview.shape-rectangle,.shape-selector-preview.shape-rectangle{height:90px;padding:5.25px 3.49px;width:134px}.shape-selector-option-preview.shape-rectangle .shape-selector-option-preview-inner,.shape-selector-preview.shape-rectangle .shape-selector-preview-inner{border-radius:0;height:100%;width:100%}.shape-selector-option-preview.shape-rounded-rectangle,.shape-selector-preview.shape-rounded-rectangle{border-radius:10px;height:90px;padding:5.25px 3.49px;width:134px}.shape-selector-option-preview.shape-rounded-rectangle .shape-selector-option-preview-inner,.shape-selector-preview.shape-rounded-rectangle .shape-selector-preview-inner{border-radius:10px;height:100%;width:100%}.shape-selector-option-preview.shape-square,.shape-selector-preview.shape-square{padding:3.74px}.shape-selector-option-preview.shape-square .shape-selector-option-preview-inner,.shape-selector-preview.shape-square .shape-selector-preview-inner{border-radius:0;height:100%;width:100%}.shape-selector-option-preview.shape-pentagon,.shape-selector-preview.shape-pentagon{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.shape-selector-option-preview.shape-pentagon .shape-selector-option-preview-inner,.shape-selector-preview.shape-pentagon .shape-selector-preview-inner{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);transform:scale(.922);transform-origin:center}.shape-selector-option-preview.shape-hexagon,.shape-selector-preview.shape-hexagon{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.shape-selector-option-preview.shape-hexagon .shape-selector-option-preview-inner,.shape-selector-preview.shape-hexagon .shape-selector-preview-inner{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transform:scale(.922);transform-origin:center}.shape-selector-option-preview.shape-octagon,.shape-selector-option-preview.shape-octagon .shape-selector-option-preview-inner,.shape-selector-preview.shape-octagon,.shape-selector-preview.shape-octagon .shape-selector-preview-inner{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.shape-selector-option-preview.shape-octagon .shape-selector-option-preview-inner,.shape-selector-preview.shape-octagon .shape-selector-preview-inner{transform:scale(.922);transform-origin:center}.shape-selector-option-preview.shape-star,.shape-selector-preview.shape-star{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:115px;width:115px}.shape-selector-option-preview.shape-star .shape-selector-option-preview-inner,.shape-selector-preview.shape-star .shape-selector-preview-inner{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transform:scale(.83666);transform-origin:center}.shape-selector-option-preview.shape-oval,.shape-selector-preview.shape-oval{border-radius:50%;height:90px;padding:3.49px 3.74px;width:96px}.shape-selector-option-preview.shape-oval .shape-selector-option-preview-inner,.shape-selector-preview.shape-oval .shape-selector-preview-inner{border-radius:50%;height:100%;width:100%}.shape-selector-option-preview.shape-rhombus,.shape-selector-preview.shape-rhombus{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.shape-selector-option-preview.shape-rhombus .shape-selector-option-preview-inner,.shape-selector-preview.shape-rhombus .shape-selector-preview-inner{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:scale(.922);transform-origin:center}.shape-preview-box.shape-circle{border-radius:50%;padding:2.34px}.shape-preview-box.shape-circle:after{border-radius:50%}.shape-preview-box.shape-triangle-up{border-radius:0}.shape-preview-box.shape-triangle-up,.shape-preview-box.shape-triangle-up:after{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.shape-preview-box.shape-triangle-up:after{transform:scale(.922);transform-origin:center}.shape-preview-box.shape-triangle-down{border-radius:0}.shape-preview-box.shape-triangle-down,.shape-preview-box.shape-triangle-down:after{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.shape-preview-box.shape-triangle-down:after{transform:scale(.922);transform-origin:center}.shape-preview-box.shape-rectangle{border-radius:0;height:56px;padding:3.28px 2.18px;width:84px}.shape-preview-box.shape-rectangle:after{border-radius:0}.shape-preview-box.shape-square{border-radius:0;padding:2.34px}.shape-preview-box.shape-square:after{border-radius:0}.shape-preview-box.shape-pentagon{border-radius:0}.shape-preview-box.shape-pentagon,.shape-preview-box.shape-pentagon:after{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.shape-preview-box.shape-pentagon:after{transform:scale(.922);transform-origin:center}.shape-preview-box.shape-hexagon{border-radius:0}.shape-preview-box.shape-hexagon,.shape-preview-box.shape-hexagon:after{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.shape-preview-box.shape-hexagon:after{transform:scale(.922);transform-origin:center}.shape-preview-box.shape-octagon{border-radius:0}.shape-preview-box.shape-octagon,.shape-preview-box.shape-octagon:after{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.shape-preview-box.shape-octagon:after{transform:scale(.922);transform-origin:center}.shape-preview-box.shape-star{border-radius:0;height:72px;width:72px}.shape-preview-box.shape-star,.shape-preview-box.shape-star:after{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.shape-preview-box.shape-star:after{transform:scale(.83666);transform-origin:center}.shape-preview-box.shape-oval{border-radius:50%;height:56px;padding:2.18px 2.34px;width:60px}.shape-preview-box.shape-oval:after{border-radius:50%}.shape-preview-box.shape-rhombus{border-radius:0}.shape-preview-box.shape-rhombus,.shape-preview-box.shape-rhombus:after{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.shape-preview-box.shape-rhombus:after{transform:scale(.922);transform-origin:center}.profile-error,.profile-loading{color:#666;font-size:1.2rem;padding:4rem 2rem;text-align:center}.profile-error{color:#f44}.friendship-status-badge{align-items:center;display:flex;gap:.5rem;margin-top:1rem;position:relative}.friend-badge,.pending-request-received,.pending-request-sent{align-items:center;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.friend-badge-button{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between}.friend-badge-button:hover{box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.friend-badge-button:disabled{cursor:not-allowed;opacity:.7}.friend-badge-arrow{font-size:.75rem;margin-left:.25rem;transition:transform .2s}.friend-badge-button:hover .friend-badge-arrow{transform:translateY(2px)}.pending-request-sent{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.dark-mode .pending-request-sent{background-color:#3d2e1f;border-color:#4a3a2a;color:#ffb74d}.pending-request-received{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.dark-mode .pending-request-received{background-color:#1a3a4a;border-color:#2d4a5a;color:#81d4fa}.friend-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0000004d;left:0;margin-top:.5rem;min-width:150px;overflow:hidden;position:absolute;top:100%;z-index:1000}.friend-dropdown-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:.9rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.friend-dropdown-item:hover:not(:disabled){background:var(--bg-secondary)}.friend-dropdown-item:disabled{cursor:not-allowed;opacity:.6}.unfriend-button{color:#f44336}.unfriend-button:hover:not(:disabled){background:#f443361a;color:#d32f2f}.dark-mode .unfriend-button:hover:not(:disabled){background:#f4433633}@media (max-width:768px){.cancel-button,.friend-dropdown-item,.save-button{min-height:44px;touch-action:manipulation}.profile-info h1{font-size:1.75rem}.profile-page-wrapper{margin:0;overflow-x:hidden}.profile-page,.profile-page-wrapper{padding:0}.profile-background,.profile-page,.profile-page-wrapper{box-sizing:border-box;max-width:100%;width:100%}.profile-content,.wall{box-sizing:border-box;max-width:100%;padding:0;width:100%}.wall{background:none!important;background-color:initial!important;background-image:none!important;margin:0}}.my-account-container{margin:2rem auto;max-width:600px;padding:0 1rem}.my-account-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);padding:2rem}.my-account-card h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.my-account-subtitle{color:var(--text-secondary);font-size:1rem;margin:0 0 2rem}.my-account-form{gap:1.5rem}.form-group,.my-account-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.form-group input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s}.form-group input:focus{background:var(--bg-primary);border-color:#1877f2;box-shadow:0 0 0 2px #1877f233;outline:none}.form-group input::placeholder{color:var(--text-tertiary)}.form-group input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.save-button{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.save-button:hover:not(:disabled){background:#166fe5}.save-button:disabled{background:#e4e6eb;color:#8a8d91;cursor:not-allowed;opacity:.6}.dark-mode .save-button:disabled{background:#3a3b3c}.cancel-button{font-size:1rem;padding:.75rem 1.5rem}.error-message{background:#ffe6e6;border:1px solid #fcc;border-radius:6px;color:#e41e3a;margin-bottom:1rem;padding:.75rem}.dark-mode .error-message{background:#3d1f1f;border-color:#4a2525;color:#f48fb1}.success-message{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:6px;color:#388e3c;margin-bottom:1rem;padding:.75rem}.dark-mode .success-message{background:#1b3d1f;border-color:#2d5a32;color:#81c784}@media (max-width:768px){.my-account-container{margin:1rem auto;padding:0 .5rem}.my-account-card{padding:1.5rem}.my-account-card h1{font-size:1.5rem}.form-group input{font-size:16px;min-height:44px;padding:.875rem}.form-actions{flex-direction:column;gap:.75rem}.cancel-button,.save-button{min-height:44px;touch-action:manipulation;width:100%}}.settings-container{margin:2rem auto;max-width:800px;padding:0 1rem}.settings-card{background:#fff;border:1px solid #e4e6eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.dark-mode .settings-card{background:#1c1e21;border-color:#3a3b3c}.settings-card h1{color:#050505;font-size:2rem;font-weight:700;margin:0 0 .5rem}.dark-mode .settings-card h1{color:#e4e6eb}.settings-subtitle{color:#65676b;font-size:1rem;margin:0 0 2rem}.dark-mode .settings-subtitle{color:#b0b3b8}.settings-placeholder{font-size:1.1rem;padding:3rem}.settings-error,.settings-loading,.settings-placeholder{background:#f0f2f5;border:1px solid #e4e6eb;border-radius:8px;color:#65676b;text-align:center}.settings-error,.settings-loading{font-size:1rem;padding:1.5rem}.dark-mode .settings-error,.dark-mode .settings-loading{background:#2a2d31;border-color:#3a3b3c;color:#b0b3b8}.settings-error{background:#ffebee;border-color:#ffcdd2;color:#d32f2f}.dark-mode .settings-error{background:#3d1f1f;border-color:#4a2525;color:#f48fb1}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#f0f2f5;border:1px solid #e4e6eb;border-radius:8px;padding:1.5rem}.dark-mode .settings-section{background:#2a2d31;border-color:#3a3b3c}.settings-section-title{color:#050505;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.dark-mode .settings-section-title{color:#e4e6eb}.settings-section-description{color:#65676b;font-size:.9rem;margin:0 0 1rem}.dark-mode .settings-section-description{color:#b0b3b8}.settings-radio-group{display:flex;flex-direction:column;gap:.75rem}.settings-radio-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:.75rem;transition:background-color .2s}.settings-radio-label:hover{background-color:#0000000d}.dark-mode .settings-radio-label:hover{background-color:#ffffff0d}.settings-radio-input{cursor:pointer;height:18px;margin-right:.75rem;width:18px}.settings-radio-text{color:#050505;font-size:1rem}.dark-mode .settings-radio-text{color:#e4e6eb}.settings-checkbox-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:.75rem;transition:background-color .2s}.settings-checkbox-label:hover{background-color:#0000000d}.dark-mode .settings-checkbox-label:hover{background-color:#ffffff0d}.settings-checkbox-input{cursor:pointer;height:18px;margin-right:.75rem;width:18px}.settings-checkbox-text{color:#050505;font-size:1rem;font-weight:500}.dark-mode .settings-checkbox-text{color:#e4e6eb}.settings-hint{color:#65676b;font-size:.85rem;font-style:italic;margin:.5rem 0 0;padding-left:2.5rem}.dark-mode .settings-hint{color:#b0b3b8}.settings-success{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:6px;color:#2e7d32;font-size:.9rem;margin-top:1rem;padding:1rem}.dark-mode .settings-success{background:#1b3d1f;border-color:#2d5a32;color:#81c784}.settings-button{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:.5rem;padding:.75rem 1.5rem;transition:background-color .2s,opacity .2s}.settings-button:hover:not(:disabled){background:#1565c0}.settings-button:active:not(:disabled){background:#0d47a1}.settings-button:disabled{cursor:not-allowed;opacity:.6}.dark-mode .settings-button{background:#1877f2}.dark-mode .settings-button:hover:not(:disabled){background:#1565c0}.settings-select-group{display:flex;flex-direction:column;gap:.5rem}.settings-select-input{background:#fff;border:1px solid #e4e6eb;border-radius:6px;color:#050505;cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .2s}.settings-select-input:hover{border-color:#b0b3b8}.settings-select-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dark-mode .settings-select-input{background:#2a2d31;border-color:#3a3b3c;color:#e4e6eb}.dark-mode .settings-select-input:hover{border-color:#4a4b4c}.dark-mode .settings-select-input:focus{border-color:#9d81e0;box-shadow:0 0 0 3px #9d81e033}.settings-select-group .settings-hint{margin-top:.5rem;padding-left:0}.animation-manager{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:2rem;padding:1.5rem}.animation-manager h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.animation-manager-description{color:var(--text-secondary);font-size:.95rem;margin:0 0 1.5rem}.animation-manager-message{border-radius:6px;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.animation-manager-error{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.animation-manager-success{background:#28a7451a;border:1px solid #28a7454d;color:#28a745}.animation-manager-upload{margin-bottom:2rem}.animation-manager-upload-controls{display:flex;flex-direction:column;gap:1rem}.animation-manager-checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.animation-manager-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.animation-manager-checkbox-label:has(input:disabled){cursor:not-allowed;opacity:.6}.animation-manager-upload-button{background:#007bff;background:var(--primary-color,#007bff);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.animation-manager-upload-button:hover:not(:disabled){background:#0056b3;background:var(--primary-color-hover,#0056b3)}.animation-manager-upload-button:disabled{cursor:not-allowed;opacity:.6}.animation-manager-empty,.animation-manager-loading{color:var(--text-secondary);padding:2rem;text-align:center}.animation-manager-empty{background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:6px}.animation-manager-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.animation-manager-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.animation-manager-item-selected{border:2px solid #007bff;border:2px solid var(--primary-color,#007bff);box-shadow:0 0 0 3px #007bff1a}.animation-manager-selected-badge{background:#007bff;background:var(--primary-color,#007bff);border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;z-index:1}.animation-manager-preview{align-items:center;aspect-ratio:1;background:var(--bg-secondary);border-radius:6px;display:flex;justify-content:center;overflow:hidden;width:100%}.animation-manager-preview img{max-height:100%;max-width:100%;object-fit:contain}.animation-manager-info{flex:1 1}.animation-manager-filename{color:var(--text-primary);font-size:.9rem;font-weight:500;margin-bottom:.25rem;word-break:break-word}.animation-manager-size{color:var(--text-secondary);font-size:.85rem}.animation-manager-actions{display:flex;flex-direction:column;gap:.5rem}.animation-manager-select-button{background:#007bff;background:var(--primary-color,#007bff);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background .2s}.animation-manager-select-button:hover:not(:disabled){background:#0056b3;background:var(--primary-hover-color,#0056b3)}.animation-manager-select-button:disabled{background:#28a745;background:var(--success-color,#28a745);cursor:not-allowed;opacity:.6}.animation-manager-delete-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;padding:.5rem 1rem;transition:background .2s}.animation-manager-delete-button:hover:not(:disabled){background:#c82333}.animation-manager-delete-button:disabled{cursor:not-allowed;opacity:.5}.animation-manager-future{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-top:2rem;padding:1.5rem}.animation-manager-future h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 .75rem}.animation-manager-future p{color:var(--text-secondary);font-size:.95rem;margin:0 0 .75rem}.animation-manager-future ul{color:var(--text-secondary);margin:0;padding-left:1.5rem}.animation-manager-future li{margin-bottom:.5rem}.admin-portal-container{margin:2rem auto;max-width:800px;padding:0 1rem}.admin-portal-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);padding:2rem}.admin-portal-card h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.admin-portal-subtitle{color:var(--text-secondary);font-size:1rem;margin:0 0 2rem}.admin-portal-placeholder{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:1.1rem;padding:3rem;text-align:center}.user-search{background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0;max-width:100%;padding:0 2rem;width:100%}.user-search h2{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;margin-top:0;padding-top:0}.search-input-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);padding:16px}.search-input{border:1px solid var(--border-color);border-radius:20px;padding:.75rem 1rem;transition:all .2s}.search-input:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}.search-loading{color:var(--text-tertiary);font-size:.875rem;right:1rem}.search-error{background:#ffe6e6;border:1px solid #fcc;border-radius:6px;color:#e41e3a;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .search-error{background:#3d1f1f;border-color:#4a2525;color:#f48fb1}.search-results{display:flex;flex-direction:column;gap:1rem}.search-result-item-link{color:inherit;display:block;text-decoration:none}.search-result-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px var(--shadow-color);display:flex;gap:1rem;padding:1rem;transition:all .2s}.search-result-item-link:hover .search-result-item{background:var(--bg-secondary);box-shadow:0 2px 4px var(--shadow-color)}.result-avatar{border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;height:50px;overflow:hidden;width:50px}.result-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,#1877f2,#42a5f5)}.result-info{flex:1 1;min-width:0}.result-username{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.result-name{color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem}.result-email{color:var(--text-tertiary);font-size:.85rem}.add-friend-button{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:background-color .2s;white-space:nowrap}.add-friend-button:hover:not(:disabled){background:#166fe5}.add-friend-button:disabled{background:#e4e6eb;color:#8a8d91;cursor:not-allowed;opacity:.7}.dark-mode .add-friend-button:disabled{background:#3a3b3c}.no-results{background:var(--bg-secondary);border:1px solid #e4e6eb;border-radius:8px;color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}@media (max-width:768px){.user-search{padding:0 1rem}.user-search h2{font-size:1.5rem;margin-bottom:1.25rem}.search-input-container{padding:12px}.search-input{font-size:16px;min-height:44px;padding:.875rem 1rem}.search-result-item{min-height:60px;padding:.875rem}.add-friend-button{min-height:44px;min-width:44px;padding:.75rem 1rem;touch-action:manipulation}.result-avatar{height:45px;width:45px}}.friend-list{background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0;max-width:100%;padding:0 2rem;width:100%}.friend-list h2{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;margin-top:0;padding-top:0}.friend-tabs{background:var(--bg-primary);border-bottom:1px solid var(--border-color);border:solid var(--border-color);border-radius:8px 8px 0 0;border-width:1px 1px 2px;box-shadow:0 2px 4px var(--shadow-color);display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.tab-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px 6px 0 0;color:var(--text-secondary)}.tab-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-button.active{background:var(--bg-primary);border-bottom-color:#1877f2;border-bottom-width:3px;box-shadow:0 -2px 4px #0000001a;color:#1877f2}.friend-error{background:#ffe6e6;border:1px solid #fcc;border-radius:6px;color:#e41e3a;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .friend-error{background:#3d1f1f;border-color:#4a2525;color:#f48fb1}.friends-section,.requests-section{margin-top:1rem}.friends-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.friend-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px var(--shadow-color);display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:all .2s}.friend-item:hover{background:var(--bg-secondary);box-shadow:0 2px 4px var(--shadow-color)}.friend-profile-picture{border:2px solid var(--border-color);border-radius:50%;filter:drop-shadow(0 2px 4px var(--shadow-color));height:80px;margin-bottom:1rem;width:80px}.friend-profile-picture .profile-picture-inner{height:100%;width:100%}.friend-profile-picture .avatar-initial{align-items:center;background:linear-gradient(135deg,#1877f2,#42a5f5);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.friend-profile-picture.shape-rectangle,.friend-profile-picture.shape-rounded-rectangle{height:75px;padding:3.12px 2.08px;width:112px}.friend-profile-picture.shape-star{height:96px;width:96px}.friend-profile-picture.shape-oval{height:75px;padding:2.18px 2.34px;width:80px}.friend-info{margin-bottom:1rem;width:100%}.friend-username{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.friend-name{color:var(--text-secondary);font-size:.9rem}.view-profile-link{background:#1877f2;border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.view-profile-link:hover{background:#166fe5}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px var(--shadow-color);display:flex;gap:1rem;padding:1rem;transition:all .2s}.request-item:hover{background:var(--bg-secondary);box-shadow:0 2px 4px var(--shadow-color)}.request-profile-picture{border:2px solid var(--border-color);border-radius:50%;filter:drop-shadow(0 2px 4px var(--shadow-color));flex-shrink:0;height:60px;width:60px}.request-profile-picture .profile-picture-inner{height:100%;width:100%}.request-profile-picture .avatar-initial{align-items:center;background:linear-gradient(135deg,#1877f2,#42a5f5);color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.request-profile-picture.shape-rectangle,.request-profile-picture.shape-rounded-rectangle{height:56px;padding:2.34px 1.56px;width:84px}.request-profile-picture.shape-star{height:72px;width:72px}.request-profile-picture.shape-oval{height:56px;padding:1.64px 1.76px;width:60px}.request-info{flex:1 1;min-width:0}.request-username{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.request-name{color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem}.request-date{color:var(--text-tertiary);font-size:.85rem}.request-actions{display:flex;gap:.5rem}.accept-button,.reject-button{border-radius:6px;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.accept-button{background:#1877f2}.accept-button:hover:not(:disabled){background:#166fe5}.reject-button{background:var(--bg-secondary);color:var(--text-primary)}.reject-button:hover:not(:disabled){background:var(--bg-tertiary)}.accept-button:disabled,.reject-button:disabled{opacity:.6}.empty-state{background:var(--bg-secondary);color:var(--text-secondary)}.empty-state,.friend-list-loading{border:1px solid var(--border-color);border-radius:8px;font-size:1rem;padding:3rem}.friend-list-loading{background:var(--bg-primary);color:var(--text-primary);text-align:center}.request-tabs{background:var(--bg-primary);border-bottom:1px solid var(--border-color);border:solid var(--border-color);border-radius:8px 8px 0 0;border-width:1px 1px 2px;box-shadow:0 2px 4px var(--shadow-color);display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem}.request-tab-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;margin-bottom:-2px;padding:.5rem 1rem;transition:all .2s}.request-tab-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.request-tab-button.active{background:var(--bg-primary);border-bottom-color:#1877f2;border-bottom-width:3px;box-shadow:0 -2px 4px #0000001a;color:#1877f2;font-weight:600}.request-status{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.pending-badge{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;color:#856404;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.received-requests,.sent-requests{margin-top:1rem}.group-list{background:#0000;box-sizing:border-box;margin:0;max-width:100%;overflow-x:hidden;padding:0 2rem;width:100%}.group-list-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;margin-top:0;padding-bottom:1.5rem;padding-top:0}.group-list-header h2{color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:0}.create-group-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .3s ease}.create-group-button:hover{background:linear-gradient(135deg,#5568d3,#6a4291);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.create-group-button:before{content:"+";font-size:1.2rem;font-weight:700}.search-input-container{margin-bottom:2rem;position:relative}.search-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:1rem 1.25rem 1rem 3rem;transition:all .3s ease}.search-input:focus{background:var(--bg-primary);border-color:#667eea;box-shadow:0 0 0 4px #667eea26;outline:none;transform:translateY(-1px)}.search-input::placeholder{color:var(--text-tertiary)}.search-input-container:before{content:"🔍";font-size:1.1rem;left:1.25rem;opacity:.6;pointer-events:none}.search-input-container:before,.search-loading{position:absolute;top:50%;transform:translateY(-50%)}.search-loading{animation:search-spin .6s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #667eea;height:20px;right:1.25rem;width:20px}@keyframes search-spin{to{transform:translateY(-50%) rotate(1turn)}}.group-list-error{background:#ffe6e6;border:1px solid #fcc;border-radius:6px;color:#e41e3a;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .group-list-error{background:#3d1f1f;border-color:#4a2525;color:#f48fb1}.no-groups{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:16px;color:var(--text-secondary);font-size:1.1rem;margin-top:2rem;padding:4rem 2rem;text-align:center}.groups-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.group-item-wrapper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-item-wrapper:hover{border-color:#667eea4d;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.group-item-link{color:inherit;display:block;flex:1 1;text-decoration:none}.group-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px 16px 0 0;box-shadow:0 2px 8px #00000014;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:1.75rem 1.75rem 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-item:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.group-item-link:hover .group-item{background:var(--bg-secondary)}.group-item-link:hover .group-item:before,.group-item-wrapper:hover .group-item:before{transform:scaleX(1)}.group-item-wrapper:hover .group-bio{margin-bottom:1.25rem;max-height:200px;min-height:4.5rem;opacity:1}.group-item-wrapper:hover .group-meta{border:1px solid var(--border-color);margin-bottom:1.25rem;max-height:200px;opacity:1;padding:1rem}.group-item-picture{border:3px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:70px;margin-bottom:1.25rem;overflow:hidden;transition:all .3s ease;width:70px}.group-item-wrapper:hover .group-item-picture{border-color:#667eea66;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.group-item-picture img{height:100%;object-fit:cover;width:100%}.group-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.group-name{color:var(--text-primary);flex:1 1;font-size:1.4rem;font-weight:700;line-height:1.3;margin:0;min-width:0}.privacy-badge{border:1.5px solid;border-radius:20px;flex-shrink:0;font-weight:600;letter-spacing:.5px;padding:.4rem .9rem;text-transform:uppercase;white-space:nowrap}.privacy-badge.public{background:#1976d21a;border-color:#1976d24d}.dark-mode .privacy-badge.public{background:#42a5f526;border-color:#42a5f54d;color:#64b5f6}.privacy-badge.private{background:#f57c001a;border-color:#f57c004d}.dark-mode .privacy-badge.private{background:#ffb74d26;border-color:#ffb74d4d;color:#ffb74d}.privacy-badge.auto-approval{background:#388e3c1a;border-color:#388e3c4d}.dark-mode .privacy-badge.auto-approval{background:#4caf5026;border-color:#4caf504d;color:#81c784}.group-bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;font-size:.95rem;min-height:0;text-overflow:ellipsis}.group-bio,.group-meta{margin-bottom:0;max-height:0;opacity:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease,margin-bottom .3s ease,padding .3s ease}.group-meta{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;font-size:.9rem;gap:.75rem;padding:0}.group-members{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem}.group-members:before{content:"👥";font-size:1rem}.group-owner{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem}.group-owner:before{content:"👤";font-size:1rem}.group-footer{background:var(--bg-primary);border-radius:0 0 16px 16px;border-top:2px solid var(--border-color);padding:1.25rem 1.75rem;position:relative}.membership-status{border:1px solid #0000;border-radius:8px;display:inline-block;text-align:center}.membership-status,.request-join-button{font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;width:100%}.request-join-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-family:inherit;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:1.25rem}.request-join-button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a4291);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.request-join-button:disabled{cursor:not-allowed;opacity:.7}.group-item-wrapper:hover .membership-status.not-member{opacity:0;pointer-events:none}.group-item-wrapper:hover .request-join-button{opacity:1;pointer-events:all}.withdraw-request-button{background:#dc3545;border:none;border-radius:8px;box-shadow:0 4px 12px #dc35454d;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;left:0;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;right:0;top:1.25rem;transition:all .3s ease;width:100%}.withdraw-request-button:hover:not(:disabled){background:#c82333;box-shadow:0 6px 20px #dc354566;color:#fff;transform:translateY(-2px)}.withdraw-request-button:disabled{cursor:not-allowed;opacity:.7}.group-item-wrapper:hover .membership-status.pending{opacity:0;pointer-events:none}.group-item-wrapper:hover .withdraw-request-button{opacity:1;pointer-events:all}.membership-status.not-member{background:var(--bg-secondary);border:1px solid var(--border-color);color:#65676b}.dark-mode .membership-status.not-member{color:var(--text-tertiary)}.membership-status.pending{background:#f57c0026;border:1px solid #f57c0066;color:#e65100;font-weight:600}.dark-mode .membership-status.pending{background:#ffb74d26;border-color:#ffb74d4d;color:#ffb74d}.membership-status.member{background:#667eea26;border:1px solid #667eea66;color:#4c5fd5;font-weight:600}.dark-mode .membership-status.member{background:#667eea26;border-color:#667eea4d;color:#9d81e0}.group-list-loading{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #00000014;color:var(--text-primary);display:flex;flex-direction:column;font-size:1.1rem;gap:1rem;padding:4rem 2rem;text-align:center}.group-list-loading:after{animation:loading-spin .8s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top:4px solid #667eea;content:"";height:40px;width:40px}@keyframes loading-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.group-list{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:0 1rem;width:100%}.group-list-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.group-list-header h2{font-size:1.75rem}.create-group-button{justify-content:center;min-height:44px;touch-action:manipulation;width:100%}.search-input{font-size:16px;min-height:44px;padding:.875rem 1rem .875rem 2.75rem}.groups-grid{gap:1rem;grid-template-columns:1fr}.group-item{padding:1.25rem}.group-item-picture{height:60px;margin-bottom:1rem;width:60px}.group-name{font-size:1.2rem}.group-footer{padding:1rem 1.25rem}.membership-status,.request-join-button,.withdraw-request-button{min-height:44px;touch-action:manipulation}}.group-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);margin:0 auto;max-width:600px;padding:2rem}.form-header{margin-bottom:1.5rem}.form-header h3{font-size:1.5rem;font-weight:700}.form-input,.form-select,.form-textarea{border-radius:6px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-actions .cancel-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.form-actions .cancel-button:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.submit-button{background:#1877f2;border-radius:6px;font-weight:600}.submit-button:hover:not(:disabled){background:#166fe5}.submit-button:disabled{background:#e4e6eb;color:#8a8d91}.dark-mode .submit-button:disabled{background:#3a3b3c}.form-error{background:#ffe6e6;border-radius:6px;color:#e41e3a}.dark-mode .form-error{background:#3d1f1f}.cancel-button{background:var(--bg-secondary);border-radius:6px;font-weight:500}.cancel-button:hover{background:var(--bg-tertiary)}@media (max-width:768px){.group-form{margin:1rem;padding:1.5rem}.form-header h3{font-size:1.25rem}.form-input,.form-select,.form-textarea{font-size:16px;min-height:44px;padding:.875rem}.form-textarea{min-height:120px}.form-actions{flex-direction:column;gap:.75rem}.form-actions .cancel-button,.submit-button{min-height:44px;touch-action:manipulation;width:100%}}.join-request-button-container{display:flex;flex-direction:column;gap:.5rem}.join-request-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.join-request-button:hover:not(:disabled){background-color:#5568d3}.join-request-button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.join-status{align-items:center;display:flex}.status-badge{border-radius:4px;font-size:.85rem;font-weight:500;padding:.5rem 1rem}.status-badge.accepted{background-color:#e8f5e9;color:#388e3c}.status-badge.pending{color:#f57c00}.join-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.85rem;padding:.5rem}.dark-mode .join-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.status-badge.pending{background-color:#fff3e0;color:#e65100;font-weight:600}.dark-mode .status-badge.pending{background-color:#3d2e1f;color:#ffb74d}.join-status-dropdown-container{display:inline-block;position:relative}.status-badge-dropdown-button{align-items:center;border:1px solid;border-radius:20px;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.status-badge-dropdown-button.pending{background:#fff3e0;border-color:#ffe0b2;color:#e65100}.dark-mode .status-badge-dropdown-button.pending{background:#3d2e1f;border-color:#4a3a2a;color:#ffb74d}.status-badge-dropdown-button:hover:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.status-badge-dropdown-button:disabled{cursor:not-allowed;opacity:.6}.dropdown-arrow{font-size:.7rem;margin-left:.25rem;transition:transform .2s ease}.join-status-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);margin-top:.5rem;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.withdraw-request-menu-button{background:none;border:none;color:#dc3545;cursor:pointer;font-family:inherit;font-size:.95rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s,color .2s;width:100%}.withdraw-request-menu-button:hover:not(:disabled){background-color:#f8d7da;color:#dc3545}.dark-mode .withdraw-request-menu-button{color:#f48fb1}.dark-mode .withdraw-request-menu-button:hover:not(:disabled){background-color:#3d1f1f;color:#f48fb1}.withdraw-request-menu-button:disabled{cursor:not-allowed;opacity:.6}.member-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:1.5rem}.member-list-loading{color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}.member-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.member-list-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.toggle-pending-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.toggle-pending-button:hover{background:linear-gradient(135deg,#5568d3,#6a4291);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.member-list-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .member-list-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.pending-members-section{border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.pending-members-section h4{color:var(--text-primary);font-size:1rem;margin:0 0 1rem}.accepted-members-section{margin-top:1rem}.members-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.member-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:1rem;padding:1rem;transition:background-color .2s}.member-item:hover{background:var(--bg-tertiary)}.member-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.avatar-placeholder{font-size:1.2rem}.member-info{flex:1 1;min-width:0}.member-username{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.25rem;text-decoration:none}.member-username:hover{color:#667eea;text-decoration:underline}.member-owner-label{color:#667eea;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.member-date{color:var(--text-tertiary);font-size:.75rem}.member-role{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.role-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;white-space:nowrap}.role-badge.owner{background-color:#e3f2fd;color:#1976d2}.role-badge.moderator{background-color:#fff3e0;color:#f57c00}.role-badge.member{background-color:#f5f5f5;color:#666}.member-management-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.moderator-actions{display:flex;gap:.5rem}.add-moderator-button,.remove-moderator-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .75rem;transition:background-color .2s}.add-moderator-button:hover:not(:disabled),.remove-moderator-button:hover:not(:disabled){background-color:#5568d3}.remove-moderator-button{background-color:#f57c00}.remove-moderator-button:hover:not(:disabled){background-color:#e65100}.add-moderator-button:disabled,.remove-moderator-button:disabled{cursor:not-allowed;opacity:.5}.kick-member-button{background-color:#dc3545;border:none;border-radius:6px;box-shadow:0 2px 4px #dc354533;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;width:100%}.kick-member-button:hover:not(:disabled){background-color:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.kick-member-button:disabled{cursor:not-allowed;opacity:.6}.member-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem;min-width:120px}.accept-button,.reject-button{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease;width:100%}.accept-button{background-color:#388e3c;color:#fff}.accept-button:hover:not(:disabled){background-color:#2e7d32;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.reject-button{background-color:#dc3545;color:#fff}.reject-button:hover:not(:disabled){background-color:#c82333;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.accept-button:disabled,.reject-button:disabled{cursor:not-allowed;opacity:.5}.no-members{color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}.topic-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:1.5rem;padding:1.5rem}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.form-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.form-field{margin-bottom:1rem}.topic-title-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:border-color .2s;width:100%}.topic-title-input:focus{background:var(--bg-primary);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{align-items:center;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem}.youtube-input{background:var(--bg-secondary)}.youtube-input:focus{background:var(--bg-primary)}.cancel-button:hover{background-color:var(--bg-tertiary)}.vote-section{gap:.5rem}.vote-button,.vote-section{align-items:center;display:flex}.vote-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:700;height:36px;justify-content:center;min-width:36px;padding:.25rem .5rem;transition:all .2s}.vote-button:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--text-primary);transform:scale(1.05)}.vote-button:disabled{cursor:not-allowed;opacity:.4}.upvote-button.active{background-color:#4caf50;border-color:#4caf50;color:#fff}.upvote-button.active:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.downvote-button.active{background-color:#f44336;border-color:#f44336;color:#fff}.downvote-button.active:hover:not(:disabled){background-color:#da190b;border-color:#da190b}.vote-score{color:var(--text-primary);font-size:.9rem;font-weight:600;min-width:30px;text-align:center}.discussion-board{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:1.5rem}.discussion-board-loading{color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}.discussion-board-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.discussion-board-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.create-topic-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.create-topic-button:hover{background-color:#5568d3}.discussion-board-message{background:#fff3e0;border:1px solid #ffcc80;border-radius:4px;color:#e65100;font-size:.9rem;margin-bottom:1rem;padding:1rem}.discussion-board-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .discussion-board-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.topic-form-container{margin-bottom:2rem}.topics-list{display:flex;flex-direction:column;gap:1rem}.no-topics{color:var(--text-secondary);font-size:1rem;padding:3rem;text-align:center}.topic-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:1.5rem;transition:box-shadow .2s}.topic-item:hover{box-shadow:0 2px 4px var(--shadow-color)}.topic-header{margin-bottom:1rem}.topic-title-link{color:inherit;text-decoration:none}.topic-title{color:var(--text-primary);font-size:1.2rem;transition:color .2s}.topic-title-link:hover .topic-title{color:#667eea}.topic-meta{color:var(--text-tertiary);font-size:.85rem}.topic-content-preview{word-wrap:break-word;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.topic-content-preview p{margin:0 0 .5rem}.topic-content-preview p:last-child{margin-bottom:0}.topic-media-preview{margin-bottom:1rem}.topic-media-preview img{border-radius:4px;max-height:300px;max-width:200px;object-fit:cover}.media-indicator{background-color:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.topic-footer{border-top:1px solid var(--border-color)}.topic-stats{align-items:center;display:flex;gap:1rem}.comment-count-link{color:var(--text-secondary);font-size:.9rem;text-decoration:none}.comment-count-link:hover{color:#667eea;text-decoration:underline}.view-topic-link{background-color:var(--bg-secondary);border-radius:4px;color:var(--text-primary);font-size:.85rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.view-topic-link:hover{background-color:var(--bg-tertiary)}.group-settings{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:1.5rem}.group-settings h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 1.5rem}.settings-form{max-width:600px}.form-field{margin-bottom:1.5rem}.form-field label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-primary);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-select{cursor:pointer}.field-help{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:.5rem}.form-actions{display:flex;justify-content:flex-end;margin-top:2rem}.submit-button{padding:.75rem 1.5rem}.form-success{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:4px;color:#388e3c;font-size:.9rem;margin-top:1rem;padding:.75rem}.dark-mode .form-success{background-color:#1b3d1f;border-color:#2d5a32;color:#81c784}.group-detail{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);margin:0 auto;max-width:1000px;padding:2rem}.group-cover-section{margin-bottom:4rem;position:relative;width:100%}.group-cover-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0;height:300px;position:relative;width:100%}.cover-upload-overlay{opacity:0;position:absolute;right:1rem;top:1rem;transition:opacity .2s}.group-cover-image:hover .cover-upload-overlay{opacity:1}.cover-upload-button{background-color:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.cover-upload-button:hover:not(:disabled){background-color:#000000e6}.cover-upload-button:disabled{cursor:not-allowed;opacity:.5}.group-profile-picture-container{align-items:center;bottom:-75px;display:flex;left:2rem;position:absolute}.group-profile-picture{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:150px;justify-content:center;position:relative;transition:transform .2s;width:150px}.group-profile-picture:hover{transform:scale(1.05)}.group-profile-picture span{color:#999;font-size:.9rem}.edit-overlay,.upload-overlay{align-items:center;background-color:#000000b3;border-radius:50%;bottom:0;color:#fff;display:flex;font-size:.85rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.group-profile-picture:hover .edit-overlay,.upload-overlay{opacity:1}.group-detail-error,.group-detail-loading{color:#666;font-size:1rem;padding:3rem;text-align:center}.group-detail-error{color:#c33}.group-detail-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;margin-top:1rem;padding:0 2rem}.group-header-info{flex:1 1}.group-title{color:#333;font-size:2rem;margin:0 0 .5rem}.group-header-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.privacy-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.privacy-badge.public{background-color:#e3f2fd;color:#1976d2}.privacy-badge.private{background-color:#fff3e0;color:#f57c00}.privacy-badge.auto-approval{background-color:#e8f5e9;color:#388e3c}.group-owner,.member-count{color:#666;font-size:.9rem}.group-owner a{color:#667eea;text-decoration:none}.group-owner a:hover{text-decoration:underline}.group-header-actions{align-items:center;display:flex;gap:.5rem}.delete-group-button{background-color:#c33;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.delete-group-button:hover:not(:disabled){background-color:#a22}.delete-group-button:disabled{cursor:not-allowed;opacity:.5}.group-bio{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);line-height:1.6;padding:1rem}.group-bio,.group-tabs{margin-bottom:1.5rem;margin-left:2rem;margin-right:2rem}.group-tabs{border-bottom:2px solid #eee;display:flex;gap:.5rem}.tab-button{border-bottom:2px solid #0000;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:color .2s}.tab-button:hover{color:#333}.tab-button.active{border-bottom-color:#667eea;color:#667eea}.group-tab-content{min-height:200px;padding:0 2rem 2rem}.comment-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:1.5rem;padding:1rem}.comment-form-actions{gap:1rem;justify-content:space-between;margin-top:1rem}.comment-form-actions,.media-buttons{align-items:center;display:flex;flex-wrap:wrap}.media-buttons{gap:.5rem}.form-buttons{align-items:center;display:flex;gap:.5rem}.submit-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.5rem;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:#5568d3}.submit-button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.cancel-button{background-color:var(--bg-secondary);border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.cancel-button:hover:not(:disabled){background-color:var(--bg-tertiary)}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.form-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-top:1rem;padding:.75rem}.dark-mode .form-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.topic-comments{margin-top:1.5rem}.topic-comment-loading{color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}.topic-comment-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .topic-comment-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.topic-comment{background:var(--bg-secondary);border-radius:4px;margin-bottom:1rem;padding:1rem;transition:background-color .2s}.comment-reply,.topic-comment:hover{background:var(--bg-tertiary)}.comment-reply{margin-top:.5rem}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.comment-author{align-items:center;display:flex;gap:.75rem}.comment-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:.875rem;font-weight:700;height:100%;justify-content:center;width:100%}.comment-author-info{display:flex;flex-direction:column;gap:.25rem}.comment-username{color:var(--text-primary);font-size:.9rem;font-weight:600}.comment-date{color:var(--text-tertiary);font-size:.75rem}.comment-actions{display:flex;gap:.5rem}.delete-comment-button,.edit-comment-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s}.edit-comment-button:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.delete-comment-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:#c33}.delete-comment-button:hover:not(:disabled){background:#c33;border-color:#c33;color:#fff}.delete-comment-button:disabled,.edit-comment-button:disabled{cursor:not-allowed;opacity:.5}.comment-content{word-wrap:break-word;color:var(--text-primary);line-height:1.5;margin-bottom:.5rem}.comment-content p{margin:0 0 .25rem}.comment-content p:last-child{margin-bottom:0}.comment-content ol,.comment-content ul{margin:.25rem 0;padding-left:1.5rem}.comment-content a{color:#667eea;text-decoration:underline}.comment-content a:hover{color:#5568d3}.comment-media{border-radius:4px;margin:.5rem 0;overflow:hidden}.comment-media img{display:block;max-height:300px;max-width:300px;object-fit:contain}.comment-edit{margin-bottom:.5rem}.comment-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.8rem;margin-top:.5rem;padding:.5rem}.comment-edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.cancel-edit-button,.save-comment-button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:background-color .2s}.save-comment-button{background-color:#667eea;color:#fff}.save-comment-button:hover:not(:disabled){background-color:#5568d3}.save-comment-button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.cancel-edit-button{background-color:var(--bg-secondary);color:var(--text-primary)}.cancel-edit-button:hover:not(:disabled){background-color:var(--bg-tertiary)}.comment-footer{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.reply-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:color .2s}.reply-button:hover{color:#5568d3;text-decoration:underline}.reply-count{color:var(--text-tertiary);font-size:.8rem}.reply-form-container{background:var(--bg-tertiary);border-radius:4px;margin-top:1rem;padding:1rem}.comment-replies{border-left:2px solid var(--border-color);margin-top:.5rem;padding-left:1rem}.comments-list{display:flex;flex-direction:column;gap:1rem}.no-comments{color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}.youtube-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.9rem;margin-top:.5rem;padding:.5rem;width:200px}.youtube-input:focus{border-color:#667eea;outline:none}.topic-detail{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);margin:0 auto;max-width:900px;padding:2rem}.topic-detail-loading{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary)}.topic-detail-error,.topic-detail-loading{font-size:1rem;padding:3rem;text-align:center}.topic-detail-error{background:#ffe6e6;border:1px solid #fcc;border-radius:8px;color:#e41e3a}.dark-mode .topic-detail-error{background:#3d1f1f;border-color:#4a2525;color:#f48fb1}.back-link{color:#667eea;display:inline-block;margin-top:1rem;text-decoration:none}.back-link:hover{text-decoration:underline}.topic-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.back-to-group-link{color:#667eea;font-size:.9rem;text-decoration:none}.back-to-group-link:hover{text-decoration:underline}.topic-header-actions{display:flex;gap:.5rem}.delete-topic-button,.edit-topic-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:color .2s}.delete-topic-button:hover:not(:disabled),.edit-topic-button:hover:not(:disabled){color:#5568d3}.delete-topic-button{color:#c33}.delete-topic-button:hover:not(:disabled){color:#a22}.delete-topic-button:disabled,.edit-topic-button:disabled{cursor:not-allowed;opacity:.5}.topic-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:2rem;padding:1.5rem}.topic-title-section{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding-bottom:1rem}.topic-title{color:#333;font-size:1.8rem;margin:0 0 .5rem}.topic-meta{align-items:center;color:#999;display:flex;font-size:.9rem;gap:1rem}.topic-author a{color:#667eea;text-decoration:none}.topic-author a:hover{text-decoration:underline}.topic-updated{color:#999;font-style:italic}.topic-content-text{word-wrap:break-word;color:#333;line-height:1.8;margin-bottom:1.5rem}.topic-content-text p{margin:0 0 1rem}.topic-content-text p:last-child{margin-bottom:0}.topic-content-text ol,.topic-content-text ul{margin:1rem 0;padding-left:2rem}.topic-content-text a{color:#667eea;text-decoration:underline}.topic-content-text a:hover{color:#5568d3}.topic-media{border-radius:4px;margin-bottom:1.5rem;overflow:hidden}.topic-media img{display:block;max-height:500px;object-fit:contain;width:100%}.topic-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:1rem}.comment-count{color:#666;font-size:.9rem}.topic-comments-section{background:#fff;border:1px solid #ddd;border-radius:4px;padding:1.5rem}.topic-comments-section h3{color:#333;font-size:1.2rem;margin:0 0 1.5rem}.deadline-countdown{align-items:center;display:inline-flex;font-size:.9rem;gap:.5rem}.deadline-countdown-label{color:#65676b;font-weight:500}.deadline-countdown-time{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;color:#1877f2;font-family:Courier New,monospace;font-weight:700;padding:.25rem .5rem}.deadline-countdown-time.expired{background:#ffe6e6;border-color:#fcc;color:#e41e3a}.deadline-countdown.expired .deadline-countdown-label{color:#e41e3a}.battle-layout{margin:24px auto 0;max-width:1180px;min-width:0;width:100%}.battle-layout,.battle-layout *{box-sizing:border-box}.battle-layout .battle-detail-page,.battle-layout .my-battles-page,.vy-battles{min-width:0;width:100%}.vy-battles{color:var(--text-primary)}.vy-battles-hero{align-items:center;background:#211a29;border-radius:24px;color:#fff7e9;display:flex;gap:32px;justify-content:space-between;padding:44px 48px}.vy-eyebrow{color:#edc675;font-size:11px;font-weight:700;letter-spacing:.16em}.vy-battles h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em;line-height:1.1;margin:20px 0}.vy-battles h1 span{color:#f3cb75}.vy-battles-hero p{color:#d0c5d4;font-size:16px;line-height:1.7;margin:0;max-width:520px}.vy-battle-actions{align-items:center;display:flex;flex-wrap:wrap;gap:22px;margin-top:28px}.vy-battle-actions a{color:#fff5df;font-size:14px;font-weight:650;text-decoration:none}.vy-battle-actions a:hover{text-decoration:underline}.vy-battle-actions .vy-primary-action{background:#f3cb75;border-radius:10px;color:#211a29;display:flex;gap:30px;padding:14px 20px}.vy-battle-emblem{align-items:center;border:1px solid #76654f;border-radius:50%;color:#f3cb75;display:flex;flex:0 0 180px;flex-direction:column;height:180px;justify-content:center;transform:rotate(-10deg);width:180px}.vy-battle-emblem strong{font-size:68px;letter-spacing:-.07em;line-height:1.1}.vy-battle-emblem span{font-size:10px;letter-spacing:.3em}.vy-battles-toolbar{align-items:center;display:flex;gap:15px;justify-content:space-between;margin:30px 0 20px}.vy-battles-toolbar>span{color:var(--text-secondary);font-size:10px;font-weight:750;letter-spacing:.14em}.vy-battles-toolbar button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:9px;color:var(--text-primary);cursor:pointer;font-size:13px;min-height:42px;padding:10px 14px}.vy-battles-toolbar button:disabled{cursor:wait;opacity:.6}.vy-battle-sections{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr}.vy-battle-sections>section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:18px;min-width:0;padding:26px}.vy-section-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.vy-section-title h2{font-size:22px;letter-spacing:-.025em;margin:0}.vy-section-title>span{background:var(--bg-secondary);border-radius:20px;color:var(--text-secondary);font-size:11px;padding:7px 10px}.vy-section-description{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:10px 0 24px}.vy-empty{align-items:center;border:1px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:248px;padding:28px 22px;text-align:center}.vy-empty-icon{background:#f3e7c8;border-radius:12px;color:#745016;display:grid;font-size:26px;height:42px;place-items:center;width:42px}.vy-empty h3{font-size:18px;margin:18px 0 7px}.vy-empty p{color:var(--text-secondary);font-size:13px;line-height:1.7;margin:0 0 18px;max-width:310px}.vy-empty a{color:var(--text-primary);font-size:13px;font-weight:700;text-underline-offset:4px}.vy-battles-error{background:#fff1f1;border:1px solid #ebcaca;border-radius:12px;color:#8e2727;margin-bottom:20px;padding:16px}.vy-match{border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);display:block;margin-top:14px;padding:20px;text-decoration:none;transition:border-color .2s,box-shadow .2s}.vy-match:hover{border-color:#c29342;box-shadow:0 4px 16px #211a2910}.vy-match-bottom,.vy-match-top{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:11px;gap:12px;justify-content:space-between}.vy-status{background:#e4f3e9;border-radius:20px;color:#217448;padding:6px 9px}.vy-status.is-closed{background:#f7edcf;color:#725216}.vy-match-writers{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin:24px 0}.vy-writer{align-items:center;display:flex;gap:9px;min-width:0}.vy-writer strong{font-size:13px;overflow-wrap:anywhere}.vy-versus{color:var(--text-secondary);font-size:11px}.vy-avatar{background:#eee4ce;border-radius:50%;color:#725216;display:grid;flex:0 0 36px;font-weight:750;height:36px;overflow:hidden;place-items:center;width:36px}.vy-avatar img{height:100%;object-fit:cover;width:100%}.vy-match-open{color:var(--text-primary);font-weight:700}.vy-battles a:focus-visible,.vy-battles button:focus-visible{outline:3px solid #a781d8;outline-offset:4px}@media(max-width:700px){.battle-layout{margin:16px auto;padding:0 14px}.vy-battles-hero{gap:15px;padding:28px 24px}.vy-battle-emblem{display:none}.vy-battle-sections{gap:20px;grid-template-columns:1fr}.vy-battle-sections>section{padding:22px 18px}.vy-battles-toolbar{margin-top:24px}.vy-battles-toolbar>span{line-height:1.8;max-width:120px}.battle-layout .battle-detail-page,.battle-layout .my-battles-page{padding:18px}.vy-match{padding:16px}}.battle-comment{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px var(--shadow-color);padding:1.5rem}.battle-comment-header{margin-bottom:1rem}.battle-comment-author{align-items:center;display:flex;gap:1rem}.battle-comment-avatar{align-items:center;background:#1877f2;border:1px solid #e4e6eb;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.battle-comment-author-info{display:flex;flex-direction:column;gap:.25rem}.battle-comment-username{color:var(--text-primary);font-weight:500}.battle-comment-reputation{color:var(--text-secondary);font-size:.85rem}.battle-comment-date{color:var(--text-tertiary);font-size:.8rem}.battle-comment-content{word-wrap:break-word;color:var(--text-primary);line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.battle-comment-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:1rem}.battle-comment-votes{align-items:center;display:flex;gap:.5rem}.battle-comment-vote-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:36px;justify-content:center;transition:all .2s;width:36px}.battle-comment-vote-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-primary);transform:scale(1.05)}.battle-comment-vote-btn:disabled{cursor:not-allowed;opacity:.4}.battle-comment-vote-btn.upvote.active{background:#42a5f5;border-color:#42a5f5;color:#fff}.battle-comment-vote-btn.upvote.active:hover:not(:disabled){background:#1e88e5;border-color:#1e88e5}.battle-comment-vote-btn.downvote.active{background:#e41e3a;border-color:#e41e3a;color:#fff}.battle-comment-vote-btn.downvote.active:hover:not(:disabled){background:#c62828;border-color:#c62828}.battle-comment-vote-count{color:var(--text-primary);font-weight:500;min-width:30px;text-align:center}.battle-comment-vote-details{color:var(--text-secondary);font-size:.85rem}.battle-comment-vote-breakdown{display:block}@media (max-width:768px){.battle-comment-footer{align-items:flex-start;flex-direction:column;gap:.5rem}}.battle-detail-page{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);margin:0 auto;max-width:1200px;padding:2rem}.battle-detail-header{margin-bottom:2rem}.battle-detail-back-button{background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.5rem 1rem;transition:background-color .2s}.battle-detail-back-button:hover{background:var(--bg-tertiary)}.battle-detail-title{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:2rem;font-weight:700;gap:1rem;margin:.5rem 0}.battle-detail-title-user{align-items:center;display:flex;gap:.5rem}.battle-detail-avatar{flex-shrink:0;height:40px;position:relative;width:40px}.battle-detail-avatar.profile-picture-wrapper{height:40px;padding:0;width:40px}.battle-detail-avatar .profile-picture-inner{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;width:100%}.battle-detail-avatar .avatar-initial{color:#999;font-size:1rem;font-weight:700;text-transform:uppercase}.battle-detail-avatar.shape-rectangle{height:30px;padding:1.8px 1.2px;width:40px}.battle-detail-avatar.shape-rounded-rectangle{border-radius:5px;height:30px;padding:1.8px 1.2px;width:40px}.battle-detail-avatar.shape-rounded-rectangle .profile-picture-inner{border-radius:5px}.battle-detail-avatar.shape-star{height:40px;width:40px}.battle-detail-avatar.shape-star,.battle-detail-avatar.shape-star .profile-picture-inner{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.battle-detail-avatar.shape-star .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-avatar.shape-oval{border-radius:50%;height:30px;width:40px}.battle-detail-avatar.shape-triangle-up,.battle-detail-avatar.shape-triangle-up .profile-picture-inner{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.battle-detail-avatar.shape-triangle-up .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-avatar.shape-triangle-down,.battle-detail-avatar.shape-triangle-down .profile-picture-inner{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.battle-detail-avatar.shape-triangle-down .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-avatar.shape-pentagon,.battle-detail-avatar.shape-pentagon .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.battle-detail-avatar.shape-pentagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-avatar.shape-hexagon,.battle-detail-avatar.shape-hexagon .profile-picture-inner{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.battle-detail-avatar.shape-hexagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-avatar.shape-octagon,.battle-detail-avatar.shape-octagon .profile-picture-inner{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.battle-detail-avatar.shape-octagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-avatar.shape-rhombus,.battle-detail-avatar.shape-rhombus .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.battle-detail-avatar.shape-rhombus .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.battle-verse-avatar{flex-shrink:0;height:48px;position:relative;width:48px}.battle-verse-avatar.profile-picture-wrapper{height:48px;padding:0;width:48px}.battle-verse-avatar .profile-picture-inner{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;width:100%}.battle-verse-avatar .avatar-initial{color:#999;font-size:1.2rem;font-weight:700;text-transform:uppercase}.battle-verse-avatar.shape-rectangle{height:36px;padding:2.2px 1.5px;width:48px}.battle-verse-avatar.shape-rounded-rectangle{border-radius:6px;height:36px;padding:2.2px 1.5px;width:48px}.battle-verse-avatar.shape-rounded-rectangle .profile-picture-inner{border-radius:6px}.battle-verse-avatar.shape-star{height:48px;width:48px}.battle-verse-avatar.shape-star,.battle-verse-avatar.shape-star .profile-picture-inner{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.battle-verse-avatar.shape-star .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-avatar.shape-oval{border-radius:50%;height:36px;width:48px}.battle-verse-avatar.shape-triangle-up,.battle-verse-avatar.shape-triangle-up .profile-picture-inner{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.battle-verse-avatar.shape-triangle-up .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-avatar.shape-triangle-down,.battle-verse-avatar.shape-triangle-down .profile-picture-inner{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.battle-verse-avatar.shape-triangle-down .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-avatar.shape-pentagon,.battle-verse-avatar.shape-pentagon .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.battle-verse-avatar.shape-pentagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-avatar.shape-hexagon,.battle-verse-avatar.shape-hexagon .profile-picture-inner{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.battle-verse-avatar.shape-hexagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-avatar.shape-octagon,.battle-verse-avatar.shape-octagon .profile-picture-inner{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.battle-verse-avatar.shape-octagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-avatar.shape-rhombus,.battle-verse-avatar.shape-rhombus .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.battle-verse-avatar.shape-rhombus .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-verse h3{margin:0}.battle-detail-vote-counts{color:var(--text-secondary);display:flex;font-size:.9rem;gap:1.5rem;margin-top:.5rem}.battle-detail-verses{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.battle-detail-verse{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.battle-detail-verse h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 1rem}.battle-detail-no-verse{color:var(--text-secondary);font-style:italic;padding:1rem}.battle-detail-vote-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.battle-detail-existing-comment{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;color:var(--text-primary);margin-bottom:1rem;padding:1rem}.dark-mode .battle-detail-existing-comment{background:#1a3a5c;border-color:#2a4a6c;color:var(--text-primary)}.battle-detail-vote-error{background:#ffe6e6;border:1px solid #fcc;border-radius:6px;color:#e41e3a;margin-bottom:1rem;padding:.5rem}.battle-detail-vote-buttons{display:flex;gap:1rem;margin-bottom:1.5rem}.battle-detail-vote-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s}.battle-detail-vote-btn:hover{background:var(--bg-tertiary);border-color:var(--text-primary);transform:translateY(-1px)}.battle-detail-vote-btn.selected{background:#1877f2;border-color:#1877f2;color:#fff}.battle-detail-vote-btn.selected:hover{background:#166fe5;border-color:#166fe5}.battle-detail-comment-section{margin-bottom:1.5rem}.battle-detail-comment-section label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.battle-detail-comment-section textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:1rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.battle-detail-comment-section textarea:focus{background:var(--bg-primary);border-color:#1877f2;box-shadow:0 0 0 2px #1877f233;outline:none}.battle-detail-comment-section textarea::placeholder{color:var(--text-tertiary)}.battle-detail-comment-count{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.battle-detail-submit-vote{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:background-color .2s}.battle-detail-submit-vote:hover:not(:disabled){background:#166fe5}.battle-detail-submit-vote:disabled{background:#e4e6eb;color:var(--text-secondary);cursor:not-allowed;opacity:.6}.dark-mode .battle-detail-submit-vote:disabled{background:#3a3b3c;color:var(--text-secondary)}.battle-detail-participant-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;margin-bottom:2rem;padding:1rem;text-align:center}.dark-mode .battle-detail-participant-notice{background:#3d2e1f;border-color:#4a3a2a;color:#ffb74d}.battle-detail-comments-section{margin-top:2rem}.battle-detail-comments-section h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.battle-detail-comments-list{display:flex;flex-direction:column;gap:1rem}.battle-detail-no-comments{background:var(--bg-secondary);color:var(--text-secondary);padding:2rem}.battle-detail-error,.battle-detail-loading,.battle-detail-no-comments{border:1px solid var(--border-color);border-radius:8px;text-align:center}.battle-detail-error,.battle-detail-loading{background:var(--bg-primary);color:var(--text-primary);font-size:1.2rem;padding:4rem}.battle-detail-error{color:#e41e3a}@media (max-width:768px){.battle-detail-verses{grid-template-columns:1fr}.battle-detail-vote-buttons{flex-direction:column}}.my-battles-item-content{flex:1 1}.my-battles-loss-badge,.my-battles-victory-badge{border:none;border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;padding:.25rem .75rem}.my-battles-empty,.my-battles-page-loading{border:1px solid var(--border-color);border-radius:8px;text-align:center}.home-feed-container{align-items:flex-start;display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:1400px;padding:0 20px}.left-sidebar,.right-sidebar{align-self:flex-start;margin-top:0;padding-top:0}.home-feed-main{display:flex;flex:1 1;flex-direction:column;margin-top:0;max-width:800px;min-width:0;order:2;padding-top:0}.home-feed-main>.group-list{max-width:none;width:100%}.home-feed-main.friends-page,.home-feed-main.groups-page,.home-feed-main.search-page{align-items:flex-start;flex:1 1 auto;max-width:none;padding-top:0}.home-feed-title{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2;margin:0 0 20px;padding:0}.home-feed-post-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);margin-bottom:30px;padding:16px}.home-feed-error,.home-feed-loading{font-size:18px;padding:40px;text-align:center}.home-feed-error{color:#d32f2f}.home-feed-empty{padding:40px;text-align:center}.home-feed-empty h2{color:var(--text-primary);font-size:24px;margin-bottom:10px}.home-feed-empty p{color:var(--text-secondary);font-size:16px}.home-feed-items{display:flex;flex-direction:column;gap:20px}.home-feed-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);padding:16px;transition:box-shadow .2s}.home-feed-item:hover{box-shadow:0 4px 8px var(--shadow-color)}.feed-item-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.feed-item-author{color:var(--text-primary);font-size:16px;font-weight:600}.feed-item-time{color:var(--text-tertiary);font-size:12px}.feed-item-content{margin-bottom:12px}.feed-post-target{color:var(--text-secondary);display:block;font-size:14px;margin-bottom:8px}.feed-post-text{word-wrap:break-word;color:var(--text-primary);font-size:15px;line-height:1.5;margin:8px 0}.feed-post-image{border-radius:4px;height:auto;margin-top:8px;max-width:100%}.feed-post-youtube{margin-top:12px;width:100%}.feed-battle-text{color:var(--text-primary);font-size:15px;line-height:1.5}.feed-battle-opponent,.feed-battle-user{color:var(--text-primary);font-weight:600}.feed-reputation-change{font-weight:600;margin-left:4px}.feed-reputation-up{color:#2e7d32}.feed-reputation-down{color:#d32f2f}.feed-item-link{background:none;border:none;color:#1976d2;cursor:pointer;font-size:14px;padding:0;text-decoration:none;transition:color .2s}.feed-item-link:hover{color:#1565c0;text-decoration:underline}.feed-item-link:focus{outline:2px solid #1976d2;outline-offset:2px}@media (max-width:768px){.home-feed-container{gap:10px;max-width:100vw;padding:0 10px}.home-feed-container,.home-feed-main{box-sizing:border-box;overflow-x:hidden;width:100%}.home-feed-main{max-width:100%}.home-feed-title{font-size:20px;margin-bottom:15px}.home-feed-post-form{margin-bottom:20px;padding:12px}.home-feed-items{gap:15px}.home-feed-item{padding:12px}.feed-item-header{flex-wrap:wrap;gap:.5rem}.feed-item-author{font-size:15px}.feed-post-text{font-size:14px}.feed-item-link{align-items:center;display:inline-flex;min-height:44px;padding:.5rem;touch-action:manipulation}}.verseyard-welcome{background:#1d1823;border-radius:26px;box-sizing:border-box;color:#faf7f0;margin:28px auto 64px;max-width:1180px;padding:52px 44px;text-align:left}.verseyard-intro{max-width:760px}.verseyard-eyebrow{color:#e0bf69;font:700 12px/1.5 system-ui,sans-serif;letter-spacing:.17em}.verseyard-welcome h1{color:#faf7f0;font-size:clamp(44px,7vw,80px);font-weight:800;letter-spacing:-.055em;line-height:1.04;margin:25px 0}.verseyard-lead{color:#cfc7d2;font-size:19px;line-height:1.8;max-width:620px}.verseyard-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.verseyard-actions a{border:1px solid #615568;border-radius:12px;color:#faf7f0;font-weight:700;padding:15px 22px;text-decoration:none}.verseyard-actions a:first-child{background:#f3cb75;border-color:#f3cb75;color:#251c11}.verseyard-actions a span{margin-left:30px}.verseyard-parent{color:#aaa1af;font-size:13px}.verseyard-parent a{color:inherit;text-underline-offset:4px}.verseyard-feature-grid{grid-gap:24px;border-top:1px solid #4d4054;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:54px;padding-top:30px}.verseyard-feature-grid article{min-width:0}.verseyard-feature-grid span{color:#e0bf69;font-size:11px;letter-spacing:.1em}.verseyard-feature-grid h2{color:#faf7f0;font-size:22px;margin:18px 0 12px}.verseyard-feature-grid p{color:#bfb6c5;font-size:15px;line-height:1.7}@media(max-width:700px){.verseyard-welcome{margin:16px 12px 40px;padding:34px 24px}.verseyard-feature-grid{gap:20px;grid-template-columns:1fr}.verseyard-lead{font-size:17px}}.verseyard-how{margin-top:45px;max-width:820px}.verseyard-how h2{color:#faf7f0;font-size:26px}.verseyard-how p{color:#cfc7d2;line-height:1.8}.verseyard-how a{color:#f3cb75}.verseyard-welcome .public-advertisement{border-color:#4d4054;color:#cfc7d2}.public-advertisement{border-top:1px solid #ddd5c9;clear:both;color:#716a61;margin:48px auto 12px;max-width:1100px;padding:24px 0;text-align:center;width:100%}.public-advertisement>a,.public-advertisement>p{font:12px/1.5 system-ui,sans-serif;margin:0 0 12px}.public-advertisement>a{color:inherit;display:inline-block;margin-top:12px}.public-advertisement button{background:none;border:0;color:inherit;cursor:pointer;font:12px/1.5 system-ui,sans-serif;margin-left:16px;text-decoration:underline}.public-advertisement:has(ins[data-ad-status=unfilled]){display:none}.terms-container{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color,#0000001a);margin:0 auto;max-width:900px;padding:2rem}.dark-mode .terms-container{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border-color:#333;border-color:var(--border-color,#333)}.terms-content{color:#333;color:var(--text-primary,#333)}.dark-mode .terms-content{color:#fff;color:var(--text-primary,#fff)}.terms-title{color:#333;color:var(--text-primary,#333);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.dark-mode .terms-title{color:#fff;color:var(--text-primary,#fff)}.terms-last-updated{color:#666;color:var(--text-secondary,#666);font-size:.9rem;font-style:italic;margin-bottom:2rem}.dark-mode .terms-last-updated{color:#999;color:var(--text-secondary,#999)}.terms-section{margin-bottom:2rem}.terms-section-title{color:#333;color:var(--text-primary,#333);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.dark-mode .terms-section-title{color:#fff;color:var(--text-primary,#fff)}.terms-text{color:#333;color:var(--text-primary,#333);font-size:1rem;line-height:1.6;margin-bottom:1rem}.dark-mode .terms-text{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.terms-list{color:#333;color:var(--text-primary,#333);margin:1rem 0;padding-left:2rem}.dark-mode .terms-list{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.terms-list li{line-height:1.6;margin-bottom:.5rem}@media (max-width:768px){.terms-container{margin:1rem;padding:1.5rem}.terms-title{font-size:2rem}.terms-section-title{font-size:1.25rem}.terms-text{font-size:.95rem}}.careers-container{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color,#0000001a);margin:0 auto;max-width:900px;padding:2rem}.dark-mode .careers-container{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border-color:#333;border-color:var(--border-color,#333)}.careers-content{color:#333;color:var(--text-primary,#333)}.dark-mode .careers-content{color:#fff;color:var(--text-primary,#fff)}.careers-title{color:#333;color:var(--text-primary,#333);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.dark-mode .careers-title{color:#fff;color:var(--text-primary,#fff)}.careers-intro{color:#666;color:var(--text-secondary,#666);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.dark-mode .careers-intro{color:#ccc;color:var(--text-secondary,#ccc)}.careers-section{margin-bottom:2.5rem}.careers-section-title{color:#333;color:var(--text-primary,#333);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.dark-mode .careers-section-title{color:#fff;color:var(--text-primary,#fff)}.careers-text{color:#333;color:var(--text-primary,#333);font-size:1rem;line-height:1.6;margin-bottom:1rem}.dark-mode .careers-text{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.careers-list{color:#333;color:var(--text-primary,#333);margin:1rem 0;padding-left:2rem}.dark-mode .careers-list{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.careers-list li{line-height:1.6;margin-bottom:.5rem}.careers-job{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.dark-mode .careers-job{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border-color:#444;border-color:var(--border-color,#444)}.careers-job-title{color:#333;color:var(--text-primary,#333);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.dark-mode .careers-job-title{color:#fff;color:var(--text-primary,#fff)}.careers-job-type{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin-bottom:1rem}.dark-mode .careers-job-type{color:#999;color:var(--text-secondary,#999)}.careers-job-description{color:#333;color:var(--text-primary,#333);font-size:1rem;line-height:1.6;margin-bottom:1rem}.dark-mode .careers-job-description{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.careers-job-requirements{color:#333;color:var(--text-primary,#333);margin-top:1rem}.dark-mode .careers-job-requirements{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.careers-job-requirements strong{display:block;margin-bottom:.5rem}.careers-job-requirements ul{margin:.5rem 0;padding-left:2rem}.careers-job-requirements li{line-height:1.6;margin-bottom:.25rem}@media (max-width:768px){.careers-container{margin:1rem;padding:1.5rem}.careers-title{font-size:2rem}.careers-section-title{font-size:1.25rem}.careers-text{font-size:.95rem}.careers-job{padding:1rem}.careers-job-title{font-size:1.1rem}}.sitemap-container{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color,#0000001a);margin:0 auto;max-width:900px;padding:2rem}.dark-mode .sitemap-container{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border-color:#333;border-color:var(--border-color,#333)}.sitemap-content{color:#333;color:var(--text-primary,#333)}.dark-mode .sitemap-content{color:#fff;color:var(--text-primary,#fff)}.sitemap-title{color:#333;color:var(--text-primary,#333);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.dark-mode .sitemap-title{color:#fff;color:var(--text-primary,#fff)}.sitemap-description{color:#666;color:var(--text-secondary,#666);font-size:1rem;line-height:1.6;margin-bottom:2rem}.dark-mode .sitemap-description{color:#999;color:var(--text-secondary,#999)}.sitemap-section{margin-bottom:2rem}.sitemap-section-title{border-bottom:2px solid #ddd;border-bottom:2px solid var(--border-color,#ddd);color:#333;color:var(--text-primary,#333);font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.dark-mode .sitemap-section-title{border-bottom-color:#444;border-bottom-color:var(--border-color,#444);color:#fff;color:var(--text-primary,#fff)}.sitemap-links{list-style:none;margin:0;padding:0}.sitemap-links li{margin-bottom:.75rem;padding-left:1rem;position:relative}.sitemap-links li:before{color:#999;color:var(--text-secondary,#999);content:"•";left:0;position:absolute}.dark-mode .sitemap-links li:before{color:#666;color:var(--text-secondary,#666)}.sitemap-link{color:#1877f2;color:var(--text-primary,#1877f2);font-size:1rem;text-decoration:none;transition:color .2s}.sitemap-link:hover{color:#0d5fcc;color:var(--text-primary,#0d5fcc);text-decoration:underline}.dark-mode .sitemap-link{color:#4a9eff;color:var(--text-primary,#4a9eff)}.dark-mode .sitemap-link:hover{color:#6bb0ff;color:var(--text-primary,#6bb0ff)}.sitemap-link-text{color:#666;color:var(--text-secondary,#666);font-family:monospace;font-size:.95rem}.dark-mode .sitemap-link-text,.sitemap-note{color:#999;color:var(--text-secondary,#999)}.sitemap-note{font-size:.9rem;font-style:italic}.dark-mode .sitemap-note{color:#777;color:var(--text-secondary,#777)}@media (max-width:768px){.sitemap-container{margin:1rem;padding:1.5rem}.sitemap-title{font-size:2rem}.sitemap-section-title{font-size:1.25rem}.sitemap-link{font-size:.95rem}.sitemap-link-text{font-size:.85rem}}.sitemap-xml-container{margin:0 auto;max-width:1200px;padding:2rem}.sitemap-xml-content{word-wrap:break-word;background:#f5f5f5;background:var(--bg-primary,#f5f5f5);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;color:#333;color:var(--text-primary,#333);font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto;padding:1.5rem;white-space:pre-wrap}.dark-mode .sitemap-xml-content{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border-color:#333;border-color:var(--border-color,#333);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}@media (max-width:768px){.sitemap-xml-container{padding:1rem}.sitemap-xml-content{font-size:.8rem;padding:1rem}}.notification-page{margin:0 auto;max-width:800px;padding:20px}.notification-page-loading{align-items:center;color:#666;display:flex;font-size:1.1rem;justify-content:center;min-height:400px}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.notification-header h2{color:#333;font-size:2rem;margin:0}.mark-all-read-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.mark-all-read-button:hover:not(:disabled){background-color:#0056b3}.mark-all-read-button:disabled{cursor:not-allowed;opacity:.6}.notification-error{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:20px;padding:12px}.notification-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;margin-bottom:-2px;padding:10px 20px;transition:all .2s}.tab-button:hover{color:#007bff}.tab-button.active{border-bottom-color:#007bff;color:#007bff;font-weight:600}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-item{align-items:flex-start;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:16px;position:relative;transition:all .2s}.notification-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.notification-item.unread{background-color:#f0f8ff;border-left:4px solid #007bff}.notification-item.read{opacity:.8}.notification-avatar{flex-shrink:0;height:48px;width:48px}.notification-avatar-link{display:block;height:100%;text-decoration:none;width:100%}.notification-avatar .profile-picture-inner{background-position:50%;background-size:cover;height:100%;width:100%}.notification-avatar .avatar-initial{color:#666;font-size:20px;font-weight:700}.notification-content{flex:1 1;min-width:0}.notification-header-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.notification-type{color:#007bff;font-size:.85rem;font-weight:600;text-transform:uppercase}.notification-time{color:#999;font-size:.85rem}.notification-title{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 8px}.notification-message{color:#666;line-height:1.5;margin:0 0 8px}.notification-link-hint{color:#007bff;font-size:.85rem;font-style:italic}.mark-read-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;margin-left:12px;padding:6px 12px;transition:background-color .2s;white-space:nowrap}.mark-read-button:hover:not(:disabled){background-color:#218838}.mark-read-button:disabled{cursor:not-allowed;opacity:.6}.empty-state{color:#999;font-size:1.1rem;padding:60px 20px;text-align:center}.notification-pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px;padding:20px}.pagination-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.pagination-button:hover:not(:disabled){background-color:#0056b3}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#666;font-size:.9rem}@media (max-width:768px){.notification-page{padding:15px}.notification-header{align-items:flex-start;flex-direction:column;gap:15px}.notification-header h2{font-size:1.5rem}.notification-item{flex-direction:row;gap:12px}.notification-avatar{height:40px;width:40px}.notification-avatar .avatar-initial{font-size:18px}.mark-read-button{align-self:flex-end;margin-left:0}.notification-tabs{flex-wrap:wrap}.tab-button{font-size:.9rem;padding:8px 16px}}.App{display:flex;flex-direction:column;min-height:100vh;will-change:background-image,background-color}.App,.dark-mode .App{background-color:var(--bg-secondary)}@media (max-width:768px){.dark-mode .App{background-color:#000!important;background-image:none!important}}.main-content{flex:1 1;padding:5rem 2rem 4rem}.main-content .home-feed-container{margin-top:-2rem;padding-top:2rem}.home-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);margin:0 auto;max-width:800px;padding:4rem 2rem;text-align:center}.home-container h1{color:#1877f2;font-size:3rem;font-weight:700;margin-bottom:1rem}.home-container p{color:var(--text-secondary);font-size:1.2rem}@media (max-width:768px){.App{max-width:100vw;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.main-content{min-height:0;overflow-x:hidden;overflow-y:visible;padding:4.5rem 0 3rem}.home-container,.main-content{box-sizing:border-box;max-width:100%;width:100%}.home-container{padding:2rem 1rem}.home-container h1{word-wrap:break-word;font-size:2rem}.home-container p{word-wrap:break-word;font-size:1rem}}:root{--bg-primary:#18121d;--bg-secondary:#100d14;--bg-tertiary:#241a2b;--text-primary:#fff8ed;--text-secondary:#c9bdcf;--text-tertiary:#a99bb0;--border-color:#423249;--shadow-color:#0008;--vy-pink:#ff6a91;--vy-paper:#fff8ed}.dark-mode{--bg-primary:#18121d;--bg-secondary:#100d14;--bg-tertiary:#241a2b;--text-primary:#fff8ed;--text-secondary:#c9bdcf;--text-tertiary:#a99bb0;--border-color:#423249;--shadow-color:#0008}.dark-mode .App,.dark-mode body{background:var(--bg-secondary)}.dark-mode .App{background-image:radial-gradient(ellipse at 50% 0,#281a32 0,#0000 48%)}.navbar{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#140f18f0;border-bottom:1px solid #ffffff18;box-shadow:0 12px 34px #08050c66;padding:12px 0}.navbar-container{min-height:44px}.navbar-brand{font-size:1.35rem}.navbar-link{border-radius:999px;transition:background-color .18s ease,color .18s ease,transform .18s ease}.navbar-link:hover{background:#ffffff14}.navbar-link.active{background:#d9f56a1b;color:var(--vy-lime)}.navbar-button{background:var(--vy-lime);border-radius:999px;color:#18121d;font-weight:750}.navbar-button:hover{background:#e8ff8b}.navbar-mobile-toggle{border-radius:12px}.navbar-button:focus-visible,.navbar-link:focus-visible,.navbar-mobile-toggle:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--vy-lime);outline-offset:3px}.footer{background:#17111c;border-top:1px solid #ffffff14}.verseyard-welcome{background:linear-gradient(130deg,#211728,#16121d 54%,#251624);border:1px solid #ffffff12;border-radius:30px;box-shadow:0 28px 90px #0007;isolation:isolate;overflow:hidden;position:relative}.verseyard-welcome:before{background:radial-gradient(ellipse at 86% 18%,#ff6a9129 0,#0000 34%),radial-gradient(ellipse at 76% 78%,#d9f56a17 0,#0000 30%);content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.verseyard-eyebrow{color:var(--vy-lime);font-size:11px;letter-spacing:.2em}.verseyard-welcome h1{text-wrap:balance;color:var(--vy-paper);font-size:clamp(48px,8vw,92px);letter-spacing:-.065em;line-height:.98}.verseyard-welcome h1:after{color:var(--vy-pink);content:"✳";display:inline-block;font-size:.33em;margin-left:.18em;transform:rotate(-12deg) translateY(-1.2em);vertical-align:middle}.verseyard-lead{color:#d2c7d6;font-size:clamp(17px,2vw,20px);line-height:1.75}.verseyard-actions a{align-items:center;border-color:#fff3;border-radius:999px;display:inline-flex;justify-content:center;min-height:52px;transition:transform .18s ease,background-color .18s ease}.verseyard-actions a:hover{transform:translateY(-2px)}.verseyard-actions a:first-child{color:#17121c}.verseyard-actions a:first-child:hover{background:#e8ff8b}.verseyard-feature-grid{border-color:#ffffff20}.verseyard-feature-grid article{background:#ffffff06;border:1px solid #ffffff12;border-radius:18px;padding:20px}.verseyard-feature-grid span{color:var(--vy-pink);font-weight:750}.verseyard-feature-grid h2{color:var(--vy-paper);letter-spacing:-.03em}.verseyard-feature-grid p,.verseyard-how p{color:#c9bdcf}.verseyard-how{border-left:2px solid var(--vy-lime);padding-left:22px}.verseyard-how h2{color:var(--vy-paper);letter-spacing:-.035em}.verseyard-how a{color:var(--vy-lime)}.verseyard-welcome .public-advertisement{border-color:#ffffff1c}.vy-battles-hero{background:radial-gradient(ellipse at 90% 20%,#ff6a9126,#0000 36%),linear-gradient(125deg,#261a30,#15121d 70%);border:1px solid #ffffff15;box-shadow:0 22px 60px #0005}.vy-eyebrow{color:var(--vy-lime)}.vy-battles h1 span{color:var(--vy-lime)}.vy-battle-actions .vy-primary-action{background:var(--vy-lime);color:#17121c}.vy-battle-emblem{border-color:#ff6a9180;color:var(--vy-pink)}@media (max-width:768px){.navbar{padding:8px 0}.navbar-container{padding-inline:max(14px,env(safe-area-inset-left))}.navbar-menu{background:#140f18fa;border-bottom:1px solid #ffffff1a;box-shadow:0 18px 34px #0008;max-height:calc(100dvh - 64px);overscroll-behavior:contain;padding:10px 12px calc(14px + env(safe-area-inset-bottom));top:60px}.navbar-menu.mobile-open{overflow-y:auto}.navbar-link{border-radius:12px;margin:2px 0;min-height:48px;padding:12px 16px}.navbar-button{border-radius:14px;margin:8px 0;min-height:48px;width:100%}.main-content{padding-top:4.3rem}.verseyard-welcome{border-radius:23px;margin:14px 12px 32px;padding:32px 22px 26px}.verseyard-welcome h1{font-size:clamp(46px,13vw,66px);margin:20px 0 16px}.verseyard-lead{font-size:17px;line-height:1.65}.verseyard-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:24px 0}.verseyard-actions a{min-height:50px;padding:12px 14px;text-align:center}.verseyard-actions a span{margin-left:8px}.verseyard-feature-grid{gap:12px;margin-top:30px;padding-top:20px}.verseyard-feature-grid article{padding:17px}.verseyard-feature-grid h2{font-size:20px;margin:12px 0 7px}.verseyard-how{margin-top:28px;padding-left:15px}.vy-battles{padding-inline:12px}.vy-battles-hero{border-radius:20px;gap:22px;padding:28px 22px}.vy-battle-actions{gap:16px}.vy-battle-actions .vy-primary-action{justify-content:center;min-height:48px}.footer{padding:24px 18px calc(24px + env(safe-area-inset-bottom))}.footer-container{align-items:flex-start;flex-direction:column;gap:18px}.footer-links{gap:12px 20px}}.dark-mode .home-feed-post-form,.dark-mode .post-form{background:linear-gradient(135deg,#1d1723,#17121b);border:1px solid #ffffff17;border-radius:18px;box-shadow:0 14px 34px #0005}.dark-mode .home-feed-empty{background:#ffffff06;border:1px solid #ffffff12;border-radius:18px;color:var(--text-secondary)}.dark-mode .form-header h3,.dark-mode .home-feed-title{color:var(--vy-paper);letter-spacing:-.025em}.dark-mode .toggle-advanced-button,.dark-mode .visibility-select{background:#251b2c;border:1px solid #ffffff24;border-radius:12px;color:var(--vy-paper)}.dark-mode .form-textarea,.dark-mode .post-content-input{background:#100d14;border-color:#ffffff24;border-radius:13px;color:var(--vy-paper)}.dark-mode .form-textarea:focus,.dark-mode .post-content-input:focus{box-shadow:0 0 0 3px #d9f56a20}.dark-mode .auth-button,.dark-mode .battle-detail-submit-vote,.dark-mode .battle-verse-editor-submit,.dark-mode .rap-battle-challenge-button,.dark-mode .submit-button{border-radius:999px;color:#17121c;font-weight:750}.dark-mode .auth-button:hover:not(:disabled),.dark-mode .battle-detail-submit-vote:hover:not(:disabled),.dark-mode .battle-verse-editor-submit:hover:not(:disabled),.dark-mode .rap-battle-challenge-button:hover:not(:disabled),.dark-mode .submit-button:hover:not(:disabled){background:#e8ff8b;border-color:#e8ff8b;color:#17121c;transform:translateY(-1px)}.dark-mode .auth-button:disabled,.dark-mode .battle-detail-submit-vote:disabled,.dark-mode .battle-verse-editor-submit:disabled,.dark-mode .submit-button:disabled{background:#5c5861;border-color:#5c5861;color:#c6bfcb}.dark-mode .comment-submit-button,.dark-mode .reply-submit-button{background:#32223a;border:1px solid #ff6a9170;border-radius:999px;color:#fff8ed}.dark-mode .comment-submit-button:hover:not(:disabled),.dark-mode .reply-submit-button:hover:not(:disabled){background:#432841}.dark-mode input:focus-visible,.dark-mode select:focus-visible,.dark-mode textarea:focus-visible{border-color:var(--vy-lime);outline:2px solid #d9f56a48;outline-offset:1px}@media (max-width:768px){.navbar{padding:8px 0}.navbar-container{padding-inline:max(14px,env(safe-area-inset-left))}.navbar-menu{background:#140f18fa;border-bottom:1px solid #ffffff1a;box-shadow:0 18px 34px #0008;max-height:calc(100dvh - 64px);overscroll-behavior:contain;padding:10px 12px calc(14px + env(safe-area-inset-bottom));top:60px}.navbar-menu.mobile-open{overflow-y:auto}.navbar-link{border-radius:12px;margin:2px 0;min-height:48px;padding:12px 16px}.navbar-button{border-radius:14px;margin:8px 0;min-height:48px;width:100%}.main-content{padding-top:4.3rem}.dark-mode .App{background-image:radial-gradient(ellipse at 50% 0,#291b31 0,#0000 42%)!important}.dark-mode .home-feed-post-form,.dark-mode .post-form{border-radius:17px;margin:10px 0 12px;padding:14px}.dark-mode .form-actions{gap:12px;padding-top:4px}.dark-mode .submit-button{border-radius:14px;font-size:15px;min-height:50px}.dark-mode .visibility-select{border-radius:12px;min-height:48px}.dark-mode .home-feed-empty{margin:18px 8px;padding:26px 20px}.verseyard-welcome{border-radius:23px;margin:14px 12px 32px;padding:32px 22px 26px}.verseyard-welcome h1{font-size:clamp(46px,13vw,66px);margin:20px 0 16px}.verseyard-lead{font-size:17px;line-height:1.65}.verseyard-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:24px 0}.verseyard-actions a{min-height:50px;padding:12px 14px;text-align:center}.verseyard-actions a span{margin-left:8px}.verseyard-feature-grid{gap:12px;margin-top:30px;padding-top:20px}.verseyard-feature-grid article{padding:17px}.verseyard-feature-grid h2{font-size:20px;margin:12px 0 7px}.verseyard-how{margin-top:28px;padding-left:15px}.vy-battles{padding-inline:12px}.vy-battles-hero{border-radius:20px;gap:22px;padding:28px 22px}.vy-battle-actions{gap:16px}.vy-battle-actions .vy-primary-action{justify-content:center;min-height:48px}.footer{padding:24px 18px calc(24px + env(safe-area-inset-bottom))}.footer-container{align-items:flex-start;flex-direction:column;gap:18px}.footer-links{gap:12px 20px}}@media (max-width:380px){.verseyard-welcome{margin-inline:8px;padding-inline:17px}.verseyard-actions{grid-template-columns:1fr}.verseyard-actions a{width:100%}}:root{--bg-primary:#f7f0df;--bg-secondary:#e5d9bf;--bg-tertiary:#d8c9aa;--text-primary:#1e171d;--text-secondary:#574c50;--text-tertiary:#786d70;--border-color:#35272d;--shadow-color:#24181f40;--vy-ink:#1e171d;--vy-paper:#fff9e9;--vy-red:#d84039}.dark-mode{--bg-primary:#f7f0df;--bg-secondary:#e5d9bf;--bg-tertiary:#d8c9aa;--text-primary:#1e171d;--text-secondary:#574c50;--text-tertiary:#786d70;--border-color:#35272d;--shadow-color:#24181f40;color-scheme:light}.dark-mode .App,.dark-mode body{color:var(--vy-ink)}.dark-mode .App{background-image:radial-gradient(#30252a22 .8px,#0000 0)!important;background-size:9px 9px!important}.navbar{background:#1e171d;border-bottom:4px solid var(--vy-red);box-shadow:0 4px 0 var(--vy-lime),0 10px 25px #21171a30;padding:11px 0}.navbar-container{max-width:1480px}.dark-mode .navbar .navbar-brand,.navbar .navbar-brand{color:var(--vy-paper);text-transform:uppercase}.verseyard-brand-dot{color:var(--vy-lime)}.navbar-menu{gap:5px}.navbar-link{border:1px solid #0000;border-radius:4px;color:#eee5d5;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.navbar-link.active{box-shadow:3px 3px 0 var(--vy-red);color:var(--vy-ink)}.navbar-button{background:var(--vy-red);border:2px solid var(--vy-paper);border-radius:3px;color:#fff;font-weight:800;text-transform:uppercase}.navbar-button:hover{background:#b72b27}.main-content{background:linear-gradient(90deg,#0000 0 49.8%,#35272d08 50%,#0000 50.2%);padding-top:5.5rem}.home-feed-container{gap:28px;max-width:1360px;padding-top:24px}.left-sidebar,.right-sidebar{background:var(--vy-paper);border:2px solid var(--vy-ink);border-radius:3px;box-shadow:6px 6px 0 var(--vy-ink);padding:18px;transform:rotate(-.35deg)}.right-sidebar{transform:rotate(.35deg)}.dark-mode .sidebar-title,.sidebar-title{border-bottom:3px solid var(--vy-ink);color:var(--vy-ink);font-family:Impact,Arial Narrow,sans-serif;font-size:18px;letter-spacing:.08em;padding-bottom:10px;text-transform:uppercase}.dark-mode .sidebar-link,.sidebar-link{border-left:3px solid var(--vy-red);color:var(--vy-ink);font-weight:750;padding:9px 10px;text-decoration:none}.sidebar-link:hover{background:#d9f56a80;color:var(--vy-ink)}.dark-mode .sidebar-placeholder,.sidebar-placeholder{color:var(--text-secondary)}.dark-mode .home-feed-post-form,.dark-mode .post-form{background:var(--vy-paper);border:2px solid var(--vy-ink);border-radius:3px;box-shadow:8px 8px 0 var(--vy-ink);color:var(--vy-ink);margin-bottom:26px;padding:22px}.dark-mode .form-header h3,.dark-mode .home-feed-title{color:var(--vy-ink);font-family:Impact,Arial Narrow,sans-serif;font-size:25px;letter-spacing:.02em;text-transform:uppercase}.dark-mode .form-header h3:after{color:var(--vy-red);content:"  /  YOUR MIC IS OPEN";font:800 10px/1.2 ui-monospace,monospace;letter-spacing:.09em;vertical-align:middle}.dark-mode .form-textarea,.dark-mode .post-content-input{background:#fffdf6;border:1px solid #65575a;border-radius:2px;box-shadow:inset 0 1px 4px #24181f12;color:var(--vy-ink)}.dark-mode .form-textarea::placeholder,.dark-mode .post-content-input::placeholder{color:#796b6c}.dark-mode .form-textarea:focus,.dark-mode .post-content-input:focus{border-color:var(--vy-red);box-shadow:0 0 0 3px #d8403930}.dark-mode .toggle-advanced-button,.dark-mode .visibility-select{background:#f1e5cb;border:1px solid var(--vy-ink);border-radius:3px;color:var(--vy-ink)}.dark-mode .auth-button,.dark-mode .battle-detail-submit-vote,.dark-mode .battle-verse-editor-submit,.dark-mode .rap-battle-challenge-button,.dark-mode .submit-button{background:var(--vy-red);border:2px solid var(--vy-ink);border-radius:3px;box-shadow:3px 3px 0 var(--vy-ink);color:#fff9e9;font-family:Impact,Arial Narrow,sans-serif;font-size:15px;letter-spacing:.07em;min-height:48px;text-transform:uppercase}.dark-mode .auth-button:hover:not(:disabled),.dark-mode .battle-detail-submit-vote:hover:not(:disabled),.dark-mode .battle-verse-editor-submit:hover:not(:disabled),.dark-mode .rap-battle-challenge-button:hover:not(:disabled),.dark-mode .submit-button:hover:not(:disabled){background:#b72b27;border-color:var(--vy-ink);color:#fff;transform:translate(-1px,-1px)}.dark-mode .auth-button:disabled,.dark-mode .battle-detail-submit-vote:disabled,.dark-mode .battle-verse-editor-submit:disabled,.dark-mode .submit-button:disabled{background:#94887b;border-color:#65575a;color:#f7f0df}.dark-mode .home-feed-empty,.dark-mode .home-feed-item{background:var(--vy-paper);border:2px solid var(--vy-ink);border-radius:3px;box-shadow:5px 5px 0 #35272d;color:var(--vy-ink)}.dark-mode .home-feed-empty{margin-top:12px;padding:34px 26px}.dark-mode .home-feed-empty:before{color:var(--vy-red);content:"✳  OPEN CIRCLE";display:block;font:800 10px ui-monospace,monospace;letter-spacing:.14em;margin-bottom:13px}.dark-mode .home-feed-empty p,.dark-mode .home-feed-item p,.dark-mode .post-content{color:var(--vy-ink)}.dark-mode .home-feed-item{margin-bottom:22px;position:relative}.dark-mode .home-feed-item:before{background:var(--vy-lime);border-bottom:2px solid var(--vy-ink);content:"VERSEYARD / FIELD NOTES";display:block;font:800 9px ui-monospace,monospace;letter-spacing:.16em;margin:-12px -12px 16px;padding:7px 12px}.dark-mode .home-feed-empty a,.dark-mode .home-feed-item a{color:#a72529;font-weight:750}.dark-mode a:focus-visible,.dark-mode button:focus-visible,.dark-mode input:focus-visible,.dark-mode select:focus-visible,.dark-mode textarea:focus-visible{outline:3px solid var(--vy-red)}.verseyard-welcome{background-color:#f7f0df;background-image:radial-gradient(#30252a22 .8px,#0000 0);background-size:9px 9px;border:2px solid var(--vy-ink);border-radius:3px;box-shadow:10px 10px 0 var(--vy-ink);color:var(--vy-ink);margin-top:36px}.verseyard-welcome:before{background:radial-gradient(ellipse at 92% 13%,#d8403930,#0000 31%),radial-gradient(ellipse at 7% 88%,#d9f56a65,#0000 28%)}.verseyard-eyebrow{color:#b32d29;font-weight:900}.verseyard-feature-grid h2,.verseyard-how h2,.verseyard-welcome h1{color:var(--vy-ink);font-family:Impact,Arial Narrow,sans-serif;letter-spacing:.015em;text-transform:uppercase}.verseyard-feature-grid p,.verseyard-how p,.verseyard-lead{color:#493d42}.verseyard-feature-grid{border-color:#35272d}.verseyard-feature-grid article{background:var(--vy-paper);border:2px solid var(--vy-ink);border-radius:3px;box-shadow:4px 4px 0 var(--vy-ink)}.verseyard-feature-grid span{color:#b32d29;font-weight:900}.verseyard-actions a{border:2px solid var(--vy-ink);border-radius:3px;box-shadow:3px 3px 0 var(--vy-ink);color:var(--vy-ink)}.verseyard-actions a:first-child{border-color:var(--vy-ink);color:var(--vy-ink)}.verseyard-how{border-left:4px solid var(--vy-red)}.verseyard-how a,.verseyard-parent a{color:#a72529}.verseyard-parent{color:#574c50}.footer{background:#1e171d;border-top:4px solid var(--vy-red);color:#f7f0df}@media (max-width:768px){.navbar{border-bottom-width:3px;padding:8px 0}.navbar-container{padding-inline:max(14px,env(safe-area-inset-left))}.navbar-menu{background:#1e171d;border:2px solid var(--vy-ink);border-top:3px solid var(--vy-lime);box-shadow:6px 6px 0 #1e171d;max-height:calc(100dvh - 64px);overscroll-behavior:contain;padding:10px 12px calc(14px + env(safe-area-inset-bottom));top:60px}.navbar-menu.mobile-open{overflow-y:auto}.navbar-link{border-radius:3px;color:#f7f0df;margin:2px 0;min-height:48px;padding:12px 16px}.navbar-link.active{color:var(--vy-ink)}.navbar-button{border-radius:3px;margin:8px 0;min-height:48px;width:100%}.main-content{background:none;padding:4.35rem 0 2.5rem}.home-feed-container{gap:10px;padding-inline:10px;padding-top:12px}.dark-mode .home-feed-post-form,.dark-mode .post-form{border-width:2px;box-shadow:5px 5px 0 var(--vy-ink);margin:7px 2px 17px;padding:15px}.dark-mode .form-header h3{font-size:22px}.dark-mode .form-header h3:after{display:block;margin-top:7px}.dark-mode .form-actions{gap:10px;padding-top:6px}.dark-mode .submit-button{border-radius:3px;min-height:50px}.dark-mode .visibility-select{border-radius:3px;min-height:48px}.dark-mode .home-feed-empty{margin:16px 4px;padding:25px 18px}.dark-mode .home-feed-item{margin-inline:3px}.verseyard-welcome{margin:16px 12px 32px;padding:30px 20px 24px}.verseyard-welcome h1{font-size:clamp(43px,12vw,62px)}.verseyard-feature-grid{grid-template-columns:1fr}.verseyard-feature-grid article{padding:17px}.vy-battles-hero{border-radius:3px;box-shadow:6px 6px 0 var(--vy-ink)}.footer{padding:24px 18px calc(24px + env(safe-area-inset-bottom))}.footer-container{align-items:flex-start;flex-direction:column;gap:18px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.dark-mode .sidebar-section{border-radius:0;height:auto;margin:0;min-height:0;overflow:visible;padding:0;width:100%}.dark-mode .sidebar-content{overflow:visible}.dark-mode .sidebar-link{display:block;margin-top:7px}:root{--bg-primary:#1b141e;--bg-secondary:#100c13;--bg-tertiary:#261c2b;--text-primary:#fff4e6;--text-secondary:#d0c1cf;--text-tertiary:#aa98a9;--border-color:#594353;--shadow-color:#0009;--vy-ink:#fff4e6;--vy-paper:#201722;--vy-red:#ff7184;color-scheme:dark}.dark-mode{--bg-primary:#1b141e;--bg-secondary:#100c13;--bg-tertiary:#261c2b;--text-primary:#fff4e6;--text-secondary:#d0c1cf;--text-tertiary:#aa98a9;--border-color:#594353;--shadow-color:#0009;color-scheme:dark}.dark-mode .App,.dark-mode body{background-color:var(--bg-secondary)!important;color:#fff4e6}.dark-mode .App{background-image:radial-gradient(#f0c9df13 .8px,#0000 0)!important;background-size:10px 10px!important}.navbar{background:#100c13;border-bottom:4px solid #9e3d60;box-shadow:0 4px 0 var(--vy-lime),0 12px 28px #0008}.dark-mode .navbar .navbar-brand,.navbar .navbar-brand{color:#fff4e6}.navbar-link{color:#e8dce8}.navbar-link:hover{background:#ffffff12;color:var(--vy-lime)}.navbar-link.active{background:var(--vy-lime);box-shadow:3px 3px 0 #ff7184;color:#18111a}.navbar-mobile-toggle{color:var(--vy-lime)}.main-content{background-image:linear-gradient(90deg,#0000 49.85%,#f0c9df0c 50%,#0000 50.15%)}.left-sidebar,.right-sidebar{background:#1d1621;border:1px solid #77566d;box-shadow:5px 5px 0 #050307}.dark-mode .sidebar-section{background:#0000;border:0;box-shadow:none}.dark-mode .sidebar-title,.sidebar-title{border-color:#ff7184;color:#fff4e6}.dark-mode .sidebar-link,.sidebar-link{border-color:#d9f56a;color:#e9e1ed}.sidebar-link:hover{background:#d9f56a19;color:#d9f56a}.dark-mode .sidebar-placeholder,.sidebar-placeholder{color:#c2b2c0}.dark-mode .home-feed-post-form,.dark-mode .post-form{background:linear-gradient(145deg,#211824,#19121b);border:1px solid #79556d;box-shadow:7px 7px 0 #050307;color:#fff4e6}.dark-mode .form-header h3,.dark-mode .home-feed-title{color:#fff4e6}.dark-mode .form-header h3:after{color:#ff8797}.dark-mode .form-textarea,.dark-mode .post-content-input{background:#100c13;border:1px solid #73546b;box-shadow:inset 0 1px 5px #0008;color:#fff4e6}.dark-mode .form-textarea::placeholder,.dark-mode .post-content-input::placeholder{color:#b8a7b6}.dark-mode .form-textarea:focus,.dark-mode .post-content-input:focus{border-color:var(--vy-lime);box-shadow:0 0 0 3px #d9f56a28}.dark-mode .toggle-advanced-button,.dark-mode .visibility-select{background:#2a1e30;border-color:#76576d;color:#fff4e6}.dark-mode .auth-button,.dark-mode .battle-detail-submit-vote,.dark-mode .battle-verse-editor-submit,.dark-mode .rap-battle-challenge-button,.dark-mode .submit-button{background:var(--vy-lime);border:1px solid var(--vy-lime);box-shadow:3px 3px 0 #050307;color:#18111a}.dark-mode .auth-button:hover:not(:disabled),.dark-mode .battle-detail-submit-vote:hover:not(:disabled),.dark-mode .battle-verse-editor-submit:hover:not(:disabled),.dark-mode .rap-battle-challenge-button:hover:not(:disabled),.dark-mode .submit-button:hover:not(:disabled){background:#ebff9c;border-color:#ebff9c;color:#18111a}.dark-mode .auth-button:disabled,.dark-mode .battle-detail-submit-vote:disabled,.dark-mode .battle-verse-editor-submit:disabled,.dark-mode .submit-button:disabled{background:#665b68;border-color:#665b68;box-shadow:none;color:#eee3ef}.dark-mode .home-feed-empty,.dark-mode .home-feed-item{background:#1d1621;border:1px solid #684b60;box-shadow:5px 5px 0 #050307;color:#fff4e6}.dark-mode .home-feed-empty p,.dark-mode .home-feed-item p,.dark-mode .post-content{color:#eee2ee}.dark-mode .home-feed-empty:before,.dark-mode .home-feed-item:before{color:#ff8797}.dark-mode .home-feed-item:before{background:#2a1e30;border-color:#77566d}.dark-mode .home-feed-empty a,.dark-mode .home-feed-item a{color:#d9f56a}.dark-mode a:focus-visible,.dark-mode button:focus-visible,.dark-mode input:focus-visible,.dark-mode select:focus-visible,.dark-mode textarea:focus-visible{outline:3px solid var(--vy-lime);outline-offset:3px}.verseyard-welcome{background-color:#1b141e;background-image:radial-gradient(#f0c9df13 .8px,#0000 0);border-color:#77566d;box-shadow:9px 9px 0 #050307;color:#fff4e6}.verseyard-feature-grid h2,.verseyard-how h2,.verseyard-welcome h1{color:#fff4e6}.verseyard-feature-grid p,.verseyard-how p,.verseyard-lead{color:#d0c1cf}.verseyard-eyebrow,.verseyard-feature-grid span{color:#d9f56a}.verseyard-feature-grid{border-color:#77566d}.verseyard-feature-grid article{background:#211824;border-color:#77566d;box-shadow:4px 4px 0 #050307}.verseyard-actions a{border-color:#997a92;box-shadow:3px 3px 0 #050307;color:#fff4e6}.verseyard-actions a:first-child{background:var(--vy-lime);border-color:var(--vy-lime);color:#18111a}.verseyard-how{border-color:#ff7184}.verseyard-how a,.verseyard-parent a{color:#d9f56a}.verseyard-parent{color:#c8b9c8}.footer{background:#100c13;border-color:#9e3d60;color:#fff4e6}.footer-links a{color:var(--vy-lime)}@media (max-width:768px){.navbar-menu{background:#17101a;border-color:#9e3d60;box-shadow:5px 5px 0 #050307}.navbar-link{color:#fff4e6}.main-content{background:none}.dark-mode .home-feed-post-form,.dark-mode .post-form{box-shadow:5px 5px 0 #050307}.dark-mode .home-feed-empty,.dark-mode .home-feed-item{box-shadow:4px 4px 0 #050307}.verseyard-welcome{box-shadow:6px 6px 0 #050307}.footer{border-top-width:4px}}.left-sidebar,.right-sidebar{overflow:visible!important}.left-sidebar .sidebar-section,.right-sidebar .sidebar-section{border:0!important;border-radius:0!important;box-shadow:none!important;height:auto!important;margin:0!important;min-height:0!important;overflow:visible!important;padding:0!important;width:100%}.left-sidebar .sidebar-content,.right-sidebar .sidebar-content{max-height:none!important;overflow:visible!important}.group-list-header{border-bottom:3px solid #d84039;padding-bottom:1rem}.group-list-header h2{color:#1e171d;font-family:Impact,Arial Narrow,sans-serif;letter-spacing:.02em;text-transform:uppercase}.create-group-button{background:#d9f56a;border:2px solid #1e171d;border-radius:3px;box-shadow:4px 4px 0 #1e171d;color:#1e171d;font-family:Impact,Arial Narrow,sans-serif;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.create-group-button:hover{background:#ebff9c;color:#1e171d;transform:translate(-1px,-1px)}.search-input-container{margin-bottom:1.4rem}.search-input{background:#fff9e9;border:2px solid #35272d;border-radius:3px;box-shadow:4px 4px 0 #1e171d;color:#1e171d;min-height:50px;padding:.8rem 1rem}.search-input:focus{border-color:#d84039;box-shadow:4px 4px 0 #1e171d,0 0 0 3px #d8403930}.no-groups{background:#fff9e9;border:2px solid #35272d;border-radius:3px;box-shadow:6px 6px 0 #1e171d;color:#35272d;padding:3.25rem 2rem}.groups-grid{gap:1.25rem}.group-item-wrapper{border:2px solid #35272d;border-radius:3px;box-shadow:5px 5px 0 #1e171d}.verseyard-brand img{filter:none;height:42px!important;transform:rotate(-3deg);width:42px!important}.verseyard-brand>span{color:#fff4e6;font-family:Impact,Arial Narrow,sans-serif;font-size:1.2rem;font-weight:900;letter-spacing:.055em;text-shadow:1px 1px 0 #9e3d60;text-transform:uppercase}.verseyard-brand-dot{color:#d9f56a}.dark-mode .group-list-header{border-color:#ff7184}.dark-mode .group-list-header h2{color:#fff4e6}.dark-mode .create-group-button{background:#d9f56a;border-color:#050307;box-shadow:4px 4px 0 #050307;color:#18111a}.dark-mode .create-group-button:hover{background:#ebff9c;color:#18111a}.dark-mode .search-input{background:#100c13;border-color:#77566d;box-shadow:4px 4px 0 #050307;color:#fff4e6}.dark-mode .search-input::placeholder{color:#b8a7b6}.dark-mode .search-input:focus{border-color:#d9f56a;box-shadow:4px 4px 0 #050307,0 0 0 3px #d9f56a28}.dark-mode .no-groups{background:#1d1621;border-color:#684b60;box-shadow:5px 5px 0 #050307;color:#eee2ee}.dark-mode .group-item-wrapper{background:#1d1621;border-color:#684b60;box-shadow:5px 5px 0 #050307}.dark-mode .verseyard-brand>span{color:#fff4e6}@media(max-width:768px){.group-list-header{align-items:flex-start;gap:12px}.group-list-header h2{font-size:clamp(1.8rem,8vw,2.35rem)}.create-group-button{min-height:48px;padding:.7rem .9rem}.no-groups{margin-top:1.25rem;padding:2rem 1rem}.verseyard-brand img{height:38px!important;width:38px!important}.verseyard-brand>span{font-size:1.05rem}}:root{--bg-primary:#fffaf1;--bg-secondary:#f2eadb;--bg-tertiary:#e7dccb;--text-primary:#211a24;--text-secondary:#514953;--text-tertiary:#625965;--border-color:#c9bba7;--shadow-color:#261c251c;--vy-paper:#fffaf1;--vy-ink:#211a24;--vy-red:#b83c58;--vy-lime:#d9f56a;color-scheme:light}html:not(.dark-mode){color-scheme:light}html:not(.dark-mode) .App,html:not(.dark-mode) body{background-color:#f2eadb!important;color:#211a24}html:not(.dark-mode) .App{background-image:radial-gradient(#35272d0c .7px,#0000 0)!important;background-size:12px 12px!important}html.dark-mode{--bg-primary:#211a25;--bg-secondary:#151118;--bg-tertiary:#2b2230;--text-primary:#fff8ec;--text-secondary:#e0d5e0;--text-tertiary:#c0b3c2;--border-color:#554457;--shadow-color:#0006;--vy-paper:#211a25;--vy-ink:#fff8ec;--vy-red:#ff8396;--vy-lime:#d9f56a;color-scheme:dark}html.dark-mode .App,html.dark-mode body{background-color:#151118!important;color:#fff8ec}html.dark-mode .App{background-image:radial-gradient(#f0c9df0c .7px,#0000 0)!important;background-size:12px 12px!important}body,button,input,select,textarea{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}body{font-size:16px;line-height:1.6}.navbar-user,.settings-description,.settings-section p,.sidebar-content,.sidebar-link,.sidebar-placeholder,input,label,li,p,select,textarea{font-size:15px;line-height:1.65}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.25}.main-content{background:#0000!important;color:var(--text-primary)}.navbar-link{font-size:13px;letter-spacing:.045em}.navbar-user{color:#f4e8ec}.verseyard-brand>span{text-shadow:none}.settings-card{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--text-primary)!important;padding:clamp(1rem,3vw,2rem)!important}.settings-card h1,.settings-card h2,.settings-card h3,.settings-card label,.settings-section-title{color:var(--text-primary)!important}.settings-card .settings-description,.settings-card p,.settings-card small{color:var(--text-secondary)!important}.settings-content{gap:0!important}.settings-section{background:#0000!important;border:0!important;border-bottom:1px solid var(--border-color)!important;border-radius:0!important;box-shadow:none!important;color:var(--text-primary)!important;padding:1.25rem .5rem!important}.settings-section:last-child{border-bottom:0!important}.settings-section-title{font-size:1.15rem!important;font-weight:700!important}.search-input-container{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin-bottom:1.5rem;padding:0!important;position:relative!important}.search-input-container:before{border:2px solid;border-radius:50%;box-sizing:border-box;color:#625965;content:""!important;height:12px;left:1rem;opacity:.85;position:absolute;top:50%;transform:translateY(-65%);width:12px;z-index:1}.search-input-container:after{background:currentColor;border-radius:2px;color:#625965;content:"";height:2px;left:calc(1rem + 10px);position:absolute;top:calc(50% + 4px);transform:rotate(45deg);transform-origin:left center;width:7px;z-index:1}.search-input{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:none!important;color:var(--text-primary)!important;font-size:16px!important;min-height:52px;padding:.8rem 1rem .8rem 2.9rem!important;width:100%}.search-input::placeholder{color:#625965!important;opacity:1}html.dark-mode .search-input{background:#211a25!important}html.dark-mode .search-input-container:after,html.dark-mode .search-input-container:before{color:#e0d5e0}html.dark-mode .search-input::placeholder{color:#c0b3c2!important}.search-input:focus{border-color:#8c3655!important;box-shadow:0 0 0 3px #b83c5822!important;outline:0}html.dark-mode .search-input:focus{border-color:#ff8396!important;box-shadow:0 0 0 3px #ff839633!important}.group-list-header h2{color:var(--text-primary)!important;font-family:inherit!important;font-size:clamp(1.8rem,3vw,2.25rem)!important;font-weight:800!important;letter-spacing:.015em!important;text-shadow:none!important}.create-group-button{color:#211a24!important;font-family:inherit!important;font-size:15px!important;font-weight:750!important;letter-spacing:.035em!important;text-shadow:none!important}.dark-mode .sidebar-title,.sidebar-title{color:var(--text-primary)!important;font-family:inherit!important;font-size:16px!important;font-weight:800!important;letter-spacing:.025em!important;text-shadow:none!important}.dark-mode .sidebar-link,.sidebar-link{color:var(--text-primary)!important;font-size:15px!important}.dark-mode .sidebar-placeholder,.sidebar-placeholder{color:var(--text-secondary)!important}.left-sidebar,.right-sidebar{background:var(--bg-primary)!important;border-color:var(--border-color)!important;box-shadow:4px 4px 0 var(--shadow-color)!important;color:var(--text-primary)!important}.left-sidebar .sidebar-section,.right-sidebar .sidebar-section{background:#0000!important;color:var(--text-primary)!important}.left-sidebar .sidebar-title,.right-sidebar .sidebar-title{border-bottom-color:var(--vy-red)!important;color:var(--text-primary)!important}.left-sidebar .sidebar-content,.left-sidebar .sidebar-group-item,.left-sidebar .sidebar-link,.right-sidebar .sidebar-content,.right-sidebar .sidebar-group-item,.right-sidebar .sidebar-link{color:var(--text-primary)!important}.left-sidebar .sidebar-placeholder,.right-sidebar .sidebar-placeholder{color:var(--text-secondary)!important}.left-sidebar .sidebar-link,.right-sidebar .sidebar-link{border-left-color:var(--vy-red)!important}.left-sidebar .sidebar-link:hover,.right-sidebar .sidebar-link:hover{background:color-mix(in srgb,var(--vy-lime) 24%,#0000)!important;color:var(--text-primary)!important}.no-groups{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:10px!important;box-shadow:none!important;color:var(--text-primary)!important;font-size:16px!important;line-height:1.6}.group-item-wrapper,.search-error,.search-result-item{color:var(--text-primary)}.vy-rankings{color:var(--text-primary);margin:1.25rem auto;max-width:880px;padding:clamp(1rem,3vw,2rem)}.vy-rankings-header{align-items:flex-end;border-bottom:2px solid var(--vy-red);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.vy-rankings-header h1{color:var(--text-primary);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin:0}.vy-rankings-header p{color:var(--text-secondary);margin:.4rem 0 0}.vy-rankings-label{color:var(--text-secondary);font-size:.82rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.vy-rankings-list{list-style:none;margin:0;padding:0}.vy-ranking-row{align-items:center;border-bottom:1px solid var(--border-color);display:grid;gap:1rem;grid-template-columns:3.25rem minmax(0,1fr) auto;min-height:68px;padding:.75rem .35rem}.vy-ranking-place{align-items:center;background:var(--bg-tertiary);border-radius:999px;color:var(--text-primary);display:inline-flex;font-size:15px;font-weight:800;height:38px;justify-content:center;width:38px}.vy-ranking-row:first-child .vy-ranking-place{background:var(--vy-lime);color:#211a24}.vy-ranking-row:nth-child(2) .vy-ranking-place{background:#e7c2a2;color:#211a24}.vy-ranking-row:nth-child(3) .vy-ranking-place{background:#d4a58e;color:#211a24}.vy-ranking-name{color:var(--text-primary);font-size:16px;font-weight:700;overflow-wrap:anywhere;text-decoration:none}.vy-ranking-name:hover{text-decoration:underline;text-underline-offset:3px}.vy-ranking-wins{color:var(--text-secondary);font-size:14px;font-weight:650;text-align:right;white-space:nowrap}.vy-ranking-wins strong{color:var(--text-primary);display:block;font-size:19px}.vy-ranking-state{color:var(--text-secondary);padding:2rem .5rem}.vy-ranking-error{color:#a3223a}html.dark-mode .vy-ranking-error{color:#ff9cab}.dark-mode .home-feed-post-form,.dark-mode .post-form{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--text-primary)!important;padding:0!important}.dark-mode .form-header h3,.dark-mode .home-feed-title{color:var(--text-primary)!important}.dark-mode .form-textarea,.dark-mode .post-content-input{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;border-radius:8px!important;color:var(--text-primary)!important;font-size:16px!important;line-height:1.65}.dark-mode .form-textarea::placeholder,.dark-mode .post-content-input::placeholder{color:var(--text-tertiary)!important}@media (max-width:768px){body{font-size:16px}.navbar-link{font-size:14px}.settings-card{padding:1rem .75rem!important}.settings-section{padding:1rem .25rem!important}.search-input{min-height:50px}}.rap-battle-section.rap-battle-section--street{border-radius:10px}.rap-battle-section.rap-battle-section--street .rap-battle-banner{border-bottom:0}.rap-battle-section.rap-battle-section--street .rap-battle-stats-section{background:#151a1d url(/optimized/graffiti-wall-cb93b30b9d00.webp) 50%/cover;border:0;container-type:inline-size;isolation:isolate;overflow:hidden;padding:9% 7% 6%;position:relative}.rap-battle-section.rap-battle-section--street .rap-battle-stats-section:before{background:linear-gradient(90deg,#05090b35,#0000 20% 80%,#05090b35);content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.rap-battle-section.rap-battle-section--street .rap-battle-stats-grid{gap:4.1cqw 3.8cqw;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 8cqw}.rap-battle-section.rap-battle-section--street .rap-battle-stat-item{--neon:#baff4b;--ink:#e6ff98;animation:battle-plate-arrive .7s backwards;aspect-ratio:1.31;backdrop-filter:none;background:#24282a url(/battle-art/profile-steel-3f6228576c9b.svg) 50%/cover;border:.48cqw solid #72796b;border-radius:1.8cqw;box-shadow:0 .8cqw .2cqw #080b0c,0 1.7cqw 1.6cqw #000b,inset 0 0 0 .38cqw #121718,inset 0 0 0 .68cqw var(--neon),0 0 .35cqw color-mix(in srgb,var(--neon) 28%,#0000);isolation:isolate;min-width:0;padding:2.5cqw 1cqw 1cqw;position:relative;transition:transform .3s ease,box-shadow .3s ease}.rap-battle-section.rap-battle-section--street .battle-plate--mint{--neon:#61ffac;--ink:#baffbe}.rap-battle-section.rap-battle-section--street .battle-plate--yellow{--neon:#ffdf46;--ink:#fff09a}.rap-battle-section.rap-battle-section--street .battle-plate--gold{--neon:#ffdf65;--ink:#ffe69b}.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:nth-child(2){animation-delay:.09s}.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:nth-child(3){animation-delay:.18s}.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:nth-child(4){animation-delay:.27s}.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:nth-child(5){animation-delay:.36s}.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:before{animation:battle-neon-breathe 4.5s ease-in-out infinite;border:.18cqw solid var(--neon);border-radius:.9cqw;box-shadow:0 0 .2cqw color-mix(in srgb,var(--neon) 35%,#0000);content:"";inset:.6cqw;opacity:.85;pointer-events:none;position:absolute}.rap-battle-section.rap-battle-section--street .battle-plate--yellow:after{background:repeating-linear-gradient(130deg,#c7ae39 0 1.6cqw,#11181a 1.6cqw 3.2cqw);box-shadow:0 20.4cqw 0 #0000;content:"";height:1.2cqw;inset:1.05cqw 1.3cqw auto;opacity:.8;position:absolute;z-index:-1}.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:hover{box-shadow:0 1cqw .2cqw #080b0c,0 2cqw 2.4cqw #000b,inset 0 0 0 .38cqw #121718,inset 0 0 0 .68cqw var(--neon),0 0 .5cqw color-mix(in srgb,var(--neon) 35%,#0000);transform:translateY(-.65cqw) rotate(-.4deg)}.rap-battle-section.rap-battle-section--street .rap-battle-stat-label{color:var(--ink);font-family:Impact,Arial Narrow,sans-serif;font-size:2.9cqw;font-weight:400;letter-spacing:.025em;line-height:1.1;margin:0;position:relative;text-shadow:0 .25cqw .25cqw #000,0 0 .9cqw #000;white-space:nowrap;z-index:2}.rap-battle-section.rap-battle-section--street .rap-battle-stat-value{color:var(--ink);font-family:Impact,Arial Black,sans-serif;font-size:min(12.2cqw,var(--battle-value-size));font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.035em;line-height:1.15;margin:.9cqw auto 0;max-width:100%;position:relative;text-shadow:0 .18cqw .12cqw #101512,0 0 .25cqw color-mix(in srgb,var(--neon) 25%,#0000);white-space:nowrap;width:max-content;z-index:1}.rap-battle-section.rap-battle-section--street .battle-plate--yellow .rap-battle-stat-value{font-size:min(10.6cqw,var(--battle-value-size));margin-top:1.8cqw}.rap-battle-section.rap-battle-section--street .battle-plate--percentage .rap-battle-stat-value{font-size:min(9cqw,var(--battle-value-size));margin-top:2.6cqw}.rap-battle-section.rap-battle-section--street .battle-plate--wide .battle-plate-art{display:none}.rap-battle-section.rap-battle-section--street .battle-plate--wide:has(.battle-plate-art) .rap-battle-stat-value{margin-inline:auto}.rap-battle-section.rap-battle-section--street .battle-plate-bolts{background:linear-gradient(0deg,#111 0 40%,#78817d 40% 48%,#111 48% 59%,#4a5554 59%);border:.14cqw solid #080d10;border-radius:50%;box-shadow:23.7cqw 0 0 -.14cqw #384340,23.7cqw 0 0 0 #0d1112,0 16.6cqw 0 -.14cqw #384340,0 16.6cqw 0 0 #0d1112,23.7cqw 16.6cqw 0 -.14cqw #384340,23.7cqw 16.6cqw 0 0 #0d1112;height:1.2cqw;left:1.7cqw;position:absolute;top:1.7cqw;width:1.2cqw;z-index:3}.rap-battle-section.rap-battle-section--street .battle-plate-paint{background:var(--neon);border-radius:48% 62% 52% 68%;height:2.3cqw;left:2.7cqw;opacity:.85;position:absolute;top:1.15cqw;width:3.1cqw}.rap-battle-section.rap-battle-section--street .battle-plate-paint:after,.rap-battle-section.rap-battle-section--street .battle-plate-paint:before{background:var(--neon);border-radius:0 0 1cqw 1cqw;content:"";height:4.7cqw;left:1.6cqw;position:absolute;top:1.8cqw;width:.45cqw}.rap-battle-section.rap-battle-section--street .battle-plate-paint:after{height:2.6cqw;left:.4cqw;width:.28cqw}.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:nth-child(2n) .battle-plate-paint{left:auto;right:2.5cqw;transform:scale(.7)}.rap-battle-section.rap-battle-section--street .battle-plate-art{bottom:1.5cqw;color:#e4c658;filter:drop-shadow(0 0 .25cqw #dec65666);height:8.2cqw;opacity:.9;position:absolute;right:1.3cqw;transform:rotate(-9deg);width:8.2cqw}.rap-battle-section.rap-battle-section--street .battle-plate-art--versus{color:#d4d785}.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:has(.battle-plate-art) .rap-battle-stat-value{margin-left:7.3cqw}.rap-battle-section.rap-battle-section--street .rap-battle-actions{align-items:center;display:flex;gap:3cqw;justify-content:space-between;min-height:13cqw;position:relative}.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button,.rap-battle-section.rap-battle-section--street .rap-battle-view-battles-button{border-radius:1cqw;cursor:pointer;font-family:Impact,Arial Narrow,sans-serif;font-weight:400;isolation:isolate;letter-spacing:.015em;line-height:1.1;margin:0;min-height:max(44px,12cqw);padding:1.5cqw 2cqw;position:relative;text-transform:uppercase;transition:transform .2s ease,filter .2s ease}.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button{background:#c9ff16;border:.85cqw solid #888b60;box-shadow:inset 0 0 0 .28cqw #3e4b20,inset 0 0 .4cqw #f9ffc566,0 0 .45cqw #d2ff2d44,0 .9cqw 0 #171d17,0 1.5cqw 1.8cqw #0009;color:#101509;font-size:5.7cqw;min-width:0;outline:.22cqw solid #a16c3e;text-shadow:.12cqw .12cqw #bdd82e;transform:rotate(-3deg);width:40%}.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button:before{background:url(/battle-art/profile-steel-3f6228576c9b.svg) 50%/cover;content:"";inset:0;mix-blend-mode:multiply;opacity:.25;pointer-events:none;position:absolute;z-index:-1}.rap-battle-section.rap-battle-section--street .rap-battle-view-battles-button{background:#20282a url(/battle-art/profile-steel-3f6228576c9b.svg) 50%/cover;border:.65cqw solid #667b7d;box-shadow:inset 0 0 0 .3cqw #19dcff,0 0 .4cqw #19dcff55,0 .8cqw .2cqw #080f13,0 1.5cqw 1.8cqw #0009;color:#48defb;font-size:3.8cqw;min-width:0;text-shadow:-.2cqw -.2cqw #04080b,.2cqw .3cqw #04080b;transform:rotate(-4deg);width:43%}.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button:hover:not(:disabled),.rap-battle-section.rap-battle-section--street .rap-battle-view-battles-button:hover{filter:brightness(1.17);transform:translateY(-.6cqw) rotate(-1deg)}.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button:active:not(:disabled),.rap-battle-section.rap-battle-section--street .rap-battle-view-battles-button:active{transform:translateY(.3cqw) rotate(-1deg)}.rap-battle-section.rap-battle-section--street button:focus-visible{outline:3px solid #fff;outline-offset:6px}.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button:disabled{cursor:default;font-size:3.2cqw;opacity:.7}.rap-battle-section.rap-battle-section--street .rap-battle-notification-bell{border:0;bottom:6%;left:45%;margin:0;padding:0;position:absolute;width:10%}.rap-battle-section.rap-battle-section--street .rap-battle-bell-button{background:#172422;border:.5cqw solid #bdf574;box-shadow:0 0 .4cqw #68ffbc44,inset 0 0 .3cqw #68ffbc33;color:#dbedac;height:9cqw;min-height:44px;min-width:44px;width:9cqw}.rap-battle-section.rap-battle-section--street .rap-battle-bell-button svg{height:4.4cqw;min-height:22px;min-width:22px;width:4.4cqw}.rap-battle-section.rap-battle-section--street .rap-battle-actions:not(:has(.battle-challenge-slot)){justify-content:flex-end}.rap-battle-section.rap-battle-section--street .rap-battle-actions:not(:has(.battle-challenge-slot))+.rap-battle-notification-bell{left:10%}.rap-battle-section.rap-battle-section--street .rap-battle-error{background:#28191af2;border-color:#ef8a7d;color:#ffd1cc;position:relative}@keyframes battle-plate-arrive{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes battle-neon-breathe{0%,to{opacity:.8}50%{opacity:.95}}@media (max-width:480px){.rap-battle-section.rap-battle-section--street .rap-battle-stats-section{padding:10% 6% 9%}.rap-battle-section.rap-battle-section--street .rap-battle-stat-label{font-family:Impact,Arial Narrow,sans-serif;font-size:3cqw;letter-spacing:0}.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button,.rap-battle-section.rap-battle-section--street .rap-battle-view-battles-button{min-height:48px}.rap-battle-section.rap-battle-section--street .rap-battle-stats-grid{margin-bottom:10cqw}}@media (prefers-reduced-motion:reduce){.rap-battle-section.rap-battle-section--street .rap-battle-stat-item,.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:before{animation:none}.rap-battle-section.rap-battle-section--street *{transition:none!important}}.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button:disabled,.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button:hover:not(:disabled){background:#c9ff16;border-color:#888b60;color:#101509}.rap-battle-section.rap-battle-section--street .battle-hover-sheen{background-image:radial-gradient(ellipse at var(--hover-x,50%) var(--hover-y,50%),#ffffff38,#0000 62%),linear-gradient(112deg,#0000 35%,#ffffff05 42%,#ffffff4d 49%,#ffffff05 56%,#0000 63%);background-position:50%,135% 0;background-size:100% 100%,300% 100%;border-radius:.8cqw;inset:.75cqw;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease,background-position .8s cubic-bezier(.2,.65,.3,1);z-index:0}.rap-battle-section.rap-battle-section--street .battle-button-label{display:inline-block;position:relative;transition:transform .25s ease;z-index:1}.rap-battle-section.rap-battle-section--street .battle-plate-art,.rap-battle-section.rap-battle-section--street .rap-battle-stat-label,.rap-battle-section.rap-battle-section--street .rap-battle-stat-value{transition:transform .35s cubic-bezier(.2,.75,.3,1)}.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button{--rest-angle:-3deg}.rap-battle-section.rap-battle-section--street .rap-battle-view-battles-button{--rest-angle:-4deg}.rap-battle-section.rap-battle-section--street .rap-battle-actions .battle-hover-sheen{inset:.35cqw}.rap-battle-section.rap-battle-section--street .rap-battle-actions .battle-hover-sheen:after{background:currentColor;border-radius:4px;bottom:.3cqw;content:"";height:max(2px,.22cqw);left:var(--hover-x,50%);opacity:.7;position:absolute;transform:translateX(-50%);width:22%}@media (hover:hover) and (pointer:fine){.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:hover{transform:perspective(850px) translateY(-1cqw) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.035);z-index:4}.rap-battle-section.rap-battle-section--street .rap-battle-actions button:hover:not(:disabled) .battle-hover-sheen,.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:hover .battle-hover-sheen{background-position:50%,-35% 0;opacity:1}.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:hover .rap-battle-stat-label{transform:translateY(-.25cqw)}.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:hover .rap-battle-stat-value{transform:translateY(-.35cqw) scale(1.035)}.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:hover .battle-plate-art{transform:translateY(-.6cqw) rotate(3deg) scale(1.08)}.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button:hover:not(:disabled),.rap-battle-section.rap-battle-section--street .rap-battle-view-battles-button:hover{filter:brightness(1.07);transform:perspective(850px) translateY(-.9cqw) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(calc(var(--rest-angle) + var(--hover-roll,0deg))) scale(1.035)}.rap-battle-section.rap-battle-section--street .rap-battle-actions button:hover:not(:disabled) .battle-button-label{transform:translateX(var(--hover-shift,0)) translateY(-1px)}.rap-battle-section.rap-battle-section--street .rap-battle-actions button:active:not(:disabled){transform:translateY(.2cqw) rotate(var(--rest-angle)) scale(.985)}}.rap-battle-section.rap-battle-section--street .rap-battle-actions button:focus-visible .battle-hover-sheen{background-position:50%,-35% 0;opacity:.7}.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button{overflow:visible;transition:transform .2s ease,filter .2s ease,background-color .25s ease,border-color .25s ease}.rap-battle-section.rap-battle-section--street .battle-challenge-flames{bottom:17%;height:165%;left:-7%;opacity:0;overflow:visible;pointer-events:none;position:absolute;transform-origin:50% 100%;transition:opacity .15s ease;width:114%;z-index:0}.rap-battle-section.rap-battle-section--street .battle-challenge-flames.is-burning{opacity:1}.rap-battle-section.rap-battle-section--street .battle-cartoon-flame{animation:battle-cartoon-flicker .55s ease-in-out infinite alternate;animation-delay:var(--flame-delay,0s);animation-play-state:paused;transform-box:fill-box;transform-origin:50% 100%}.rap-battle-section.rap-battle-section--street .battle-fire-spark{animation:battle-cartoon-spark 1.1s ease-out infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:center}.rap-battle-section.rap-battle-section--street .is-burning .battle-cartoon-flame,.rap-battle-section.rap-battle-section--street .is-burning .battle-fire-spark{animation-play-state:running}@keyframes battle-cartoon-flicker{0%{transform:skewX(-5deg) scale(.94,.91)}45%{transform:skewX(2deg) scale(1.03,1.04)}to{transform:skewX(5deg) scale(.98,1.1)}}@keyframes battle-cartoon-spark{0%{opacity:0;transform:translateY(10px) scale(.5) rotate(-10deg)}25%{opacity:1}to{opacity:0;transform:translateY(-16px) scale(.65) rotate(25deg)}}.rap-battle-section.rap-battle-section--street .battle-challenge-slot{isolation:isolate;min-height:max(48px,12cqw);min-width:0;position:relative;width:40%}.rap-battle-section.rap-battle-section--street .battle-challenge-slot .rap-battle-challenge-button{width:100%;z-index:1}.rap-battle-section.rap-battle-section--street .battle-owner-bell{align-items:center;display:flex;justify-content:center}.rap-battle-section.rap-battle-section--street .battle-owner-bell .rap-battle-bell-button{height:10cqw;position:relative;width:10cqw}.rap-battle-section.rap-battle-section--street .battle-owner-bell .rap-battle-bell-button:hover svg{animation:battle-bell-ring .55s ease-in-out;transform-origin:50% 15%}@keyframes battle-bell-ring{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-18deg)}40%,80%{transform:rotate(18deg)}}.rap-battle-section.rap-battle-section--street .battle-challenge-slot .rap-battle-challenge-button:disabled{font-size:5.7cqw;opacity:1}.rap-battle-section.rap-battle-section--street .battle-challenge-inscription{align-items:center;color:#eddfb4;display:flex;font:400 3.5cqw/1.1 Impact,Arial Narrow,sans-serif;inset:0;justify-content:center;letter-spacing:.025em;padding:1cqw;position:absolute;text-align:center;text-shadow:.15cqw .2cqw #080b0c,-.1cqw -.1cqw #080b0c;transform:rotate(-3deg);z-index:0}.rap-battle-section.rap-battle-section--street .is-consuming .battle-challenge-inscription{animation:battle-inscription-reveal 1.65s both}.rap-battle-section.rap-battle-section--street .battle-challenge-slot .rap-battle-challenge-button.is-burning-away{animation:battle-button-burn 1.65s ease-in forwards;pointer-events:none}.rap-battle-section.rap-battle-section--street .is-burning-away .battle-challenge-flames{animation:battle-fire-consume 1.4s ease-in forwards}.rap-battle-section.rap-battle-section--street .battle-button-ashes{inset:0;pointer-events:none;position:absolute;z-index:3}.rap-battle-section.rap-battle-section--street .battle-button-ashes i{animation:battle-ash-drop .8s ease-in forwards;animation-delay:var(--ash-delay);background:#34302c;border-top:1px solid #ed8333;clip-path:polygon(5% 12%,75% 0,100% 40%,65% 100%,0 74%);height:.9cqw;min-height:3px;min-width:4px;opacity:0;position:absolute;width:1.1cqw}@keyframes battle-button-burn{0%{background:#ffc22e;border-color:#dc6720;color:#28130b;opacity:1;transform:rotate(-3deg)}30%{background:#513421;border-color:#e8772d;color:#17120e;filter:grayscale(.4);transform:rotate(-3deg)}58%{background:#292724;border-color:#5c5751;clip-path:polygon(0 5%,12% 0,19% 11%,33% 2%,41% 14%,57% 1%,65% 8%,79% 0,89% 12%,100% 5%,98% 91%,86% 100%,71% 90%,60% 98%,48% 88%,33% 100%,22% 91%,9% 100%,0 90%);color:#151413;filter:grayscale(1);opacity:1;transform:translateY(.5cqw) rotate(-4deg)}78%{opacity:.85;transform:translateY(4cqw) rotate(1deg) scale(.96)}to{background:#292724;color:#151413;filter:grayscale(1);opacity:0;transform:translateY(16cqw) rotate(12deg) scale(.85);visibility:hidden}}@keyframes battle-fire-consume{0%,25%{opacity:1;transform:scale(1.12,1.25)}65%{opacity:.85;transform:scale(1.05,.9)}to{opacity:0;transform:scale(.9,.1)}}@keyframes battle-ash-drop{0%{opacity:0;transform:translate(0) rotate(0deg) scale(1)}12%{opacity:1}to{opacity:0;transform:translate(var(--ash-drift),13cqw) rotate(var(--ash-turn)) scale(.35)}}@keyframes battle-inscription-reveal{0%,42%{opacity:0}76%,to{opacity:1}}.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button:not(:disabled):has(.is-burning){background:#ffb72e;border-color:#c87729;box-shadow:inset 0 0 0 .28cqw #8d411b,0 .9cqw 0 #241610,0 1.5cqw 1.8cqw #0009;color:#221005}.rap-battle-section.rap-battle-section--street .rap-battle-challenge-button:has(.is-burning) .battle-button-label{text-shadow:0 1px 0 #ffe5a0;z-index:2}@media (prefers-reduced-motion:reduce){.rap-battle-section.rap-battle-section--street .battle-button-ashes,.rap-battle-section.rap-battle-section--street .battle-challenge-slot .rap-battle-challenge-button.is-burning-away{display:none}.rap-battle-section.rap-battle-section--street .is-consuming .battle-challenge-inscription{animation:none;opacity:1}.rap-battle-section.rap-battle-section--street .battle-challenge-flames{display:none}.rap-battle-section.rap-battle-section--street .battle-hover-sheen{display:none}.rap-battle-section.rap-battle-section--street .rap-battle-actions button:hover:not(:disabled),.rap-battle-section.rap-battle-section--street .rap-battle-actions button:hover:not(:disabled) .battle-button-label,.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:hover,.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:hover .rap-battle-stat-label,.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:hover .rap-battle-stat-value{transform:none}.rap-battle-section.rap-battle-section--street .rap-battle-stat-item:hover .battle-plate-art{transform:rotate(-9deg)}}.verseyard-brand{align-items:center;display:inline-flex;font-weight:800;gap:10px;letter-spacing:-.045em;line-height:1.2}.verseyard-brand img{display:block;flex-shrink:0}.verseyard-brand-dot{color:#c38d32}.dark-mode .navbar .navbar-brand,.navbar .navbar-brand{color:#fff4e0}.verseyard-powered{color:inherit;display:inline-block;margin-left:12px;text-decoration:none;text-underline-offset:4px}.verseyard-powered:hover{text-decoration:underline}.verseyard-brand.verseyard-brand--artwork{display:inline-flex;flex-shrink:0;gap:0;line-height:0}.verseyard-brand.verseyard-brand--artwork img{display:block;height:62px!important;max-width:124px;object-fit:contain;object-position:center;transform:none!important;width:auto!important}.navbar .navbar-brand{align-items:center;display:flex}.navbar{padding-bottom:6px;padding-top:6px}.navbar-container{min-height:62px}.main-content{padding-top:6rem}.footer .verseyard-brand.verseyard-brand--artwork img{height:94px!important;max-width:156px}@media(max-width:768px){.navbar{padding-bottom:4px;padding-top:4px}.navbar-container{min-height:52px}.navbar .verseyard-brand.verseyard-brand--artwork img{height:52px!important;max-width:104px}.navbar-menu{top:64px}.main-content{padding-top:5rem}}.vy-battles .vy-battles-hero--graffiti{align-items:center;aspect-ratio:1280/714;background:#17151b url(/battle-hero/wall-ee51e71b3a39.webp) 50%/cover;border:1px solid #38313c;border-radius:14px;box-shadow:0 18px 50px #0005;color:#fff8d9;container-type:inline-size;display:grid;gap:1.2%;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);isolation:isolate;min-height:480px;overflow:hidden;padding:5.3% 4.8% 5.8%;position:relative}.vy-battles .vy-battles-hero--graffiti:before{background:linear-gradient(90deg,#0b08121a,#0000 66%),linear-gradient(0deg,#0a08111a,#0000 65%);content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.vy-battles-hero--graffiti .vy-graffiti-copy{animation:vy-graffiti-arrive .6s backwards;min-width:0;position:relative;z-index:2}.vy-battles-hero--graffiti .vy-eyebrow{color:#d9f86b;display:block;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(14px,2.55cqw,29px);font-weight:400;letter-spacing:.025em;line-height:1.2;text-shadow:1px 2px 0 #08060b}.vy-battles .vy-graffiti-title{font-size:inherit;letter-spacing:normal;line-height:0;margin:2.5cqw 0 1.25cqw -1.9cqw;max-width:none;padding:0;position:relative;width:103%}.vy-battles .vy-graffiti-title img{display:block;height:auto;max-width:none;width:100%}.vy-battles-hero--graffiti .vy-hero-accessible{clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.vy-battles .vy-battles-hero--graffiti .vy-graffiti-description{color:#fff8d9;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(20px,3.5cqw,40px);font-weight:400;letter-spacing:.005em;line-height:1.3;margin:0;max-width:none;text-shadow:2px 3px 0 #08070a}.vy-battles-hero--graffiti .vy-battle-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:3.2cqw;margin-top:3.7cqw}.vy-battles-hero--graffiti .vy-battle-actions a{flex-shrink:0;font-family:Segoe Print,Comic Sans MS,cursive;font-size:clamp(18px,3.35cqw,40px);font-weight:700;letter-spacing:-.065em;line-height:1.25;position:relative;text-decoration:none;transition:transform .22s cubic-bezier(.2,.8,.3,1),color .2s}.vy-battles-hero--graffiti .vy-battle-actions .vy-paint-action{align-items:center;background:#0000 url(/battle-hero/paint-7a6cb14f32f7.svg) 50%/100% 100% no-repeat;border:0;border-radius:0;color:#111308;display:flex;gap:1.3cqw;justify-content:center;min-height:8.5cqw;padding:1.7cqw 1.8cqw 1.9cqw;transform:rotate(-2deg)}.vy-battles-hero--graffiti .vy-paint-action:after{background:#d8f76b;border-radius:0 0 50% 50%;bottom:-2.5cqw;box-shadow:1.1cqw -.3cqw 0 -.1cqw #d8f76b;content:"";height:3.8cqw;left:77%;pointer-events:none;position:absolute;width:.5cqw}.vy-battles-hero--graffiti .vy-action-arrow{height:3.4cqw;min-height:23px;min-width:23px;transition:transform .25s ease;width:3.4cqw}.vy-battles-hero--graffiti .vy-my-battles-label{display:inline-block;position:relative}.vy-battles-hero--graffiti .vy-my-battles-underline{bottom:-.4em;height:.65em;left:0;pointer-events:none;position:absolute;width:100%}.vy-battles-hero--graffiti .vy-my-battles-underline path{stroke-dasharray:240;stroke-dashoffset:240;opacity:0;transition:stroke-dashoffset .18s ease,opacity .15s ease}.vy-battles-hero--graffiti .vy-paint-action:is(:hover,:focus-visible) .vy-my-battles-underline path{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .42s cubic-bezier(.25,.6,.35,1),opacity .1s ease}.vy-battles-hero--graffiti .vy-paint-action:is(:hover,:focus-visible) .vy-my-battles-underline path+path{transition-delay:.14s;transition-duration:.32s,.1s}.vy-battles-hero--graffiti .vy-battle-actions .vy-opponent-action{color:#fff3b4;display:block;padding:.8cqw 0 1.5cqw;text-shadow:1px 2px #08070a;transform:rotate(-2deg)}.vy-battles-hero--graffiti .vy-marker-underline{bottom:-.3cqw;height:2.2cqw;left:0;min-height:12px;position:absolute;transform-origin:left center;transition:transform .25s ease;width:100%}.vy-battles-hero--graffiti .vy-graffiti-emblem{margin-left:-8%;position:relative;transform:rotate(-3deg);transition:transform .35s ease;width:116%;z-index:1}.vy-battles-hero--graffiti .vy-graffiti-emblem img{display:block;height:auto;width:100%}.vy-battles-hero--graffiti .vy-graffiti-emblem:hover{transform:rotate(2deg) scale(1.035)}.vy-battles-hero--graffiti .vy-battle-actions .vy-paint-action:hover{color:#080a03;text-decoration:none;transform:translateY(-4px) rotate(-3deg) scale(1.025)}.vy-battles-hero--graffiti .vy-paint-action:hover .vy-action-arrow{transform:translate(3px,-3px) rotate(4deg)}.vy-battles-hero--graffiti .vy-battle-actions .vy-opponent-action:hover{color:#e1ff77;text-decoration:none;transform:translateY(-3px) rotate(-1deg)}.vy-battles-hero--graffiti .vy-opponent-action:hover .vy-marker-underline{transform:scaleX(1.045) rotate(-1deg)}.vy-battles-hero--graffiti .vy-battle-actions a:focus-visible{border-radius:3px;outline:3px solid #fff8d9;outline-offset:7px}@keyframes vy-graffiti-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px) and (min-width:601px){.vy-battles .vy-battles-hero--graffiti{min-height:430px}.vy-battles-hero--graffiti .vy-battle-actions{gap:2cqw}.vy-battles-hero--graffiti .vy-battle-actions a{font-size:2.75cqw}}@media(max-width:600px){.vy-battles .vy-battles-hero--graffiti{aspect-ratio:auto;background-position:58%;border-radius:12px;display:block;min-height:0;padding:27px 20px 38px}.vy-battles-hero--graffiti .vy-eyebrow{font-size:14px;letter-spacing:.02em;line-height:1.35;max-width:calc(100% - 82px)}.vy-battles .vy-graffiti-title{margin:25px 0 16px -4%;width:108%}.vy-battles .vy-battles-hero--graffiti .vy-graffiti-description{font-size:clamp(20px,6.3cqw,26px);line-height:1.4}.vy-battles-hero--graffiti .vy-graffiti-emblem{margin:0;position:absolute;right:9px;top:12px;width:90px}.vy-battles-hero--graffiti .vy-battle-actions{display:grid;gap:14px;grid-template-columns:1fr 1.2fr;margin-top:27px}.vy-battles-hero--graffiti .vy-battle-actions a{font-size:clamp(15px,5cqw,21px);min-width:0}.vy-battles-hero--graffiti .vy-battle-actions .vy-paint-action{gap:6px;min-height:58px;padding:12px 9px 16px}.vy-battles-hero--graffiti .vy-battle-actions .vy-opponent-action{min-height:48px;padding:8px 0 12px}.vy-battles-hero--graffiti .vy-paint-action:after{bottom:-16px;box-shadow:7px -3px 0 -1px #d8f76b;height:23px;width:3px}}@media(prefers-reduced-motion:reduce){.vy-battles-hero--graffiti .vy-graffiti-copy{animation:none}.vy-battles-hero--graffiti *{transition:none!important}.vy-battles-hero--graffiti .vy-graffiti-emblem:hover{transform:rotate(-3deg)}.vy-battles-hero--graffiti .vy-paint-action:hover .vy-action-arrow{transform:none}}.battle-challenges-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.battle-challenges-modal-content{background:#1a1a1a;border-radius:8px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.battle-challenges-modal-header{align-items:center;border-bottom:2px solid #333;display:flex;justify-content:space-between;padding:1.5rem}.battle-challenges-modal-header h2{color:#fff;font-size:1.5rem}.battle-challenges-modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;transition:background .2s;width:32px}.battle-challenges-modal-close:hover{background:#ffffff1a}.battle-challenges-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.battle-challenges-empty,.battle-challenges-loading{color:#aaa;font-size:1rem;padding:2rem;text-align:center}.battle-challenges-list{display:flex;flex-direction:column;gap:1rem}.battle-challenge-item{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;padding:1.5rem}.battle-challenge-info{margin-bottom:1rem}.battle-challenge-username{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.battle-challenge-username strong{color:#ff1744}.battle-challenge-date{color:#aaa;font-size:.9rem}.battle-challenge-deadline{margin-bottom:1rem}.battle-challenge-deadline label{color:#aaa;display:block;font-size:.9rem;margin-bottom:.5rem}.battle-challenge-deadline input{background:#ffffff1a;border:2px solid #fff3;border-radius:4px;color:#fff;font-size:1rem;padding:.75rem}.battle-challenge-deadline input:focus{border-color:#2196f3;outline:none}.battle-challenge-actions{display:flex;gap:1rem}.battle-challenge-accept,.battle-challenge-delete{border:none;border-radius:4px;cursor:pointer;flex:1;font-size:1rem;font-weight:600;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s}.battle-challenge-accept{background-color:#4caf50;color:#fff}.battle-challenge-accept:hover:not(:disabled){background-color:#45a049;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.battle-challenge-delete{background-color:#ff1744;color:#fff}.battle-challenge-delete:hover:not(:disabled){background-color:#ff4569;box-shadow:0 4px 12px #ff174466;transform:translateY(-2px)}.battle-challenge-accept:disabled,.battle-challenge-delete:disabled{cursor:not-allowed;opacity:.6;transform:none}.battle-challenges-modal-tabs{border-bottom:2px solid #333;display:flex}.battle-challenges-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#aaa;cursor:pointer;flex:1;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s}.battle-challenges-tab:hover{background:#ffffff0d;color:#fff}.battle-challenges-tab.active{border-bottom-color:#2196f3;color:#fff}.battle-active-time-remaining{color:#4caf50;font-weight:400}.battle-active-time-remaining.approaching{color:#ff9800;font-weight:700}.battle-active-submission-status{color:#aaa;display:flex;font-size:.9rem;gap:2rem;margin-top:.5rem}.battle-active-locked-indicator{background:#4caf5033;border:1px solid #4caf5080;border-radius:4px;color:#4caf50;font-size:.9rem;margin-top:.5rem;padding:.5rem;text-align:center}.battle-challenge-write-verse{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1;font-size:1rem;font-weight:600;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s}.battle-challenge-write-verse:hover{background-color:#1976d2;box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}@media (max-width:768px){.battle-challenges-modal-content{max-width:95%}.battle-challenge-actions{flex-direction:column}.battle-active-submission-status{flex-direction:column;gap:.5rem}}.battle-challenges-modal-overlay{--vy-modal-wall:url(/battle-hero/wall-ee51e71b3a39.webp);backdrop-filter:blur(3px);background:linear-gradient(180deg,#08070ad1,#08070ae6),var(--vy-modal-wall) center /cover fixed,#09080b;isolation:isolate;overflow-y:auto;padding:clamp(12px,3vw,36px)}.battle-challenges-modal-content{animation:vy-battle-modal-in .24s cubic-bezier(.18,.75,.3,1) both;background:#171619;border:2px solid #d7d3ca8f;border-radius:16px;box-shadow:0 24px 80px #000c,0 0 0 5px #111015,0 0 0 7px #74706b;color:#f5f0e7;isolation:isolate;max-height:min(900px,calc(100dvh - 48px));max-width:1160px;min-height:min(570px,calc(100dvh - 48px));overflow:hidden;position:relative;width:min(100%,1160px)}.battle-challenges-modal-header{background:linear-gradient(90deg,#09090a4d,#09090aa8),var(--vy-modal-wall) 50% 37% /cover;border-bottom:2px solid #8b8781;flex:0 0 auto;justify-content:center;min-height:214px;overflow:hidden;padding:14px 70px;position:relative}.battle-challenges-modal-header:after{background:linear-gradient(90deg,#0000,#e8d9ad99 18%,#fff6 50%,#e8d9ad99 82%,#0000);bottom:0;content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0}.battle-challenges-modal-header h2{background:url(/optimized/my-battles-title-5b095dd2a7b3.webp) 50%/contain no-repeat;color:#0000;filter:drop-shadow(0 5px 3px #000c);font-size:0;height:216px;line-height:1;margin:0;position:relative;width:min(82%,820px);z-index:1}.battle-challenges-modal-close{color:#e9e2d5;font-size:3rem;font-weight:900;height:58px;padding:0;position:absolute;right:18px;text-shadow:2px 3px #09080c,0 0 12px #fff3;top:16px;transition:transform .2s ease,color .2s ease;width:54px;z-index:2}.battle-challenges-modal-close:hover{background:#0000;color:#fff;transform:rotate(8deg) scale(1.1)}.battle-challenges-modal-tabs{background:linear-gradient(180deg,#0d0c0fe8,#171519ee),var(--vy-modal-wall) center 44% /cover;border-bottom:2px solid #555153;flex:0 0 auto;min-height:104px;position:relative}.battle-challenges-tab{border-bottom:5px solid #0000;color:#b6b0ad;font-family:Segoe Print,Comic Sans MS,cursive;font-size:clamp(18px,2.45vw,30px);font-weight:800;min-height:100px;padding:22px 16px 27px;position:relative;text-shadow:1px 2px #000;transition:color .2s ease,background-color .2s ease,border-color .24s ease,text-shadow .24s ease}.battle-challenges-tab:hover{background:hsla(0,0%,100%,.035);color:#f6f1e9}.battle-challenges-tab.active{border-bottom-color:#10dff2;color:#10dff2;text-shadow:0 2px #06363b,0 0 12px #00eaff66}.battle-challenges-modal-body{background:linear-gradient(180deg,#222022,#151417 46%,#181619);min-height:0;padding:clamp(18px,3.2vw,38px)}.battle-challenge-item{background:linear-gradient(112deg,#151417,#201e21 62%,#121114);border:2px solid #c9c3b775;border-radius:12px;box-shadow:0 10px 22px #0008,inset 0 1px #ffffff12;isolation:isolate;overflow:visible;padding:clamp(22px,4vw,42px);position:relative}.battle-challenge-item:before{background:linear-gradient(135deg,#d9d3c7,#353238 45%,#aaa59a);border:5px solid #827e77;border-radius:14px;content:"";inset:-6px;opacity:.94;position:absolute;z-index:-1}.battle-challenge-info{margin-bottom:28px}.battle-challenge-username{color:#fffaf2;font-family:Segoe Print,Comic Sans MS,cursive;font-size:clamp(21px,3vw,36px);font-weight:800;line-height:1.35;margin-bottom:5px;text-shadow:1px 3px #09080b}.battle-challenge-username strong{-webkit-text-stroke:.5px #340a16;color:#ff5a78;font-family:Impact,Arial Narrow,sans-serif;font-size:1.18em;letter-spacing:.01em;overflow-wrap:anywhere;text-shadow:2px 3px #08070a,0 0 12px #fc3a5a55}.battle-challenge-date{color:#c5c0bd;font-size:clamp(15px,1.7vw,21px);text-shadow:1px 2px #070609}.battle-challenge-deadline{margin:26px 0 22px}.battle-challenge-deadline label{color:#c3bdb9;font-family:Segoe Print,Comic Sans MS,cursive;font-size:clamp(17px,2.1vw,26px);font-weight:700;margin-bottom:12px;text-shadow:1px 2px #08070a}.battle-challenge-deadline input{background:linear-gradient(180deg,#56514e,#3b3837 54%,#494441);border:2px solid #79736e;border-radius:5px;box-shadow:inset 0 3px 10px #0007,0 3px 0 #141214;box-sizing:border-box;color:#f5f0e8;color-scheme:dark;font-family:Segoe Print,Comic Sans MS,cursive;font-size:clamp(18px,2.4vw,30px);font-weight:700;min-height:76px;padding:16px 22px;width:100%}.battle-challenge-deadline input:focus{border-color:#10dff2;box-shadow:inset 0 3px 10px #0007,0 0 0 3px #10dff244}.battle-challenge-actions{gap:clamp(12px,2.6vw,30px)}.battle-challenge-accept,.battle-challenge-delete,.battle-challenge-write-verse{border:3px solid #100e11;border-radius:11px 5px 12px 6px;box-shadow:0 5px 0 #08070a,0 9px 16px #0006,inset 0 2px #ffffff62;color:#100d0d;font-family:Cooper Black,Arial Black,Impact,sans-serif;font-size:clamp(22px,3.6vw,42px);font-weight:900;letter-spacing:.025em;min-height:78px;padding:14px 20px;position:relative;text-shadow:1px 2px #ffffff50;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s ease,box-shadow .2s ease}.battle-challenge-accept{background:radial-gradient(ellipse at 16% 35%,#c7fb75aa,#0000 50%),linear-gradient(102deg,#a8e446,#d8ff70 56%,#a1dd3b);clip-path:polygon(2% 8%,14% 0,29% 4%,44% 0,61% 4%,78% 0,98% 7%,100% 25%,97% 47%,100% 68%,96% 95%,77% 100%,61% 96%,39% 100%,21% 96%,2% 100%,0 76%,4% 55%,0 29%)}.battle-challenge-delete{background:radial-gradient(ellipse at 80% 38%,#ff9b8999,#0000 48%),linear-gradient(100deg,#ff6878,#ff9c8b 48%,#f7465b);clip-path:polygon(3% 2%,25% 0,44% 5%,60% 0,79% 4%,98% 0,100% 28%,96% 46%,100% 76%,97% 98%,77% 96%,58% 100%,42% 96%,21% 100%,1% 94%,0 72%,4% 51%,0 25%)}.battle-challenge-write-verse{background:linear-gradient(100deg,#27d9ef,#a3f4ff 48%,#19c6e0);color:#071013}.battle-challenge-accept:hover:not(:disabled),.battle-challenge-delete:hover:not(:disabled),.battle-challenge-write-verse:hover:not(:disabled){box-shadow:0 9px 0 #08070a,0 14px 22px #0008,inset 0 2px #ffffff70;filter:saturate(1.18) brightness(1.08);transform:translateY(-4px) rotate(-1deg) scale(1.015);z-index:1}.battle-challenge-actions button:focus-visible,.battle-challenges-modal-close:focus-visible,.battle-challenges-tab:focus-visible{outline:3px solid #fff4c9;outline-offset:5px}.battle-challenge-write-verse:hover{background-color:#47eaff}.battle-challenge-accept,.battle-challenge-delete{border-radius:8px 15px 6px 12px;clip-path:none;isolation:isolate;overflow:visible}.battle-challenge-accept{--vy-paint:#c8fa67}.battle-challenge-delete{--vy-paint:#ff6474}.battle-challenge-accept:before,.battle-challenge-delete:before{background:radial-gradient(circle at 5% 27%,var(--vy-paint) 0 3px,#0000 4px),radial-gradient(circle at 19% 5%,var(--vy-paint) 0 4px,#0000 5px),radial-gradient(circle at 38% 3%,var(--vy-paint) 0 2px,#0000 3px),radial-gradient(circle at 63% 2%,var(--vy-paint) 0 3px,#0000 4px),radial-gradient(circle at 84% 8%,var(--vy-paint) 0 4px,#0000 5px),radial-gradient(circle at 96% 31%,var(--vy-paint) 0 3px,#0000 4px),radial-gradient(circle at 72% 96%,var(--vy-paint) 0 3px,#0000 4px),radial-gradient(circle at 27% 95%,var(--vy-paint) 0 4px,#0000 5px);border-radius:35%;content:"";inset:-14px -12px -17px;opacity:0;pointer-events:none;position:absolute;transform:scale(.78) rotate(-2deg);transition:opacity .12s ease,transform .22s cubic-bezier(.18,.8,.25,1);z-index:-1}.battle-challenge-accept:after,.battle-challenge-delete:after{background:linear-gradient(var(--vy-paint),var(--vy-paint)) 15% 0 /6px 29px no-repeat,radial-gradient(ellipse 5px 5px at center,var(--vy-paint) 0 96%,#0000 100%) 15% 27px /9px 10px no-repeat,linear-gradient(var(--vy-paint),var(--vy-paint)) 49% 0 /7px 19px no-repeat,radial-gradient(ellipse 5px 5px at center,var(--vy-paint) 0 96%,#0000 100%) 49% 17px /10px 10px no-repeat,linear-gradient(var(--vy-paint),var(--vy-paint)) 84% 0 /5px 38px no-repeat,radial-gradient(ellipse 5px 5px at center,var(--vy-paint) 0 96%,#0000 100%) 84% 36px /9px 10px no-repeat;content:"";height:54px;left:4%;opacity:0;pointer-events:none;position:absolute;top:84%;transform:scaleY(.06);transform-origin:top center;width:92%;z-index:2}.battle-challenge-accept:hover:before,.battle-challenge-delete:hover:before{opacity:.9;transform:scale(1) rotate(0)}.battle-challenge-accept:hover:after,.battle-challenge-delete:hover:after{animation:vy-battle-paint-drip .92s cubic-bezier(.25,.65,.3,1) both}@keyframes vy-battle-paint-drip{0%{opacity:0;transform:scaleY(.06)}12%{opacity:1;transform:scaleY(.24)}68%{opacity:1;transform:scaleY(1.04)}82%{opacity:.96;transform:scaleY(.92)}to{opacity:1;transform:scaleY(1.08)}}.battle-challenge-accept:disabled:after,.battle-challenge-accept:disabled:before,.battle-challenge-delete:disabled:after,.battle-challenge-delete:disabled:before{display:none}.battle-active-time-remaining{color:#c6ed63}.battle-active-time-remaining.approaching{color:#ffae63}.battle-active-submission-status{color:#c5bfc0}.battle-active-locked-indicator{background:#9ac8391b;border-color:#b0d94b99;color:#daf779}.battle-challenges-empty,.battle-challenges-loading{color:#ddd4cb;font-family:Segoe Print,Comic Sans MS,cursive;font-size:clamp(17px,2vw,24px)}@keyframes vy-battle-modal-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.battle-challenges-modal-overlay{align-items:center;padding:10px}.battle-challenges-modal-content{border-radius:12px;max-height:calc(100dvh - 20px);min-height:min(520px,calc(100dvh - 20px));width:100%}.battle-challenges-modal-header{min-height:146px;padding:8px 54px}.battle-challenges-modal-header h2{height:130px;width:min(90%,500px)}.battle-challenges-modal-close{font-size:2.4rem;height:46px;right:8px;top:8px;width:42px}.battle-challenges-modal-tabs{min-height:78px}.battle-challenges-tab{font-size:clamp(15px,4.2vw,22px);min-height:76px;padding:16px 8px 20px}.battle-challenges-modal-body{padding:18px 14px 24px}.battle-challenge-item{padding:22px 17px}.battle-challenge-info{margin-bottom:22px}.battle-challenge-deadline{margin:20px 0 17px}.battle-challenge-deadline input{min-height:62px;padding:12px}.battle-challenge-actions{gap:10px}.battle-challenge-accept,.battle-challenge-delete,.battle-challenge-write-verse{font-size:clamp(19px,6vw,29px);min-height:64px;padding:10px 8px}.battle-active-submission-status{gap:8px}}@media (prefers-reduced-motion:reduce){.battle-challenges-modal-content{animation:none}.battle-challenges-modal-content *,.battle-challenges-modal-content :after,.battle-challenges-modal-content :before{transition:none!important}}@font-face{font-display:swap;font-family:VyPatrick;src:url(/optimized/PatrickHand-Regular-7f5d03576336.woff2) format("woff2")}@font-face{font-display:swap;font-family:VyChewy;src:url(/optimized/Chewy-Regular-82217e1b7806.woff2) format("woff2")}.battle-challenges-modal-overlay{background:linear-gradient(#070807d9,#070807e6),url(/battle-modal/reference-header-5763b6512b55.webp) 50%/cover;padding:28px}.battle-challenges-modal-content{background:#282929 url(/battle-modal/reference-header-5763b6512b55.webp) top/100% auto;border:2px solid #92928a;border-radius:14px;box-shadow:0 24px 80px #000d,inset 0 0 0 2px #292a26;max-width:1170px;min-height:0;width:min(1170px,100%)}.battle-challenges-modal-header{background:#0000;border-bottom:2px solid #93938c;height:160px;min-height:160px;overflow:visible;padding:0;z-index:3}.battle-challenges-modal-header h2{background-image:url(/optimized/reference-title-5bf78cd1efcf.webp);filter:drop-shadow(0 3px 2px #0008);height:200px;left:50%;position:absolute;top:-9px;transform:translateX(-50%);width:min(64%,650px)}.battle-challenges-modal-close{color:#c6c4bb;font:88px/.8 VyPatrick,Comic Sans MS,cursive;height:72px;right:19px;text-shadow:3px 4px #141413,0 0 12px #ffffff45;top:14px;transform:rotate(-7deg);width:68px}.battle-challenges-modal-tabs{background:#050707bd;border-bottom:2px solid #8f8f87;min-height:112px;z-index:2}.battle-challenges-tab{border-bottom:0;color:#c4c2b9;font:clamp(26px,3.8vw,48px)/1.15 VyPatrick,Comic Sans MS,cursive;font-weight:400;min-height:110px;padding:18px 12px 23px;text-shadow:2px 3px #131414}.battle-challenges-tab.active{border-bottom:0;color:#03e1ed;text-shadow:0 0 9px #00dbe866,2px 3px #063a3e}.battle-challenges-tab.active:after{background:#00e3eb;border-radius:55% 35% 45% 30%;bottom:-5px;box-shadow:0 0 12px #00e9f099,0 0 3px 3px #00d9e555;content:"";height:13px;left:10%;pointer-events:none;position:absolute;right:8%}.battle-challenges-tab.active:before{background:#00e1e9;border-radius:0 0 55% 55%;bottom:-30px;box-shadow:10px -8px 0 -1px #00e1e9,418px -3px 0 -1px #00e1e9;content:"";height:34px;left:12%;pointer-events:none;position:absolute;width:5px}.battle-challenges-modal-body{background:#171918a6;padding:30px 0 0}.battle-challenges-list{gap:24px}.battle-challenge-item{background:#222426 url(/battle-modal/reference-frame-6980928f1d87.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;margin:0;min-height:575px;padding:49px 88px 30px}.battle-challenge-item:before{display:none}.battle-challenge-info{margin-bottom:22px}.battle-challenge-username{color:#faf8f0;font:clamp(27px,3.55vw,44px)/1.2 VyPatrick,Comic Sans MS,cursive;margin-bottom:3px;text-shadow:1px 2px #070707}.battle-challenge-username strong{-webkit-text-stroke:0;color:#ff5774;font:clamp(36px,5.2vw,64px)/1.12 VyChewy,Comic Sans MS,cursive;letter-spacing:.005em;paint-order:normal;text-shadow:-2px -2px 0 #08070a,2px -2px 0 #08070a,-2px 2px 0 #08070a,2px 2px 0 #08070a,0 4px 0 #4c1026}.battle-challenge-date{color:#bbbcb5;font:clamp(21px,2.6vw,32px)/1.2 VyPatrick,Comic Sans MS,cursive}.battle-challenge-deadline{margin:27px 0 1px}.battle-challenge-deadline label{color:#bdbfb8;font:clamp(25px,3.3vw,39px)/1.15 VyPatrick,Comic Sans MS,cursive;margin-bottom:0}.vy-deadline-trigger{align-items:center;background:#0000 url(/optimized/reference-tape-fa987a334f99.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;color:#e1dfd7;cursor:pointer;display:flex;font:clamp(27px,3.9vw,45px)/1.1 VyPatrick,Comic Sans MS,cursive;gap:16px;justify-content:space-between;min-height:113px;padding:20px 39px;position:relative;text-align:left;width:100%}.vy-deadline-trigger svg{filter:drop-shadow(0 0 5px #fff5);flex:0 0 33px}.vy-deadline-trigger:focus-visible{outline:3px solid #03e1ed;outline-offset:3px}.battle-challenge-actions{flex-direction:row;gap:22px}.battle-challenge-actions .battle-challenge-accept,.battle-challenge-actions .battle-challenge-delete{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;box-shadow:none;clip-path:none;color:#0000;flex:1;font-size:0;height:156px;min-height:156px;min-width:0;padding:0;text-shadow:none}.battle-challenge-actions .battle-challenge-accept{--vy-paint:#7ec752;background-image:url(/optimized/reference-accept-6422b1eda612.webp)}.battle-challenge-actions .battle-challenge-delete{--vy-paint:#f34e4d;background-image:url(/optimized/reference-delete-05aac49017c5.webp)}.battle-challenge-actions .battle-challenge-accept:hover:not(:disabled),.battle-challenge-actions .battle-challenge-delete:hover:not(:disabled){background-color:initial;box-shadow:none;filter:brightness(1.08);transform:translateY(-3px) rotate(-1deg) scale(1.015)}.battle-challenge-actions .battle-challenge-accept:before,.battle-challenge-actions .battle-challenge-delete:before{inset:8px -12px 6px}.battle-challenge-actions .battle-challenge-accept:after,.battle-challenge-actions .battle-challenge-delete:after{height:54px;left:6%;top:65%;width:88%}.battle-challenge-actions .battle-challenge-accept:disabled,.battle-challenge-actions .battle-challenge-delete:disabled{background-color:#333831;background-image:none;border:2px solid #727368;color:#fff;font:25px VyPatrick,cursive}.battle-challenges-empty,.battle-challenges-loading{background:#101312b8;border:1px solid #62635a;border-radius:10px;display:grid;font-family:VyPatrick,cursive;font-size:30px;margin:30px 42px 40px;min-height:170px;place-items:center}@media(max-width:640px){.battle-challenges-modal-overlay{padding:10px}.battle-challenges-modal-header{height:113px;min-height:113px;padding:0}.battle-challenges-modal-header h2{height:143px;top:-6px;width:76%}.battle-challenges-modal-close{font-size:56px;height:48px;right:5px;top:8px;width:40px}.battle-challenges-modal-tabs{min-height:82px}.battle-challenges-tab{font-size:24px;min-height:80px;padding:17px 5px 21px}.battle-challenges-tab.active:after{bottom:-2px;height:7px}.battle-challenges-tab.active:before{bottom:-19px;box-shadow:7px -7px 0 -1px #00e1e9;height:21px;width:3px}.battle-challenges-modal-body{padding:20px 0 0}.battle-challenge-item{min-height:0;padding:28px 29px 22px}.battle-challenge-info{margin-bottom:18px}.battle-challenge-username{font-size:25px}.battle-challenge-username strong{-webkit-text-stroke:0;font-size:37px}.battle-challenge-date{font-size:24px;margin-top:6px}.battle-challenge-deadline{margin:18px 0 6px}.battle-challenge-deadline label{font-size:24px}.vy-deadline-trigger{font-size:26px;gap:8px;min-height:73px;padding:15px 16px}.vy-deadline-trigger svg{flex-basis:24px;height:24px;width:24px}.battle-challenge-actions{flex-direction:row;gap:8px}.battle-challenge-actions .battle-challenge-accept,.battle-challenge-actions .battle-challenge-delete{height:88px;min-height:88px}.battle-challenges-empty,.battle-challenges-loading{font-size:25px;margin:15px 20px 25px}}.vy-gear-calendar-overlay{backdrop-filter:blur(4px);background:#07080be6;display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:20000}.vy-gear-calendar{--steel:#9f9b8d;--brass:#d5b96d;background:#252628 url(/battle-modal/calendar-wall-1f23c1ff4dab.webp) 50%/cover;border:3px solid #69675f;border-radius:13px;box-shadow:0 0 0 5px #151719,0 24px 80px #000e,inset 0 1px 3px #e8e1c177;color:#d7d5c9;display:grid;font-family:Impact,Arial Narrow,sans-serif;gap:24px;grid-template-columns:minmax(0,1fr) 174px;isolation:isolate;max-height:calc(100dvh - 36px);overflow-y:auto;padding:32px 28px 22px;position:relative;width:min(850px,100%)}.vy-gear-calendar:before{background:linear-gradient(90deg,#11131410,#1113142b);border-radius:10px;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.vy-gear-close{background:#0000;border:0;color:#cac4b7;cursor:pointer;font:30px/1 sans-serif;height:30px;position:absolute;right:8px;top:3px;width:30px}.vy-gear-month-nav{align-items:center;display:grid;gap:9px;grid-template-columns:minmax(0,1fr) 44px 44px;margin-bottom:18px}.vy-gear-month-nav h3{background:linear-gradient(115deg,#63645b,#3d403d 42%,#646257);border:3px ridge #888276;border-radius:6px;box-shadow:0 4px 5px #000c,inset 0 0 14px #171914b0;color:#d2d1c5;display:grid;font-size:clamp(23px,3vw,36px);font-weight:400;letter-spacing:.015em;line-height:1.1;margin:0;min-height:70px;padding:9px 14px;place-items:center;position:relative;text-align:center;text-shadow:1px 2px #080b0b,0 -1px #d7d0b052;text-transform:uppercase}.vy-gear-month-nav h3:after,.vy-gear-month-nav h3:before{background:radial-gradient(circle at 35% 25%,#b7aa87,#645746 50%,#252a27);border-radius:50%;box-shadow:0 45px 0 #655d4d,1px 1px 2px #000;content:"";height:6px;position:absolute;top:8px;width:6px}.vy-gear-month-nav h3:before{left:7px}.vy-gear-month-nav h3:after{right:7px}.vy-gear-nav{background:repeating-conic-gradient(#68665d 0 8deg,#454944 8deg 16deg);border:3px outset #7c7867;border-radius:24%;box-shadow:0 3px 4px #000b;color:#b9b29b;cursor:pointer;display:grid;font:42px/.8 Impact,sans-serif;height:48px;place-items:center;text-shadow:1px 2px #000;width:44px}.vy-gear-nav:disabled{cursor:default;opacity:.35}.vy-gear-weekdays{background:linear-gradient(#5d5c50,#353b36);border:2px ridge #797467;border-radius:5px;box-shadow:0 3px 4px #000a;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:14px;padding:5px 0}.vy-gear-weekdays span{font-size:25px;text-align:center;text-shadow:1px 2px #060909}.vy-gear-days{display:grid;gap:10px;grid-template-columns:repeat(7,minmax(0,1fr))}.vy-gear-day{aspect-ratio:1;background:linear-gradient(135deg,#65685e,#303936 52%,#585a4f);border:2px ridge #74756a;border-radius:5px;box-shadow:0 3px 4px #000b,inset 0 0 8px #080b0a66;color:#d8d8d0;cursor:pointer;display:grid;font:clamp(25px,3.4vw,40px)/1 Impact,Arial Narrow,sans-serif;min-width:0;padding:0;place-items:center;position:relative;text-shadow:1px 3px 2px #000}.vy-gear-day:after,.vy-gear-day:before{background:#b2a88c;border-radius:50%;box-shadow:0 1px 2px #000;content:"";height:3px;position:absolute;width:3px}.vy-gear-day:before{left:3px;top:3px}.vy-gear-day:after{bottom:3px;right:3px}.vy-gear-day.is-brass{background:linear-gradient(135deg,#6e6650,#363a30 55%,#75674f);color:#d7c18b}.vy-gear-day.is-adjacent{background:#242b2770;border-color:#0000;box-shadow:none;color:#8b8e86}.vy-gear-day:disabled{color:#86877b;cursor:default;opacity:.43}.vy-gear-day.is-selected{background:linear-gradient(90deg,#753a20,#45271d 50%,#874826);border-color:#c98245;box-shadow:0 0 0 3px #301a13,0 0 14px #ee8c2f66,inset 0 0 6px #e7a45066;color:#ffb35e}.vy-gear-day:hover:not(:disabled){filter:brightness(1.22);transform:translateY(-1px)}.vy-gear-calendar button:focus-visible,.vy-gear-time-list:focus-visible{outline:3px solid #f4c36c;outline-offset:3px}.vy-gear-time-columns{align-self:start;display:grid;gap:16px;grid-template-columns:1fr 1fr}.vy-gear-clock-label{color:#c1b293;display:block;font:12px/1.1 system-ui,sans-serif;letter-spacing:.09em;margin-bottom:7px;text-align:center;text-transform:uppercase}.vy-gear-flip{background:linear-gradient(#191b18 0 49%,#9b8b6344 49% 51%,#343730 51%);border:5px ridge #9a835b;border-radius:8px;box-shadow:0 4px 8px #000a,inset 0 0 0 2px #0f120e;color:#eee9d7;display:grid;font:clamp(32px,4vw,53px)/1 Impact,sans-serif;height:82px;padding:6px;place-items:center;text-shadow:1px 3px #000}.vy-gear-time--minute .vy-gear-flip{border-color:#8b7050;color:#e0c67d}.vy-gear-time-list{background:repeating-linear-gradient(90deg,#0000 0 15%,#64674d 15% 17%,#1c2019 17% 20%,#0000 20% 80%,#7b7253 80% 82%,#0000 82% 100%);display:flex;flex-direction:column;gap:12px;height:301px;margin-top:15px;overflow-y:auto;padding:4px 6px 12px;position:relative;scrollbar-color:#8d8068 #171d18;scrollbar-width:thin}.vy-gear-time-option{background:linear-gradient(130deg,#6d6e60,#30372e 55%,#666455);border:2px ridge #7e7d6d;border-radius:5px;box-shadow:0 3px 5px #000c;color:#c9cabe;cursor:pointer;display:grid;flex:0 0 54px;font:34px/1 Impact,sans-serif;min-height:54px;padding:0;place-items:center;text-shadow:1px 3px #080a08}.vy-gear-time--minute .vy-gear-time-option{background:repeating-conic-gradient(#565644 0 10deg,#373c30 10deg 20deg);border-color:#807352;border-radius:30%;color:#d2b979}.vy-gear-time-option.is-selected{border-color:#d5aa65;box-shadow:0 0 9px #f5aa4b66;color:#ffbf68}.vy-gear-time-option:disabled{cursor:default;opacity:.35}.vy-gear-calendar-footer{display:flex;gap:18px;grid-column:1/-1;padding-top:10px}.vy-gear-calendar-footer button{background:linear-gradient(130deg,#75776a,#323a33 55%,#777363);border:3px ridge #888271;border-radius:7px;box-shadow:0 4px 4px #000b;color:#d8d6c7;cursor:pointer;font:28px/1 Impact,sans-serif;min-height:54px;min-width:110px;padding:7px 20px;position:relative;text-shadow:1px 3px #000}.vy-gear-calendar-footer .vy-gear-done{border-color:#a08a5c;color:#e2c388;margin-left:auto}@media(max-width:640px){.vy-gear-calendar-overlay{padding:10px}.vy-gear-calendar{gap:12px;grid-template-columns:minmax(0,1fr) 96px;max-height:calc(100dvh - 20px);padding:29px 12px 15px;width:100%}.vy-gear-month-nav{gap:5px;grid-template-columns:minmax(0,1fr) 28px 28px;margin-bottom:12px}.vy-gear-month-nav h3{font-size:19px;min-height:53px;padding:5px 10px}.vy-gear-month-nav h3:after,.vy-gear-month-nav h3:before{box-shadow:0 30px 0 #655d4d;height:4px;top:5px;width:4px}.vy-gear-nav{border-width:2px;font-size:29px;height:34px;width:28px}.vy-gear-weekdays{margin-bottom:9px}.vy-gear-weekdays span{font-size:16px}.vy-gear-days{gap:5px}.vy-gear-day{border-width:1px;font-size:22px;min-height:28px}.vy-gear-time-columns{gap:8px}.vy-gear-clock-label{font-size:9px;letter-spacing:0}.vy-gear-flip{border-width:3px;font-size:29px;height:58px}.vy-gear-time-list{gap:9px;height:240px;margin-top:9px;padding:3px 0}.vy-gear-time-option{flex-basis:39px;font-size:24px;min-height:39px}.vy-gear-calendar-footer{gap:10px;padding-top:3px}.vy-gear-calendar-footer button{flex:1;font-size:24px;min-height:46px;min-width:0;padding:7px 8px}}@media(prefers-reduced-motion:reduce){.vy-gear-calendar *{transition:none!important}}.vy-delete-scene{background:linear-gradient(#0c102740,#0c102740),url(/battle-modal/delete-scene-d41fc288cbd2.webp) 50%/cover no-repeat;display:grid;font-family:VyPatrick,Comic Sans MS,cursive;inset:0;padding:24px;place-items:center;position:fixed;z-index:30000}.vy-delete-confirm{background:#f5e7cf;border:4px solid #111728;border-radius:30px;box-shadow:0 12px 38px #070a184d;color:#101424;padding:48px 60px 38px;width:min(630px,100%)}.vy-delete-confirm h2{color:#101424;font:clamp(28px,3vw,39px)/1.25 VyPatrick,Comic Sans MS,cursive;font-weight:400;margin:0 0 34px;text-align:center}.vy-delete-confirm-actions{display:flex;gap:20px}.vy-delete-confirm-actions button{border:3px solid #141a2a;border-radius:40px;cursor:pointer;flex:1;font:32px/1.1 VyPatrick,Comic Sans MS,cursive;min-height:66px;min-width:0;padding:8px 20px;transition:transform .18s ease,background-color .18s ease}.vy-delete-confirm-yes{background:#101728;color:#f6eddb}.vy-delete-confirm-cancel{background:#0000;border-color:#8e8d91!important;color:#101424}.vy-delete-confirm-actions button:hover{transform:translateY(-2px)}.vy-delete-confirm-yes:hover{background:#252e48}.vy-delete-confirm-cancel:hover{background:#e8d6ba}.vy-delete-confirm-actions button:focus-visible{outline:3px solid #d08648;outline-offset:5px}@media(max-width:640px){.vy-delete-scene{background-position:50%;padding:18px}.vy-delete-confirm{border-radius:24px;padding:34px 26px 28px}.vy-delete-confirm h2{font-size:30px;margin-bottom:27px}.vy-delete-confirm-actions{gap:12px}.vy-delete-confirm-actions button{font-size:28px;min-height:57px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){.vy-delete-confirm-actions button{transition:none}}.my-battles-page{max-width:1400px;padding:2rem;position:relative}.my-battles-page-header{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px var(--shadow-color);justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.my-battles-page-header h1{color:var(--text-primary);font-size:2rem;font-weight:700}.my-battles-page-refresh{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.my-battles-page-refresh:hover{background:#166fe5}.my-battles-page-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);display:flex;flex-direction:column;gap:3rem;padding:2rem}.my-battles-section{width:100%}.my-battles-section-header{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.my-battles-list{display:flex;flex-direction:column;gap:1rem}.my-battles-draw-item,.my-battles-loss-item,.my-battles-victory-item{align-items:center;border-radius:8px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s;width:100%}.my-battles-victory-item{background:var(--bg-primary);border:1px solid #42a5f5}.my-battles-victory-item:hover{background:#e3f2fd;box-shadow:0 2px 4px var(--shadow-color)}.dark-mode .my-battles-victory-item:hover{background:#1a3a4d}.my-battles-loss-item{background:var(--bg-primary);border:1px solid #e41e3a}.my-battles-loss-item:hover{background:#ffe6e6;box-shadow:0 2px 4px var(--shadow-color)}.dark-mode .my-battles-loss-item:hover{background:#3d1f1f}.my-battles-draw-item{background:var(--bg-primary);border:1px solid #f57c00}.my-battles-draw-item:hover{background:#fff3e0;box-shadow:0 2px 4px var(--shadow-color)}.dark-mode .my-battles-draw-item:hover{background:#3d2e1f}.my-battles-item-content{align-items:center;display:flex;flex:1;gap:1rem}.my-battles-item-content strong{color:var(--text-primary);font-size:1.2rem;font-weight:600}.my-battles-victory-badge{background:#42a5f5;border:none;border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;padding:.25rem .75rem}.my-battles-loss-badge{background:#e41e3a;border:none;border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;padding:.25rem .75rem}.my-battles-draw-badge{background:#f57c00;border:none;border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;padding:.25rem .75rem}.my-battles-vote-count{color:var(--text-secondary);font-size:.9rem;font-weight:500}.my-battles-empty{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);padding:2rem;text-align:center}.my-battles-page-loading{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1.2rem;padding:4rem;text-align:center}.my-battles-page-error{background:#ffe6e6;border:1px solid #fcc;border-radius:8px;color:#e41e3a;font-weight:500;padding:2rem;text-align:center}.dark-mode .my-battles-page-error{background:#3d1f1f;border-color:#4a2525;color:#ff6b6b}@font-face{font-display:swap;font-family:VyHistoryHand;src:url(/optimized/PatrickHand-Regular-7f5d03576336.woff2) format("woff2")}@font-face{font-display:swap;font-family:VyHistoryGraffiti;src:url(/optimized/Chewy-Regular-82217e1b7806.woff2) format("woff2")}.my-battles-page{color:#dedbd3;isolation:isolate;margin:0 auto;max-width:1150px;padding:30px 24px 38px;width:100%}.my-battles-page:before{display:none}html body .App:has(.my-battles-page),html body:has(.my-battles-page){background:#08090b url(/battle-history/wall-72b4d16ceff9.webp) 50%/cover fixed!important}.my-battles-page-header{align-items:center;background:#0000 url(/battle-history/header-60367be914aa.webp) 50%/100% 100% no-repeat;border:0;border-radius:13px;box-shadow:0 14px 21px #0009;display:flex;gap:24px;margin-bottom:32px;min-height:170px;padding:10px 27px 10px 92px;position:relative}.my-battles-page-header h1{color:#eeeaf0;flex:1;font:clamp(29px,4.3vw,52px)/1.12 VyHistoryGraffiti,Comic Sans MS,cursive;margin:0;max-width:750px;min-width:0;overflow-wrap:anywhere;text-shadow:2px 3px #09080d,-1px -1px #8d6dac}.my-battles-page.is-own-history .my-battles-page-header h1{background:url(/optimized/title-1f8bff539384.webp) 50%/100% 100% no-repeat;color:#0000;font-size:0;height:150px;text-shadow:none}.my-battles-page .my-battles-page-refresh{background:#0000 url(/optimized/refresh-26eb0ac0ccac.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;box-shadow:0 5px 7px #0009;color:#0000;cursor:pointer;flex:0 0 230px;font-size:0;height:89px;padding:0;transform:rotate(-1deg);transition:transform .22s ease,filter .22s ease}.my-battles-page .my-battles-page-refresh:hover{background-color:initial;filter:brightness(1.2);transform:translateY(-3px) rotate(1deg)}.my-battles-page .my-battles-page-refresh:focus-visible{outline:3px solid #d0b7ff;outline-offset:6px}.my-battles-page-content{background:#121315 url(/battle-history/panel-3ac9fbd26d6c.webp) 50%/100% 100% no-repeat;border:0;border-radius:13px;box-shadow:0 16px 30px #000a;gap:8px;padding:21px 31px 30px;position:relative}.my-battles-section{min-width:0}.my-battles-section-header{align-items:center;color:#ddbe61;display:flex;font:clamp(30px,4vw,46px)/1.15 VyHistoryGraffiti,Comic Sans MS,cursive;margin:0 0 -2px;min-height:90px;overflow-wrap:anywhere;text-shadow:2px 3px #050606}.my-battles-section--losses .my-battles-section-header{color:#c66d6a}.my-battles-section--draws .my-battles-section-header{color:#b6cd55}.is-own-history .my-battles-section-header{background-position:0;background-repeat:no-repeat;background-size:100% 100%;color:#0000;font-size:0;text-shadow:none}.is-own-history .my-battles-section--victories .my-battles-section-header{background-image:url(/optimized/victories-7a1a9cf5b8eb.webp);width:min(54%,560px)}.is-own-history .my-battles-section--losses .my-battles-section-header{background-image:url(/optimized/losses-96fa88cb1bcd.webp);width:min(50%,520px)}.is-own-history .my-battles-section--draws .my-battles-section-header{background-image:url(/optimized/draws-df984073ad0f.webp);width:min(35%,370px)}.my-battles-page .my-battles-empty{background:linear-gradient(100deg,#08090be8,#121116ed 54%,#08090bee);border:2px solid #696965;border-radius:10px;box-shadow:inset 0 3px 10px #000b,0 3px 4px #000b;color:#c0bcb5;display:grid;font:clamp(26px,3.4vw,42px)/1.15 Impact,Arial Narrow,sans-serif;min-height:86px;padding:12px 22px;place-items:center;text-shadow:1px 3px #050508}.my-battles-page .my-battles-list{gap:11px}.my-battles-page .my-battles-draw-item,.my-battles-page .my-battles-loss-item,.my-battles-page .my-battles-victory-item{background:linear-gradient(110deg,#0c0e10f5,#232323f3);border:1px solid #72746c;border-left:5px solid #d7ba56;box-shadow:inset 0 1px #bdbdaf22,0 4px 7px #0008;gap:16px;min-height:82px;padding:19px 22px;transition:transform .2s ease,background .2s ease;width:100%}.my-battles-page .my-battles-loss-item{border-left-color:#b85a59}.my-battles-page .my-battles-draw-item{border-left-color:#adc650}.my-battles-page .my-battles-draw-item:hover,.my-battles-page .my-battles-loss-item:hover,.my-battles-page .my-battles-victory-item:hover{background:linear-gradient(110deg,#202325,#323330);box-shadow:0 7px 12px #000a;transform:translateY(-2px)}.my-battles-page .my-battles-item-content{flex-wrap:wrap;gap:10px;min-width:0}.my-battles-page .my-battles-item-content strong{color:#eeeae0;font:26px/1.2 VyHistoryHand,Comic Sans MS,cursive;overflow-wrap:anywhere}.my-battles-page .username-link{color:#f0e6cd}.my-battles-page .my-battles-victory-badge{background:#d6b955;color:#17170e}.my-battles-page .my-battles-loss-badge{background:#974242;color:#fff0ea}.my-battles-page .my-battles-draw-badge{background:#afc55a;color:#17200e}.my-battles-page .my-battles-vote-count{color:#babbb1;flex-shrink:0;font-size:15px}.my-battles-page-loading{background:#101116;border:1px solid #64616c;color:#e0dce4;font-family:VyHistoryHand,sans-serif;font-size:27px}.my-battles-page .my-battles-page-error{background:#2c1718e6;border-color:#97534d;color:#ffb4aa;font-weight:400;margin:8px 0 14px;padding:18px}@media(max-width:640px){.my-battles-page{padding:18px 10px 26px}.my-battles-page-header{gap:10px;margin-bottom:23px;min-height:116px;padding:11px 13px 11px 18px}.my-battles-page.is-own-history .my-battles-page-header h1{height:90px}.my-battles-page-header h1{font-size:28px}.my-battles-page .my-battles-page-refresh{flex-basis:102px;height:49px}.my-battles-page-content{gap:12px;padding:17px 16px 25px}.my-battles-section-header{font-size:27px;min-height:70px}.is-own-history .my-battles-section--victories .my-battles-section-header{width:87%}.is-own-history .my-battles-section--losses .my-battles-section-header{width:83%}.is-own-history .my-battles-section--draws .my-battles-section-header{width:64%}.my-battles-page .my-battles-empty{font-size:29px;min-height:79px;padding:12px}.my-battles-page .my-battles-draw-item,.my-battles-page .my-battles-loss-item,.my-battles-page .my-battles-victory-item{flex-wrap:wrap;gap:10px;padding:16px 13px}.my-battles-page .my-battles-item-content strong{font-size:23px}}@media(prefers-reduced-motion:reduce){.my-battles-page *{transition:none!important}}.my-battles-section-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.my-battles-section-top .my-battles-section-header{flex-shrink:1}.my-battles-total{background:#141516;border:1px solid #7a7256;border-radius:4px;color:#e8dcaa;flex-shrink:0;font:20px/1.2 VyHistoryHand,sans-serif;min-width:38px;padding:5px 11px;text-align:center}.my-battles-section--losses .my-battles-total{border-color:#8d5c5a;color:#f1afaa}.my-battles-section--draws .my-battles-total{border-color:#73834d;color:#d7e69b}.my-battles-tools{align-items:center;background:#151719ee;border:1px solid #797b75;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin:-9px 0 22px;padding:16px 20px}.my-battles-tools label{color:#ebe5d4;font:24px VyHistoryHand,sans-serif}.my-battles-tools input{background:#080b0d;border:1px solid #85857a;border-radius:4px;color:#f1ede3;flex:1;font:16px Arial,sans-serif;min-width:170px;padding:12px 14px}.my-battles-tools input::placeholder{color:#afb1ad}.my-battles-tools>span{color:#c1c5bd;font-size:14px}.my-battles-result-actions{align-items:center;display:flex;flex-shrink:0;gap:16px}.my-battles-open-result,.my-battles-pagination button{background:#252a28;border:1px solid #797d76;border-radius:4px;color:#eee9da;cursor:pointer;font:16px VyHistoryHand,sans-serif;min-height:40px;padding:8px 12px;transition:background .2s,transform .2s}.my-battles-open-result:hover,.my-battles-pagination button:hover:not(:disabled){background:#d3e582;color:#10130d;transform:translateY(-1px)}.my-battles-page :is(button,a,input):focus-visible{outline:3px solid #27e0e7;outline-offset:4px}.my-battles-pagination{align-items:center;color:#cbcbbf;display:flex;flex-wrap:wrap;font-size:14px;gap:14px;justify-content:flex-end;padding:15px 0 20px}.my-battles-pagination>span:first-child{margin-right:auto}.my-battles-pagination button:disabled{cursor:default;opacity:.4}.my-battles-page .username-link,.my-battles-page .username-with-reputation{overflow-wrap:anywhere;white-space:normal}.my-battles-page-content:has(.my-battles-pagination){background-size:100% 100%}@media(max-width:640px){.my-battles-tools{padding:13px}.my-battles-tools input{flex-basis:100%}.my-battles-result-actions{justify-content:space-between;width:100%}.my-battles-pagination{gap:9px}.my-battles-pagination>span:first-child{width:100%}.my-battles-pagination button{min-height:44px}}@font-face{font-display:swap;font-family:VyStreet;src:url(/optimized/Chewy-Regular-82217e1b7806.woff2) format("woff2")}@font-face{font-display:swap;font-family:VyMarker;src:url(/optimized/PatrickHand-Regular-7f5d03576336.woff2) format("woff2")}:root{--vy-paper:#eee9d8;--vy-lime:#d2ee72;--vy-cyan:#2cdee7;--vy-pink:#f75b84;--vy-metal:#6b6f69}html body .App:not(:has(.profile-page)){background:#090b0d url(/battle-history/wall-72b4d16ceff9.webp) top/cover fixed!important}html body :is(.friend-list,.user-search,.group-list,.group-detail,.topic-detail,.group-form-container,.notification-page,.settings-container,.my-account-container,.home-feed,.home-feed-main){--text-primary:#eee9df;--text-secondary:#c4c6bd;--text-tertiary:#abaea7;--bg-primary:#191c1d;--bg-secondary:#101314;--bg-tertiary:#2b302e;--border-color:#656b63;color:var(--text-primary)}html body .home-feed-container{gap:25px;max-width:1480px;padding-top:30px}html body .home-feed-main{min-width:0}html body :is(.friend-list,.user-search,.group-list){padding:0 8px 30px}html body :is(.friend-list>h2,.user-search>h2,.home-feed-title,.group-list-header,.notification-header,.settings-card>h2,.my-account-card>h2,.group-detail-header,.group-form-container>h2){align-items:center;background:#191c1e url(/battle-history/header-60367be914aa.webp) 50%/100% 100% no-repeat;border:0;border-radius:9px;box-shadow:0 9px 17px #0008;color:#f0eddf;display:flex;font:clamp(35px,3.5vw,53px)/1.1 VyStreet,Comic Sans MS,cursive;gap:15px;letter-spacing:.01em;margin:0 0 25px;min-height:114px;padding:21px 28px;position:relative;text-shadow:2px 3px #000,-1px -1px #797875}html body :is(.group-list-header h2,.notification-header h1,.notification-header h2){color:inherit;font:inherit;margin:0;text-shadow:inherit}html body .friend-list>h2{color:#e0ef9b;transform:rotate(-.5deg)}html body .user-search>h2{color:#a1ebec;transform:rotate(.4deg)}html body .group-list-header{color:#e7c774}html body .sidebar{background:linear-gradient(#171b1be8,#121516f5),url(/battle-history/header-60367be914aa.webp) 50%/cover!important;border:2px solid #6b706b!important;border-radius:8px!important;box-shadow:inset 0 0 0 3px #272b29,0 9px 18px #0008!important;padding:20px!important;width:230px}html body .sidebar-section{background:linear-gradient(#171b1be8,#121516f5),url(/battle-history/header-60367be914aa.webp) 50%/cover;border:2px solid #6b706b;border-radius:8px;box-shadow:inset 0 0 0 3px #272b29,0 9px 18px #0008;height:auto;min-height:160px;padding:20px}html body .sidebar-title{border:0!important;color:#e4d6a8!important;font:27px/1.1 VyMarker,Comic Sans MS,cursive!important;margin:0 0 13px;padding:0 0 13px;position:relative}html body .sidebar-title:after{background:#c4d783;border-radius:50%;bottom:0;content:"";height:4px;left:0;position:absolute;transform:rotate(-1deg);width:86%}html body .sidebar-content{color:#c5c7bd}html body .sidebar-placeholder{line-height:1.6}html body .sidebar :is(.sidebar-link,.sidebar-group-item){border-left-color:#a5c965;color:#e6e2d4;transition:transform .2s,color .2s}html body .sidebar :is(.sidebar-link,.sidebar-group-item):hover{color:#d6ef8d;transform:translateX(3px)}html body :is(.friend-tabs,.request-tabs,.notification-tabs,.group-tabs){background:#101514e8;border:1px solid #656b66;border-radius:6px;box-shadow:inset 0 1px #ffffff12,0 5px 10px #0006;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;padding:12px 15px}html body :is(.friend-tabs,.request-tabs,.notification-tabs,.group-tabs) button{background:#0000;border:0;border-radius:2px;box-shadow:none;color:#c4c7be;font:23px/1.15 VyMarker,Comic Sans MS,cursive;min-height:46px;padding:10px 17px;position:relative}html body :is(.friend-tabs,.request-tabs,.notification-tabs,.group-tabs) button:after{background:#37d8df;border-radius:45%;bottom:0;content:"";height:4px;left:12px;position:absolute;right:12px;transform:scaleX(0) rotate(-1deg);transform-origin:left;transition:transform .22s ease}html body :is(.friend-tabs,.request-tabs,.notification-tabs,.group-tabs) button:is(:hover,.active){background:#202b2a;border:0;color:#81ebed}html body :is(.friend-tabs,.request-tabs,.notification-tabs,.group-tabs) button:is(:hover,.active):after{transform:scaleX(1) rotate(-1deg)}html body :is(.friend-item,.request-item,.search-result-item,.group-item,.home-feed-item,.home-feed-post-form,.post,.notification-item,.settings-card,.my-account-card,.group-form,.topic-item,.discussion-board,.battle-detail-card,.battle-vote-card,.battle-result-card){background:linear-gradient(125deg,#252a27f5,#111617f5);border:1px solid #626963;border-radius:8px;box-shadow:inset 0 1px #dadcc319,0 8px 15px #0008;color:#eee9df}html body :is(.friend-item,.search-result-item,.group-item,.home-feed-item,.notification-item){transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}html body :is(.friend-item,.search-result-item,.group-item,.home-feed-item,.notification-item):hover{background:linear-gradient(125deg,#2b332bf5,#171e20f5);border-color:#b0bd8e;box-shadow:inset 0 1px #dce3bd30,0 12px 20px #0008;transform:translateY(-3px)}html body :is(.friend-item,.group-item){border-top:4px solid #a6c76e}html body :is(.friend-username,.result-username,.group-name,.notification-title,.topic-title){color:#ece7d7;overflow-wrap:anywhere}html body :is(.friend-name,.result-name,.result-email,.group-bio,.group-meta,.feed-item-time,.notification-message,.notification-time,.settings-subtitle,.settings-section-description){color:#c1c5bc}html body :is(.friend-username,.group-name){font-family:VyMarker,Comic Sans MS,cursive;font-size:28px;line-height:1.2}html body :is(.friends-grid,.groups-grid){gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}html body :is(.friend-info,.result-info,.request-info,.notification-content,.group-header){min-width:0;overflow-wrap:anywhere}html body :is(.friend-profile-picture,.request-profile-picture,.result-avatar){border-color:#d3c386;box-shadow:0 0 0 4px #101514,0 0 0 5px #656d5b}html body :is(.avatar-placeholder,.friend-profile-picture .avatar-initial,.request-profile-picture .avatar-initial){background:linear-gradient(135deg,#d5e995,#759264);color:#151c15;font-family:VyStreet,cursive}html body :is(.empty-state,.no-results,.no-groups,.no-posts,.home-feed-empty){background:linear-gradient(110deg,#121817f2,#0a0e0ff2);border:1px dashed #72796b;border-radius:7px;box-shadow:inset 0 3px 15px #0008;color:#c6cdbe;display:grid;font:27px/1.4 VyMarker,Comic Sans MS,cursive;min-height:168px;padding:32px 24px;place-items:center}html body :is(.view-profile-link,.add-friend-button,.accept-button,.create-group-button,.post-submit-button,.settings-button,.mark-all-read-button,.feed-item-link,.join-group-button,.submit-button,.group-form button[type=submit]){align-items:center;background:linear-gradient(105deg,#d4ec85,#add15a);border:1px solid #d1e391;border-radius:3px 8px 4px 6px;box-shadow:3px 4px #090d0d;color:#10160e;cursor:pointer;display:inline-flex;font:20px/1.15 VyStreet,Comic Sans MS,cursive;justify-content:center;min-height:44px;overflow:hidden;padding:11px 21px;position:relative;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}html body :is(.view-profile-link,.add-friend-button,.accept-button,.create-group-button,.post-submit-button,.settings-button,.mark-all-read-button,.feed-item-link,.join-group-button,.submit-button):after{background:#ffffff60;content:"";height:260%;left:-50%;pointer-events:none;position:absolute;top:-80%;transform:skewX(-24deg);transition:left .45s ease;width:24%}html body :is(.view-profile-link,.add-friend-button,.accept-button,.create-group-button,.post-submit-button,.settings-button,.mark-all-read-button,.feed-item-link,.join-group-button,.submit-button):hover:not(:disabled){background:linear-gradient(105deg,#e3f5a8,#bfdf70);box-shadow:4px 6px #050909;color:#0e150c;transform:translateY(-2px) rotate(-.6deg)}html body :is(.view-profile-link,.add-friend-button,.accept-button,.create-group-button,.post-submit-button,.settings-button,.mark-all-read-button,.feed-item-link,.join-group-button,.submit-button):hover:after{left:135%}html body :is(.reject-button,.withdraw-request-button){background:#573532;border:1px solid #b97970;color:#f7dcd7;min-height:44px}html body :is(.view-profile-link,.add-friend-button,.accept-button,.create-group-button,.settings-button):disabled{cursor:default;opacity:.45;transform:none}html body :is(.user-search,.group-list,.home-feed-main,.settings-card,.my-account-card,.group-form) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:#0b1011;border:1px solid #858b7b;border-radius:5px;box-shadow:inset 0 3px 8px #0007;color:#eee9dc;font-size:16px;min-height:46px}html body :is(.search-input-container,.home-feed-post-form){background:linear-gradient(110deg,#202622,#111718);border:1px solid #6e786b;border-radius:7px;padding:16px}html body :is(.user-search,.group-list,.home-feed-main,.settings-card,.my-account-card) :is(input,textarea)::placeholder{color:#aeb5a8}html body :is(.settings-section-title,.group-detail h2,.discussion-board h3,.topic-detail h2){color:#e3d29e;font-family:VyMarker,cursive;font-size:29px}html body :is(.settings-radio-label,.settings-checkbox-label,.settings-hint,.settings-radio-text,.settings-checkbox-text){color:#d6d8cc}.battle-opponent-profile{border-bottom:2px solid #0000;color:inherit;cursor:pointer;display:inline;text-decoration:none;transition:border-color .2s}.battle-opponent-profile:hover{border-bottom-color:#ff7791}.battle-opponent-profile:focus-visible{border-radius:4px;outline:3px solid #2ce2e8;outline-offset:5px}html body .navbar{background:linear-gradient(#101213f7,#080a0cfb);border-bottom:3px solid #b8ca77;box-shadow:0 3px 0 #8f4564,0 7px 15px #0008}html body .navbar-link{transition:transform .2s,background .2s}html body .navbar-link:hover{transform:translateY(-2px)}html body .footer{background:linear-gradient(#101416f5,#070a0cf9);border-top:2px solid #7b815f;color:#c2c6b9}html body .footer a{color:#d1df94}html body :is(.friend-list,.user-search,.group-list,.home-feed-container,.notification-page,.settings-container,.my-account-container,.navbar,.battle-challenges-modal-content) :is(a,button,input,textarea,select):focus-visible{outline:3px solid #42e1e7;outline-offset:4px}@media(max-width:1100px){html body .sidebar{width:190px}html body .home-feed-container{gap:17px}}@media(max-width:900px){html body .home-feed-container{padding-top:20px}}@media(max-width:768px){html body :is(.friend-list,.user-search,.group-list){padding:0 0 24px}html body :is(.friend-list>h2,.user-search>h2,.home-feed-title,.group-list-header,.notification-header){flex-wrap:wrap;font-size:34px;min-height:95px;padding:18px 22px}html body :is(.friend-tabs,.request-tabs,.notification-tabs){gap:5px;padding:9px}html body :is(.friend-tabs,.request-tabs,.notification-tabs) button{font-size:21px;padding:10px 12px}html body .request-item{flex-wrap:wrap}html body .request-actions{flex-wrap:wrap;width:100%}html body .search-result-item{flex-wrap:wrap}html body .search-result-item .add-friend-button{margin-left:auto}html body .notification-header{gap:18px}}@media(prefers-reduced-motion:reduce){.battle-opponent-profile,html body :is(.home-feed-container,.notification-page,.settings-container,.my-account-container,.navbar) *{animation:none!important;transition:none!important}}html body :is(.vy-rankings,.terms-container,.careers-container,.sitemap-container,.auth-card,.verseyard-feature-grid article,.verseyard-how){background:linear-gradient(120deg,#202623ee,#111617f5);border:1px solid #6a7367;border-radius:8px;box-shadow:0 9px 18px #0008;color:#e8e5d7}html body .vy-rankings{padding:26px}html body .vy-rankings-header{background:url(/battle-history/header-60367be914aa.webp) 50%/100% 100%;border-radius:7px;margin:-12px -12px 26px;padding:24px 28px}html body .vy-rankings-header h1{color:#e8d59a;font:clamp(35px,4vw,55px)/1.1 VyStreet,cursive;text-shadow:2px 3px #000}html body .vy-ranking-state{background:#0c1110;border:1px dashed #79866a;color:#c7cebd;font:27px/1.4 VyMarker,cursive;padding:38px 24px}html body .vy-rankings-label{background:#1f2b20;border-color:#758358;color:#d6e698}html body :is(.vy-ranking-row,.vy-rankings tbody tr){background:#171d1b;border-color:#5e6c5b;color:#e7e7da}html body :is(.home-feed-post-form,.post-form) .form-header h3{color:#dce89f;font:29px/1.2 VyMarker,cursive}html body :is(.post-form,.home-feed-post-form) .rich-text-editor{background:#0b1010;border-color:#71806b;color:#e8eadf}html body :is(.post-form,.home-feed-post-form) .form-header{border-bottom-color:#6c785e}html body :is(.settings-card,.my-account-card) h1{color:#e4dbb9;font:45px/1.1 VyStreet,cursive;text-shadow:2px 3px #000}html body .verseyard-intro{background:linear-gradient(100deg,#121a19ee,#0d1114de),url(/battle-history/header-60367be914aa.webp) 50%/cover;border:1px solid #6f7968;box-shadow:0 10px 24px #0008}html body .verseyard-intro h1{color:#e7efc6;font-family:VyStreet,cursive;text-shadow:3px 4px #050807}html body :is(.auth-container,.terms-container,.careers-container,.sitemap-container) :is(h1,h2){color:#dfd7ad;font-family:VyStreet,cursive}@media(max-width:640px){html body .vy-rankings{padding:14px}html body .vy-rankings-header{flex-wrap:wrap;padding:22px 18px}}html body :is(.settings-card,.my-account-card,.home-feed-post-form){background:linear-gradient(125deg,#202723f5,#111719f5)!important;border:1px solid #6c7767!important;border-radius:8px!important;box-shadow:inset 0 1px #dadcc319,0 8px 15px #0008!important}html body .home-feed-post-form{padding:20px!important}html body :is(.settings-card,.my-account-card)>h1{align-items:center;background:url(/battle-history/header-60367be914aa.webp) 50%/100% 100%;border-radius:7px;color:#e6deb9!important;display:flex;margin:0 0 20px;min-height:104px;padding:20px 26px}html body .home-feed-post-form .form-header{background:url(/battle-history/header-60367be914aa.webp) 50%/100% 100%;border:0;border-radius:6px;margin:0 0 20px;min-height:86px;padding:16px 19px}html body .home-feed-empty{background:linear-gradient(110deg,#121817f2,#0a0e0ff2)!important;border:1px dashed #72796b!important;border-radius:7px!important;color:#c6cdbe!important}html body :is(.user-search,.group-list) .search-input{background:#101717!important;border:1px solid #7f8c74!important;color:#e7ebdf!important}html body .group-list-header h2{color:#e7c774!important;font:inherit!important;text-transform:none!important}@media(max-width:640px){html body .home-feed-post-form{padding:13px!important}html body :is(.settings-card,.my-account-card)>h1{font-size:35px;min-height:90px;padding:18px}html body .home-feed-post-form .form-header{padding:14px 15px}}.privacy-policy a{color:#cfe786;text-decoration:underline;text-underline-offset:3px}.privacy-policy a:focus-visible{outline:3px solid #2cdee7;outline-offset:4px}.privacy-policy .terms-section{scroll-margin-top:105px}.privacy-policy .terms-list,.privacy-policy .terms-text{overflow-wrap:anywhere}.privacy-policy strong{color:#eee8d8}body,body *,html{caret-color:#0000!important}.animation-display{display:none!important}.my-battles-page .my-battles-section--active{padding-bottom:12px}.my-battles-page.is-own-history .my-battles-section--active .my-battles-section-header{background:none;color:#8ce9e7;flex:1;font:clamp(32px,4vw,46px)/1.15 VyHistoryGraffiti,cursive;text-shadow:2px 3px #050a0d;width:auto}.my-battles-section--active .my-battles-total{border-color:#568580;color:#a7ebe6}.my-battles-active-item{background:linear-gradient(110deg,#0c1415f5,#202b28f5);border:1px solid #6c807b;border-left:5px solid #65c8c3;border-radius:8px;box-shadow:inset 0 1px #cce5cc19,0 5px 9px #0008;padding:20px 22px}.my-battles-active-main{align-items:center;display:flex;gap:14px;justify-content:space-between}.my-battles-active-main h3{color:#e6eadc;font:29px/1.2 VyHistoryHand,sans-serif;margin:0;min-width:0;overflow-wrap:anywhere}.my-battles-active-main .username-link{color:#d8ece4}.my-battles-active-status{background:#233e34;border:1px solid #528f87;border-radius:4px;color:#b9eecc;flex-shrink:0;font-size:13px;font-weight:700;padding:5px 11px}.my-battles-active-status.is-voting{background:#433b25;border-color:#9a8452;color:#f2d895}.my-battles-active-deadline{color:#c1cfc4;font-size:15px;line-height:1.5;margin:12px 0 17px}.my-battles-active-footer{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.my-battles-submissions{color:#b8c0b6;display:flex;flex-wrap:wrap;font-size:13px;gap:9px 18px}.my-battles-submissions .is-submitted{color:#c7e695}.my-battles-active-actions{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}.my-battles-write-verse{background:#79d6ce;border:1px solid #a6ebe2;border-radius:4px;box-shadow:3px 3px #07100e;color:#10231f;cursor:pointer;font:20px/1.1 VyHistoryGraffiti,cursive;min-height:44px;padding:9px 19px;transition:transform .2s ease,background .2s ease}.my-battles-write-verse:hover{background:#a3ece2;transform:translateY(-2px)}@media(max-width:640px){.my-battles-page.is-own-history .my-battles-section--active .my-battles-section-header{font-size:30px}.my-battles-active-item{padding:17px 13px}.my-battles-active-main{align-items:flex-start;gap:10px}.my-battles-active-main h3{font-size:26px}.my-battles-active-actions{margin-left:0;width:100%}.my-battles-active-actions .my-battles-open-result,.my-battles-write-verse{flex:1}}