.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:2rem;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)}.next-set-promo-banner{text-align:center;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff2e;border-left:6px solid #2196f3d9;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:calc(100% - 2rem);max-width:1100px;margin:.75rem auto 0;padding:12px 44px 12px 20px;display:flex;position:relative}.next-set-promo-banner-copy{color:#ffffffeb;font-family:Barlow,sans-serif;font-size:1rem}.next-set-promo-banner-cta{flex-shrink:0}.next-set-promo-banner--feature{padding:10px 40px 10px 16px}.next-set-promo-banner-stack{flex-direction:row;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.next-set-promo-banner-text{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.next-set-promo-banner-headline{letter-spacing:.01em;color:#fffffff5;text-align:left;font-size:1rem;font-weight:700;line-height:1.25}.next-set-promo-banner-headline-count{font-variant-numeric:tabular-nums;color:#ffffffc7;font-weight:500}.next-set-promo-banner-subhead{color:#ffffffb3;text-align:left;font-family:Barlow,sans-serif;font-size:.82rem;line-height:1.3}.next-set-promo-banner--feature .next-set-promo-banner-cta{flex-shrink:0}@media (max-width:640px){.next-set-promo-banner--feature{padding:8px 36px 8px 12px}.next-set-promo-banner-stack{flex-direction:column;gap:6px}.next-set-promo-banner-text{align-items:center}.next-set-promo-banner-headline,.next-set-promo-banner-subhead{text-align:center}.next-set-promo-banner-headline{font-size:.92rem}.next-set-promo-banner-subhead{font-size:.76rem}}.next-set-promo-banner-dismiss.btn--icon{color:#ffffff73;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:20px;height:20px;padding:0;font-size:1rem;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){.next-set-promo-banner-dismiss.btn--icon:hover:not(:disabled){color:#ffffffd9;background:#ffffff14;border:none;transform:translateY(-50%)}}.next-set-promo-banner--patron{background:#ffffff0a}.next-set-promo-banner--patron .next-set-promo-banner-copy{color:#ffffffe0}@media (hover:hover) and (pointer:fine){.next-set-promo-banner:hover{border-color:#ffffff52}}@media (max-width:640px){.next-set-promo-banner{padding:10px 36px 10px 12px;font-size:.9rem}.next-set-promo-banner-copy{text-align:center;flex-basis:100%;font-size:.9rem}}.mode-sections-row{gap:2rem;width:100%;max-width:1200px;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:225px;height:104px;padding:1rem 1.13rem;font-family:Barlow,sans-serif;font-size:1.25rem;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.mode-button-deckbuilder .mode-button-art{background-position:calc(100% + 33px) 25%}.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.25rem;font-weight:600;line-height:1.2}.mode-button-subtitle{color:#fff9;font-size:.75rem;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:75px;padding:.85rem}.mode-button-title{font-size:1.05rem}.mode-button-art{display:none}.landing-disclaimer{padding:1.5rem 15px 10px}.landing-disclaimer p{font-size:.65rem}}