.launch-contest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.launch-contest-card,.social-task-card{overflow:hidden;border:1px solid #292c31;border-radius:16px;background:#111317;box-shadow:0 12px 32px #0003}.launch-contest-card{padding:0 22px 22px}.contest-cover{display:block;width:calc(100% + 44px);height:auto;max-height:220px;object-fit:cover;margin:0 -22px 20px;aspect-ratio:16/7;background-image:url('./assets/contest-triptych.png');background-repeat:no-repeat;background-size:300% auto}.art-referral{background-position:left center}.art-playtime{background-position:center center}.art-social{background-position:right center}.campaign-prizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:16px 0;padding:0}.campaign-prizes li{display:flex;flex-direction:column;gap:6px;border:1px solid #30343a;border-radius:10px;padding:12px;background:#171a1f}.campaign-prizes b{color:#ff4859;font-size:1.1rem}.campaign-board{margin-top:16px}.campaign-board h3{font-size:.95rem}.campaign-board ol{padding-left:24px}.campaign-board li{padding:6px 0;border-bottom:1px solid #292c31}.campaign-code-box,.campaign-code{margin-top:14px;padding:12px;border-radius:10px;background:#1b1e23}.campaign-code-box code,.campaign-code code{color:#ff6674;font-size:1rem}.campaign-code button,.campaign-code-box button{margin-left:10px}.campaign-join{margin-top:22px;padding:22px;border:1px solid #333;border-radius:16px;background:#121418}.campaign-join .check-row{margin:16px 0}.campaign-dates{color:#aaa;font-size:.9rem}.social-task-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);align-items:center;margin-top:22px}.social-task-card .contest-cover{height:100%;max-height:none;aspect-ratio:4/3;margin:0;object-fit:cover}.social-task-card>div{padding:22px}.social-task-card small{display:block;margin-top:12px;color:#aaa}.social-prizes{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-status{color:#ff6674}.launch-promo h2{margin:7px 0;font-size:1.45rem}.launch-promo .launch-controls>p{margin:8px auto;color:#c7c8cb;max-width:48ch;line-height:1.5}.launch-foot{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px}.launch-foot button{color:#ddd;background:transparent;border:0;padding:9px;text-decoration:underline}.launch-foot span{color:#aaa;font-size:.85rem}.launch-promo .campaign-prizes{max-width:480px;margin:14px auto}.launch-promo .campaign-prizes li{padding:8px;background:#171a1f}.launch-promo .campaign-dates{margin:8px 0!important}.launch-rules{text-align:left;line-height:1.6;font-size:.9rem;padding:12px 8px}.launch-rules a{color:#ff7283}.launch-promo button:focus-visible,.launch-promo a:focus-visible{outline:3px solid white;outline-offset:2px}.launch-promo .launch-art{display:block;width:100%;height:clamp(160px,30dvh,280px);aspect-ratio:16/7;background-image:url('./assets/contest-triptych.png');background-repeat:no-repeat;background-size:300% 100%}.launch-promo .launch-art.art-referral{background-position:left center}.launch-promo .launch-art.art-playtime{background-position:center center}
@media(max-width:760px){.launch-contest-grid{grid-template-columns:1fr;gap:14px}.launch-contest-card{padding:0 16px 18px}.launch-contest-card .contest-cover{width:calc(100% + 32px);margin:0 -16px 16px;max-height:190px}.social-task-card{grid-template-columns:1fr}.social-task-card .contest-cover{max-height:200px;aspect-ratio:16/7}.campaign-prizes{gap:6px}.campaign-prizes li{padding:9px 7px;font-size:.9rem}.launch-promo{width:min(520px,calc(100vw - 20px));max-height:calc(100dvh - 20px)}.launch-art{max-height:30dvh;object-fit:cover}.launch-controls{padding:12px}.launch-promo h2{font-size:1.2rem}}

/* Dedicated events page and navigation. */
.events-page .page-hero p{max-width:760px}.social-task-card .contest-cover{width:100%;min-width:0;box-sizing:border-box}.events-page .social-task-card>div{min-width:0}.events-page .campaign-board li{display:flex;justify-content:space-between;gap:12px}.events-page .campaign-board li span{overflow-wrap:anywhere}
@media(min-width:1001px){.desktop-nav{gap:16px}.portal-header .nav{gap:20px}}
@media(max-width:1000px){body{padding-bottom:84px}.mobile-nav{display:flex}.mobile-nav a{min-width:0;min-height:44px;padding:6px 3px;font-size:10px}.events-page .campaign-code-box{overflow-wrap:anywhere}}
@media(min-width:1001px) and (max-width:1200px){.desktop-nav{gap:10px}.portal-header .nav{gap:12px}.portal-header .search{width:120px}.portal-header .brand{min-width:140px}.nav-actions{gap:8px!important}}