.landing-page{color:#fff;background-color:#4c4d51;background-image:linear-gradient(#090909 0%,#0000 18.23%),linear-gradient(#0000 78.12%,#090909 93.23%),linear-gradient(#000c,#000c),url(/background-images/bg-texture-crop.png);background-position:50%,50%,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat,repeat-y;background-size:100% 100%,100% 100%,100% 100%,150%;flex-direction:column;align-items:center;min-height:100vh;display:flex}.landing-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.landing-content h1{color:#fff;margin-bottom:.5rem;font-size:3.5rem}.landing-content h2.subtitle{color:#fff;margin-top:-1rem;margin-bottom:.75rem;font-size:1.3rem;font-weight:400;line-height:1.4}.discord-cta{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:6px;align-items:center;gap:6px;margin-bottom:.5rem;padding:8px 16px;font-family:Barlow,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}@media (hover:hover) and (pointer:fine){.discord-cta:hover{color:#fff;background:#4752c4;transform:translateY(-2px)}}a.discord-cta,a.discord-cta:visited,a.discord-cta:hover,a.discord-cta:active{color:#fff;text-decoration:none}.discord-cta svg{flex-shrink:0}.players-online-landing{color:#fff9;justify-content:center;align-items:center;gap:8px;margin-bottom:.75rem;font-size:.9rem;display:flex}.online-dot-landing{background:#4caf50;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 6px #4caf5099}.active-draft-banner{background:#4a90d933;border:1px solid #4a90d980;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-bottom:2rem;padding:12px 20px;display:flex}.active-draft-banner span{color:#80c0ff;font-size:1rem}.rejoin-button{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:6px;padding:6px 16px;font-family:Barlow,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.rejoin-button:hover{background:#5ba0e9;transform:translateY(-2px)}.mode-sections-row{gap:3rem;width:100%;max-width:960px;display:flex}.mode-section{flex:1;min-width:0}.mode-section-header{color:#fff;text-align:center;margin:0 0 .75rem;font-size:1.8rem;font-weight:700}.mode-column{flex-direction:column;gap:.75rem;display:flex}.mode-button{color:#fff;cursor:pointer;background:#000000b3;border:2px solid #fff6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:100%;min-width:300px;height:110px;padding:1.25rem 1.5rem;font-family:Barlow,sans-serif;font-size:1.5rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.mode-button-art{opacity:0;pointer-events:none;z-index:0;background-position:right 30%;background-repeat:no-repeat;background-size:auto 280%;transition:opacity .3s;position:absolute;inset:0 0 0 20%}.mode-button.art-unit .mode-button-art{background-position:right 25%;background-size:auto 250%}.mode-button.art-leader-unit .mode-button-art{background-position:calc(100% + 40px) 25%;background-size:auto 250%}.mode-button.art-event .mode-button-art{background-position:right 86%;background-size:auto 250%}.mode-button-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#000 0%,#000c 30%,#0000004d 65%,#0000 100%);position:absolute;inset:0}.mode-button-content{z-index:1;flex-direction:column;align-items:center;gap:.25rem;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.mode-button:hover:not(:disabled){background:#000000d9;border-color:#0f0c;transform:translateY(-2px);box-shadow:0 6px 16px #0f09}.mode-button:hover:not(:disabled) .mode-button-art{opacity:1}}.mode-button:disabled{opacity:.5;cursor:not-allowed;color:#999;background:#666;border-color:#666}.mode-button-title{font-size:1.4rem;font-weight:600;line-height:1.2}.mode-button-subtitle{color:#fff9;font-size:.8rem;font-weight:400;line-height:1.3}.pods-open-badge{color:#4caf50;margin-top:.25rem;font-size:.7rem;font-weight:600;display:inline-block}.mode-button .beta-badge{color:#000;text-transform:uppercase;background:#ffa500e6;border-radius:4px;padding:3px 6px;font-size:.65rem;font-weight:700;position:absolute;top:-8px;right:-8px}.landing-login{flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.landing-login p{color:#fffc;margin:0;font-size:.9rem}.landing-login-button{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Barlow,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #0003}.landing-login-button:hover{color:#fff;background:#4752c4;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.landing-login-button:active{transform:translateY(0)}.landing-login-button svg{flex-shrink:0}.landing-disclaimer{text-align:center;margin-top:0;padding:.75rem 20px 15px}.landing-disclaimer p{color:#fff;opacity:.7;margin:.75rem 0 0;font-size:.75rem;line-height:1.4}.landing-footer-links{font-size:.75rem}.landing-footer-links a{color:#fff;opacity:.6;text-decoration:none;transition:opacity .2s}.landing-footer-links a:hover{opacity:1;text-decoration:underline}.footer-separator{opacity:.4;margin:0 8px}.landing-logo{width:220px;height:auto;margin-bottom:0;transition:transform .2s}@media (hover:hover) and (pointer:fine){.landing-logo:hover{transform:translateY(-2px)}}.landing-content h1.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:768px){.landing-page{background-size:100% 100%,100% 100%,100% 100%,300%}.landing-content h1{font-size:2.5rem}.landing-logo{object-fit:contain;width:180px;height:180px;margin-bottom:1rem}.landing-content h2.subtitle{margin-top:-.5rem;margin-bottom:1.5rem}.mode-sections-row{flex-direction:column;gap:1.5rem;max-width:100%}.mode-button{height:80px;padding:1rem}.mode-button-title{font-size:1.2rem}.mode-button-art{display:none}.landing-disclaimer{padding:1.5rem 15px 10px}.landing-disclaimer p{font-size:.65rem}}