/* Competition presentation only. Game canvases, timing and in-game layouts are not styled here. */
.competition-hero,.competition-hub,.competition-personal,.competition-share-page{--cp-border:#7079bd55;--cp-muted:#b8c3e0;--cp-accent:#86eeff;color:#f3f6ff;min-width:0}
.competition-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);align-items:center;gap:28px 44px;margin:18px auto 32px;max-width:1240px;padding:44px 46px 0;border:1px solid #718cb755;border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at 90% 10%,#5295c338,transparent 60%),linear-gradient(110deg,#0c112bea,#0c1530d9),var(--competition-image,url('/assets/images/journey/chapter10-final-orbit-v1.webp')) center/cover;box-shadow:inset 0 2px #c6eaff18,0 22px 70px #0004}
.competition-feature,.competition-personal,.competition-preferences,.competition-seasons,.competition-season-rules{border:1px solid var(--cp-border);border-radius:25px;padding:28px;background:linear-gradient(145deg,#161735,#0a1023);box-shadow:inset 0 2px #ffffff12,0 9px 0 #04081655,0 20px 50px #0003;min-width:0}
.competition-main{min-width:0;padding:10px 0 20px}.competition-hero h1{font-size:clamp(44px,5.2vw,74px);font-weight:750;line-height:1.02;margin:24px 0;letter-spacing:-.045em;color:#fff}.competition-hero h1>span{color:#98e8ff}.competition-hero .competition-hero-pitch{max-width:490px;font-size:18px;line-height:1.65;color:#c7d3e8}.competition-hero .competition-fair{font-size:12px;line-height:1.6;max-width:410px}.competition-spotlight{min-width:0;text-align:center;padding:0 0 22px}.competition-event-title{display:block;text-decoration:none;color:#e8f5ff}.competition-event-title>span{font-size:10px;letter-spacing:.16em;color:#a4c5e5}.competition-event-title h2{font-size:24px;line-height:1.25;margin:8px 0 14px}.competition-spotlight .weekly-prize-podium{margin:0 0 8px}.competition-spotlight .weekly-podium-heading{font-size:9px;color:#aebbd4;text-align:center}.competition-spotlight .competition-countdown{justify-content:center;padding:10px 0}.competition-spotlight .competition-countdown>strong{font-size:14px}.competition-spotlight>.competition-text-link{font-size:12px}.competition-hero-footer{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;gap:30px;border-top:1px solid #aac1e32c;padding:20px 0 22px}.competition-hero-footer .competition-leader{border:0;padding:0;align-content:center;gap:6px 12px}.competition-hero-footer .competition-leader>b{margin-left:0;font-size:13px}.competition-hero-footer .competition-leader>small{font-size:12px;color:#a8c4e1}.competition-tournament-teaser{display:flex;flex-wrap:wrap;gap:5px 12px;align-content:center;font-size:12px;color:#b4c5de}.competition-tournament-teaser>a{color:#a8e7ff;font-size:14px;font-weight:600}.competition-tournament-teaser>time{font-variant-numeric:tabular-nums}.competition-hub p{line-height:1.6;color:var(--cp-muted)}
.competition-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.competition-actions .button{white-space:normal;text-align:center;justify-content:center;min-height:46px;min-width:0;max-width:100%}.competition-primary{background:linear-gradient(#74ecff,#268bbd);color:#07192c;border:2px solid #b7f7ff;box-shadow:0 5px #154369,inset 0 2px #ffffff66;font-weight:800;gap:14px}.competition-text-link{color:#a5dfff;text-underline-offset:5px}.competition-countdown{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;padding:12px 0;color:#d3f6ff}.competition-countdown>strong{font-size:23px;font-variant-numeric:tabular-nums}.competition-countdown>small:last-child{font-size:11px;flex-basis:100%}.competition-leader{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--cp-border)}.competition-leader>span{color:var(--cp-muted);font-size:12px}.competition-leader>b{margin-left:auto;color:#b9edff}.competition-mine{color:#b6f3d6!important}.competition-fair{display:block;color:var(--cp-muted)}
.competition-game-library{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.competition-page-heading{margin:12px 0 30px}.competition-page-heading h1{font-size:clamp(32px,4vw,50px)}.competition-page-heading nav{display:flex;flex-wrap:wrap;gap:16px}.competition-page-heading nav a{padding:10px 14px;background:#1b2547;border-radius:12px;color:#c3eeff}.competition-feature{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.competition-hub>section{margin:26px 0}.competition-personal{margin:26px 0}.competition-neighbors{list-style:none;padding:0;display:grid;gap:8px}.competition-neighbors li{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:10px;padding:12px;background:#0c1429;border-radius:12px;border:1px solid transparent;align-items:center}.competition-neighbors .is-me{border-color:#6de1ef;background:#172943}.competition-neighbors li>span{overflow-wrap:anywhere}.competition-badges{display:flex;flex-wrap:wrap;gap:10px}.competition-badges>span{padding:7px 11px;border-radius:10px;background:#352a514d;color:#f7d89c;border:1px solid #a5875055}.competition-badges b{margin-right:8px}
.competition-calendar>article{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr) minmax(180px,1fr);gap:24px;padding:22px;margin:14px 0;background:#131b33;border:1px solid var(--cp-border);border-radius:20px;align-items:center}.competition-calendar time{color:#a7e9ff}.competition-calendar h3{overflow-wrap:anywhere}.competition-calendar .competition-actions{display:grid;margin:0;gap:8px}.competition-calendar form>.button{width:100%}.competition-season-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.competition-season-list>a{display:grid;gap:10px;padding:18px;background:#152340;border:1px solid var(--cp-border);border-radius:15px;color:#e5edff}.competition-preferences form{display:grid;gap:16px;justify-items:start}.competition-preferences label{display:flex;gap:10px;align-items:start}.competition-preferences input{width:18px;height:18px;flex:0 0 18px}.competition-empty{padding:22px;border:1px dashed var(--cp-border);border-radius:18px}
.competition-share-page{max-width:680px;margin:30px auto}.competition-share-card{padding:32px;text-align:center;background:radial-gradient(ellipse at top,#475488,#101a38 70%);border:2px solid #a2d9ee;border-radius:28px;box-shadow:0 12px 0 #040715}.competition-share-card>img{display:block;width:150px;max-height:90px;object-fit:contain;margin:0 auto 20px}.competition-share-card>strong{display:block;font-size:clamp(44px,8vw,76px);line-height:1.3;color:#bcecff}.competition-share-card h1{font-size:26px;overflow-wrap:anywhere}.competition-game-library>article{padding:28px;display:grid;gap:14px;background:#172545;border-radius:24px;border:1px solid #5f83c655}.competition-game-library>article.is-colorfall{background:#34254d}.competition-game-library img{height:125px;width:100%;object-fit:contain}
.competition-site-nav .competition-nav-icon{width:28px;height:28px;object-fit:contain;flex:0 0 28px}.competition-site-nav .competition-nav-label{display:block;padding:10px 12px 4px;color:#9dabd5;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.competition-site-nav .nav-dropdown a{display:flex;align-items:center;gap:10px;text-align:left;white-space:normal;font-weight:600}.competition-site-nav .nav-dropdown a>strong{font:inherit;min-width:0}.competition-site-nav .nav-dropdown{min-width:min(280px,calc(100vw - 32px))}.competition-site-nav .nav-weekly-primary{color:#abedff;font-weight:700}.competition-site-nav .nav-account{position:relative;overflow:visible}.competition-site-nav .nav-dropdown{max-height:min(72dvh,600px);overflow-y:auto;z-index:50}.competition-mobile-nav{display:none}
.competition-result-summary{display:grid;gap:8px;padding:14px;margin:14px 0;background:#101e37;border:1px solid #83cde466;border-radius:15px;color:#d5efff;text-align:center}.competition-result-summary>strong{font-size:22px;color:#92f5bd}.competition-result-summary .competition-actions{justify-content:center;margin:6px 0}.competition-result-summary a{color:#a4ddff}
@media(max-width:800px){.competition-hero{grid-template-columns:minmax(0,1fr);gap:14px;padding:26px 24px 0}.competition-main{text-align:center;padding:0}.competition-hero .competition-hero-pitch,.competition-hero .competition-fair{margin-left:auto;margin-right:auto}.competition-main .competition-actions{justify-content:center}.competition-spotlight{max-width:440px;width:100%;justify-self:center}.competition-hero-footer{grid-template-columns:1fr 1fr;gap:16px}.competition-event-title h2{font-size:20px}.competition-calendar>article{grid-template-columns:1fr}.competition-calendar .competition-actions{display:flex;flex-wrap:wrap}.competition-feature{grid-template-columns:1fr}.competition-feature .weekly-prize-podium{max-width:560px;width:100%;justify-self:center}}
@media(max-width:700px){body:has(.competition-mobile-nav){padding-bottom:72px}.competition-mobile-nav{position:fixed;z-index:44;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#0a1025f5;border-top:1px solid #55628588;backdrop-filter:blur(12px)}.competition-mobile-nav a{display:grid;justify-items:center;gap:3px;padding:4px;color:#c5cde5;text-decoration:none;font-size:11px}.competition-mobile-nav a>span{font-size:22px;line-height:24px}.competition-mobile-nav a[aria-current]{color:#99f2ff}.competition-personal,.competition-preferences,.competition-seasons{padding:18px}.competition-hero{margin:10px 10px 22px;padding:26px 18px 0;border-radius:24px}.competition-hero h1{font-size:clamp(38px,10vw,52px);margin:18px 0}.competition-hero .competition-hero-pitch{font-size:14px;line-height:1.6}.competition-main .competition-actions{display:flex;flex-direction:column;gap:15px;text-align:center}.competition-main .competition-actions>.button{width:100%;font-size:14px}.competition-main .competition-fair{font-size:11px}.competition-hero-footer{font-size:12px;grid-template-columns:1fr;gap:14px}.competition-spotlight{padding-bottom:4px}.competition-game-library{grid-template-columns:1fr}.competition-calendar>article{padding:16px}.competition-page-heading nav{gap:8px}.competition-page-heading nav a{font-size:12px}.competition-share-card{padding:22px}.competition-neighbors li{font-size:13px;grid-template-columns:32px minmax(0,1fr) auto}}
@media(prefers-reduced-motion:reduce){.competition-hero *,.competition-share-card *{animation:none!important;transition:none!important}}

.competition-hero[data-weekly-background=FOREST]{--competition-image:url('/assets/images/journey-forest-board-v1.png')}.competition-hero[data-weekly-background=EMBER_CITY]{--competition-image:url('/assets/images/journey/chapter8-emberlight-city-v1.webp')}.competition-hero[data-weekly-background=UNBROKEN_TOWER]{--competition-image:url('/assets/images/journey/chapter9-unbroken-tower-v1.webp')}

.onboarding-choices .onboarding-weekly{grid-column:1/-1;background:linear-gradient(#225780,#153457);border-color:#87dff2}.onboarding-choices .onboarding-weekly img{width:50px;height:46px;object-fit:contain}
@media(max-width:700px){body:has(.competition-mobile-nav) [data-consent-banner]:not([hidden]){bottom:calc(130px + env(safe-area-inset-bottom))}.competition-hub.section{padding-top:28px}}

@media(max-width:700px){body:has(.competition-mobile-nav) .locale-switcher,body:has(.competition-mobile-nav) .friend-chat{bottom:calc(76px + env(safe-area-inset-bottom))}.competition-preferences form label{display:flex;flex-direction:row;align-items:flex-start;gap:10px}.competition-preferences form label input{margin:3px 0 0;width:18px;flex:0 0 18px}}

.competition-site-nav{min-height:74px}.competition-site-nav .brand img{width:114px;max-height:50px;object-fit:contain}.competition-site-nav #main-nav>a,.competition-site-nav .nav-group-toggle{text-transform:uppercase;font-size:12px;font-weight:750;letter-spacing:.065em;min-height:40px;border:1px solid transparent;padding:11px 14px;border-radius:12px;transition:background .18s ease,border-color .18s ease,color .18s ease}.competition-site-nav .nav-group-toggle:hover,.competition-site-nav .nav-group-toggle[aria-expanded=true]{background:#6141ae30;border-color:#ad91ed55;color:#e3d7ff}.competition-site-nav #main-nav>.nav-weekly-primary{color:#eefbff;border:1px solid #8fdbff80;background:linear-gradient(145deg,#24557f,#3e3c88);box-shadow:inset 0 1px #ffffff25,0 3px #13213a}.competition-site-nav #main-nav>a[href$="/compete"]{color:#c9b5fa}.competition-site-nav .competition-nav-chevron{width:16px;height:16px;flex:0 0 16px;margin-left:7px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .18s ease}.competition-site-nav .nav-group-toggle{display:inline-flex;align-items:center;justify-content:center}.competition-site-nav .nav-account>span{display:inline-flex;align-items:center}.competition-site-nav [aria-expanded=true] .competition-nav-chevron{transform:rotate(180deg)}.competition-site-nav .nav-account small{text-transform:none;font-weight:400;letter-spacing:0;font-size:11px}.competition-site-nav .nav-account-badge{background:#e14376;border-color:#ffd4e4;box-shadow:0 0 12px #f0527b38}.competition-site-nav .nav-group.open>.nav-group-toggle{color:#e7ddff}
@media(max-width:760px){.competition-site-nav{min-height:62px}.competition-site-nav .brand img{width:104px}.competition-site-nav #main-nav>a,.competition-site-nav .nav-group-toggle{font-size:13px;min-height:44px}.competition-site-nav .nav-account-badge{top:50%}}

/* A consistent, compact icon family. Game submenus retain their real logo art. */
.competition-menu-symbol{display:block;width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#9eddf9;filter:drop-shadow(0 1px 3px #5fd8ff22)}
.competition-menu-symbol.is-trophy,.competition-menu-symbol.is-crate{color:#f4d38b}.competition-menu-symbol.is-games,.competition-menu-symbol.is-learn{color:#c3a6fc}.competition-menu-symbol.is-friends{color:#83dec1}.competition-menu-symbol.is-account{color:#a5c6ff}.competition-menu-symbol.is-bell{color:#f8ce8c}.competition-menu-symbol.is-wallet{color:#9ee3bd}.competition-menu-symbol.is-logout{color:#efa5b4}
.competition-site-nav #main-nav>a,.competition-site-nav .nav-dropdown .link{display:flex;align-items:center;gap:8px}.competition-site-nav .nav-group-toggle>.competition-menu-symbol,.competition-site-nav .nav-account>span>.competition-menu-symbol{margin-right:8px}.competition-site-nav .nav-dropdown a>.competition-menu-symbol{width:28px;height:28px;flex-basis:28px}.competition-mobile-nav .competition-menu-symbol{width:24px;height:24px}.competition-site-nav .nav-dropdown .link{width:100%;padding:10px 12px}
/* A translated, authenticated menu needs more room than the old text-only nav.
   Use the existing accessible drawer on tablets instead of overflowing it. */
@media(min-width:761px) and (max-width:1100px){
 .competition-site-nav .nav-toggle{display:block}
 .competition-site-nav #main-nav{display:none;position:absolute;top:calc(100% + 8px);left:12px;right:12px;max-height:calc(100svh - 96px);overflow-y:auto;flex-direction:column;align-items:stretch;padding:10px;border:1px solid #ffffff25;border-radius:14px;background:#0a0c18fa;box-shadow:0 22px 60px #0008}
 .competition-site-nav #main-nav.open{display:flex}
 .competition-site-nav #main-nav>a,.competition-site-nav .nav-group,.competition-site-nav .nav-group-toggle{width:100%;min-height:44px;justify-content:flex-start;text-align:left}
 .competition-site-nav .nav-dropdown{position:static;min-width:0;margin:2px 0 5px;box-shadow:none}
 .competition-site-nav .nav-account{align-items:flex-start}
}
@media(min-width:1101px){.competition-site-nav #nav-account-menu{left:auto;right:0}}

.competition-event-title .competition-month-end{display:block;width:fit-content;margin:8px auto;padding:5px 10px;border:1px solid #e4c87380;border-radius:8px;background:#493b26;color:#ffe39c;font-size:11px;letter-spacing:.05em}