:root{--accent: 0, 48, 87;--accent-light: 34, 139, 34;--accent-dark: 0, 20, 40;--accent-gradient: linear-gradient( 45deg, rgb(100, 180, 220), rgb(100, 200, 120) 20%, white 70% )}html{font-family:system-ui,sans-serif;background:linear-gradient(135deg,#001428,#003057);background-image:linear-gradient(135deg,#00142859,#00305773),url(/red-bay-summer.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}main{margin:auto;padding:1rem;width:1000px;max-width:calc(100% - 2rem);color:#fff;font-size:20px;line-height:1.6}.text-gradient{background-image:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:400%;background-position:0%}h1{font-size:4rem;font-weight:700;line-height:1;text-align:center;margin-bottom:1em;font-family:Cinzel,sans-serif}h1 .welcome-text{font-size:.8em}.instructions{margin-bottom:1rem;border:1px solid rgba(34,139,34,.5);background:linear-gradient(135deg,#001428cc,#003057b3);padding:1.5rem;border-radius:8px}.communities{margin:.5rem 0;padding:.4rem;background:linear-gradient(135deg,#001428b3,#00305799);border:1px solid rgba(34,139,34,.5);border-radius:8px}.communities h2{color:#64c878;font-size:1.5rem;margin-bottom:.4rem;text-align:center}.communities ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.communities li{margin:0}.communities a{display:block;padding:.75rem 1rem;background:#00305799;color:#fff;text-decoration:none;border:1px solid rgba(100,180,220,.4);border-radius:4px;transition:all .2s;text-align:center}.communities a:hover{background:#228b22b3;border-color:#64c878cc;transform:translateY(-2px)}.communities a.active{background:#64c878cc;border-color:#64c878;color:#001428;font-weight:700;pointer-events:none;cursor:default}.communities a.active:hover{transform:none}.top-right-controls{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;gap:.75rem;align-items:center}.season-selector select{padding:.5rem .75rem;background:#003057e6;color:#fff;border:1px solid rgba(100,200,120,.6);border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s}.season-selector select:hover{background:#228b22e6;border-color:#64c878cc}.season-selector select:focus{outline:none;border-color:#64c878}.login-btn{padding:.5rem 1rem;background:#228b22e6;color:#fff;border:1px solid rgba(100,200,120,.6);border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.login-btn:hover{background:#64c878e6;border-color:#64c878}.auth-section{display:flex;align-items:center}.user-section{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#003057e6;border:1px solid rgba(100,200,120,.6);border-radius:4px}.user-name{color:#fff;font-size:.9rem;font-weight:500}.logout-btn{padding:.4rem .75rem;background:#8b2222e6;color:#fff;border:1px solid rgba(220,100,100,.6);border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#b43232e6;border-color:#dc6464}.login-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:2000;align-items:center;justify-content:center}.login-modal.active{display:flex}.login-modal-content{background:linear-gradient(135deg,#001428f2,#003057f2);border:1px solid rgba(100,200,120,.5);border-radius:8px;padding:2rem;width:90%;max-width:400px;position:relative}.close-btn{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;padding:.25rem .5rem}.close-btn:hover{color:#64c878}.login-modal-content h2{color:#64c878;margin-bottom:1.5rem;text-align:center}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(100,200,120,.3)}.tab-btn{flex:1;padding:.75rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#fff9;font-size:1rem;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#ffffffe6}.tab-btn.active{color:#64c878;border-bottom-color:#64c878}.tab-content{display:none}.tab-content.active{display:block}.login-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.login-form input{padding:.75rem;background:#ffffff1a;border:1px solid rgba(100,200,120,.4);border-radius:4px;color:#fff;font-size:1rem}.login-form input::placeholder{color:#fff9}.login-form input:focus{outline:none;border-color:#64c878}.submit-btn{padding:.75rem;background:#228b22e6;color:#fff;border:1px solid rgba(100,200,120,.6);border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover{background:#64c878e6}.divider{text-align:center;margin:1.5rem 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#64c8784d}.divider:before{left:0}.divider:after{right:0}.divider span{color:#fff9;padding:0 1rem}.social-login{display:flex;flex-direction:column;gap:.75rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;background:#ffffff1a;border:1px solid rgba(100,200,120,.4);border-radius:4px;color:#fff;font-size:.95rem;cursor:pointer;transition:all .2s}.social-btn:hover{background:#ffffff26;border-color:#64c87899}.social-btn svg{flex-shrink:0}