Evento de lançamento do acesso antecipado Hora de voltar à batalha

@charset "UTF-8"; /* ========================================================================== SAZ Early Access Launch - In-game Attendance Event Scope: .bp-20260730 ========================================================================== */ .bp-wrap.bp-20260730 { /* design tokens */ --bp-point-1: #df2433; /* Early Access label (red) */ --bp-point-2: #98232c; /* event badge arrows (dark red) */ --bp-title: #f3ede1; /* headings (ivory) */ --bp-sub-1: #dfdfdf; /* lead / body */ --bp-sub-2: #bbbbbb; /* event desc / notes */ --bp-point-3: #b99595; /* "Key Card" label, condition value */ --bp-duration: #ffb6bc; /* duration badge (pink) */ --bp-line-1: #605454; /* box top border, count badge, corners */ --bp-line-2: #867676; /* card connector arrow */ --bp-line-3: #433c3c; /* reward ring stroke */ --bp-box-1: #b1afae; /* daily box base */ --bp-box-2: #545454; /* maximum box base */ --bp-back: #181615; /* page background */ /* container queries — bp-wrap 너비 기준으로 반응형 동작 */ container-type: inline-size; container-name: bp-wrap; max-width: 1280px; width: 100%; margin: 0 auto; color: var(--bp-sub-1); background-color: var(--bp-back); font-family: "Pretendard Variable", sans-serif; font-size: 16px; font-weight: 400; } .bp-wrap.bp-20260730 * { margin: 0; padding: 0; box-sizing: border-box; line-height: normal; } .bp-wrap.bp-20260730 img { display: block; max-width: 100%; } .bp-wrap.bp-20260730 a { text-decoration: none; color: inherit; } .bp-wrap.bp-20260730 ol, .bp-wrap.bp-20260730 ul { list-style: none; } .bp-wrap.bp-20260730 { /* ---------- LAYOUT ---------- */ } .bp-wrap.bp-20260730 .bp-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 160px 40px clamp(80px, 14cqw, 180px); background: no-repeat url("https://sht-vod.dn.nexoncdn.co.kr/saz/images/20260730/visual.jpg") center top/1280px auto; } .bp-wrap.bp-20260730 { /* ---------- MAIN / HERO ---------- */ } .bp-wrap.bp-20260730 .bp-main { display: flex; flex-direction: column; align-items: center; width: 100%; } .bp-wrap.bp-20260730 .bp-title { display: flex; flex-direction: column; align-items: center; width: 100%; text-align: center; font-family: var(--font-key, "Zuume Edge", sans-serif); font-weight: 700; line-height: 0.85; } .bp-wrap.bp-20260730 .bp-title__event { color: var(--bp-point-1); font-size: clamp(18px, 3.75cqw, 48px); letter-spacing: 0.1em; margin-bottom: 0.05em; } .bp-wrap.bp-20260730 .bp-title__main { color: var(--bp-title); letter-spacing: -0.01em; } html[lang=ja-JP] .bp-wrap.bp-20260730 .bp-title__main, html[lang=zh-TW] .bp-wrap.bp-20260730 .bp-title__main, html[lang=zh-CN] .bp-wrap.bp-20260730 .bp-title__main { letter-spacing: -0.05em; } .bp-wrap.bp-20260730 .bp-title__main:nth-of-type(2) { margin-bottom: -0.2em; font-size: clamp(88px, 18.44cqw, 236px); } html[lang=ja-JP] .bp-wrap.bp-20260730 .bp-title__main:nth-of-type(2), html[lang=zh-TW] .bp-wrap.bp-20260730 .bp-title__main:nth-of-type(2), html[lang=zh-CN] .bp-wrap.bp-20260730 .bp-title__main:nth-of-type(2) { font-size: clamp(70.7px, 14.84cqw, 190px); margin-bottom: -0.4em; } html[lang=th-TH] .bp-wrap.bp-20260730 .bp-title__main:nth-of-type(2) { font-size: clamp(48.5px, 10.16cqw, 130px); } .bp-wrap.bp-20260730 .bp-title__main:nth-of-type(3) { font-size: clamp(67px, 14.22cqw, 182px); } html[lang=ja-JP] .bp-wrap.bp-20260730 .bp-title__main:nth-of-type(3), html[lang=zh-TW] .bp-wrap.bp-20260730 .bp-title__main:nth-of-type(3), html[lang=zh-CN] .bp-wrap.bp-20260730 .bp-title__main:nth-of-type(3) { font-size: clamp(70.7px, 14.84cqw, 190px); } html[lang=th-TH] .bp-wrap.bp-20260730 .bp-title__main:nth-of-type(3) { font-size: clamp(42.7px, 9.06cqw, 116px); } .bp-wrap.bp-20260730 .bp-scroll { width: 8px; height: 26px; margin-top: 8px; background: url("https://sht-vod.dn.nexoncdn.co.kr/saz/images/20260730/arrow-down.svg") center/contain no-repeat; } .bp-wrap.bp-20260730 .bp-lead { display: flex; flex-direction: column; align-items: center; gap: 30px; padding: 20px 0; text-align: center; } .bp-wrap.bp-20260730 .bp-lead__desc { color: var(--bp-sub-1); font-size: 18px; font-weight: 500; line-height: 1.33; letter-spacing: -0.02em; } .bp-wrap.bp-20260730 { /* ---------- DURATION ---------- */ } .bp-wrap.bp-20260730 .bp-duration { display: flex; align-items: center; justify-content: center; gap: 10px; } .bp-wrap.bp-20260730 .bp-duration dt { display: inline-flex; align-items: center; justify-content: center; min-width: 110px; height: 30px; padding: 0 12px; border: 1px solid var(--bp-duration); color: var(--bp-duration); font-size: 18px; font-weight: 700; letter-spacing: -0.02em; white-space: nowrap; } .bp-wrap.bp-20260730 .bp-duration dd { color: var(--bp-sub-1); font-size: 18px; font-weight: 700; opacity: 0.8; } .bp-wrap.bp-20260730 { /* ---------- EVENT ---------- */ } .bp-wrap.bp-20260730 .bp-event { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; margin-top: clamp(90px, 14cqw, 180px); } .bp-wrap.bp-20260730 .bp-event__head { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; } .bp-wrap.bp-20260730 .bp-event__title { color: var(--bp-title); font-size: 40px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; } .bp-wrap.bp-20260730 .bp-event__desc { color: var(--bp-sub-2); font-size: 18px; font-weight: 500; line-height: 1.33; letter-spacing: -0.02em; } .bp-wrap.bp-20260730 { /* ---------- EVENT BADGE (event 데코) ---------- 전부 span + CSS 로 재현(이미지 미사용). [ dot--l(점선+화살촉) ][ plate( [ label ] ) ][ dot--r ] plate(빨강 배경색)·bracket([ ])이 라벨 길이에 따라 함께 확장, 양옆 dot 은 flex 로 남는 폭을 채움. 모바일은 dot 숨김. ============================================ */ } .bp-wrap.bp-20260730 .bp-badge { position: relative; display: flex; align-items: center; justify-content: center; width: 328px; max-width: 100%; height: 30px; gap: 32px; /* 양옆 점선 + 바깥 끝 화살촉(> Evento de lançamento do acesso antecipado Hora de voltar à batalha Um evento especial de 14 dias para celebrar o lançamento do acesso antecipado! Garanta Cartões-chave apenas fazendo login diariamente! Período De 30 de julho às 05:00 a 12 de agosto às 23:59 (UTC) Evento Evento de Login Faça login diariamente e receba 3 Cartões-chave por dia! Efetue login por 14 dias consecutivos para obter até 42 Cartões-chave! Requisito Fazer login uma vez por dia Recompensa diária Cartão-chave x 3 Máximo durante o evento Cartão-chave x 42 Observações Todas as recompensas devem ser resgatadas diretamente na tela do evento do jogo. Elas não serão recebidas automaticamente. A redefinição do login ocorre diariamente às 00:00 UTC. As recompensas diárias só podem ser resgatadas na data correspondente. Após o término do evento, não será possível resgatar nenhuma recompensa, inclusive as pendentes de resgate. As recompensas obtidas no evento não podem ser negociadas no Mercado Negro. É possível consultar o histórico de recompensas recebidas dentro do jogo.

Notícias.

Evento de lançamento do acesso antecipado Hora de voltar à batalha

Observações