[hidden] { display:none!important; }
.brand-icon { background:#20242c; color:#ebae78; }
.section-heading h1 { font-size:clamp(32px,3.5vw,52px); letter-spacing:-.045em; margin:9px auto 14px; }
.section-heading h1 em { color:#c96b37; font-style:normal; text-transform:uppercase; }
.section-heading>span { letter-spacing:.17em; }
.launch-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:30px; }
.launch-card { padding:24px; background:#f6f6f5; border:1px solid #e5e4e1; border-top:3px solid #2b3038; }
.launch-open { background:#fcf6f0; border-color:#ebd7c6; border-top-color:#d4864a; }
.launch-heading,.event-card-top { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.launch-step { font-size:10px; letter-spacing:.12em; font-weight:700; color:#8c7c6d; }
.launch-heading h2 { margin:3px 0 0; font-size:24px; letter-spacing:-.02em; }
.schedule-status { display:inline-block; flex-shrink:0; padding:4px 9px; border:1px solid #ddd8d1; border-radius:3px; font-size:10px; font-weight:600; color:#756b60; background:#fff9; }
[data-state=upcoming] .schedule-status { color:#98602e; border-color:#e6c9ad; background:#fff6e9; }
[data-state=active] .schedule-status,[data-state=opened] .schedule-status { color:#286347; border-color:#b8d9c6; background:#edf8f1; }
[data-state=ended] .schedule-status { color:#68717c; background:#f0f1f3; }
.launch-date { margin:16px 0 13px; font-size:13px; color:#767573; }.launch-date time { color:#2e333a; font-weight:650; }
.countdown-label { margin:0 0 8px; color:#85817b; font-size:11px; }
.countdown { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.countdown>span { display:flex; flex-direction:column; text-align:center; border:1px solid #e6e3df; background:#fff; padding:10px 5px 7px; }
.countdown b { font-size:30px; font-weight:650; font-variant-numeric:tabular-nums; line-height:1.2; letter-spacing:-.03em; }
.countdown small { color:#8c8984; font-size:10px; margin-top:4px; }
.timezone-note { margin:13px 0 34px; text-align:center; color:#92908c; font-size:11px; line-height:2; }
.provisional { display:inline-block; color:#a16a36; background:#faf0df; padding:1px 7px; font-size:9px; font-weight:700; margin-right:10px; letter-spacing:.05em; }
.intro-heading { text-align:center; }.intro-heading>span { font-size:10px; color:var(--accent); font-weight:750; letter-spacing:.15em; }.intro-heading h2 { font-size:24px; margin:6px 0 0; letter-spacing:-.03em; }
.intro-grid { margin-top:22px; grid-template-rows:repeat(2,minmax(190px,auto)); }.service-item { position:relative; }
.intro-number { color:#b6ada3; font-size:10px; font-weight:650; margin-bottom:10px; }
.intro-grid .service-item h2 { font-size:17px; }.intro-grid .service-detail p { font-size:13px; margin:6px 0 12px; }
.service-detail a { font-size:11px; color:#bd6c3b; font-weight:650; }.service-detail a:hover { text-decoration:underline; }
.catalog-top .mini-heading p { color:#888; font-size:12px; margin-top:10px; }
.server-hub { margin-top:35px; border:1px solid #e1e0dd; scroll-margin-top:20px; }
.hub-tabs { display:flex; border-bottom:1px solid #e1e0dd; background:#f7f7f6; }
.hub-tabs button { background:none; color:#797773; padding:18px 24px; border:0; border-right:1px solid #e1e0dd; border-bottom:3px solid transparent; font-weight:700; font-size:14px; cursor:pointer; }
.hub-tabs button[aria-selected=true] { color:#b86936; border-bottom-color:#ce7d42; background:white; }
.hub-tabs button:hover { transform:none; box-shadow:none; background:#fff; }.hub-tabs button:focus-visible { outline:2px solid #d88449; outline-offset:-5px; }
.hub-tabs button>span { margin-left:8px; padding:2px 5px; background:#ece8e2; font-size:10px; border-radius:3px; }
.hub-panel { padding:27px; }
.hub-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:23px; }
.hub-heading>div>span { color:#b37c4d; letter-spacing:.12em; font-weight:700; font-size:10px; }
.hub-heading h2 { margin:6px 0 0; font-size:24px; letter-spacing:-.03em; }.hub-note { font-size:11px; color:#8f8c87; text-align:right; }
.server-facts { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; margin:0; }
.server-facts>div { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 0; border-bottom:1px solid #eeedea; font-size:13px; }
.server-facts dt { color:#88847e; }.server-facts dd { margin:0; color:#32363a; font-weight:600; text-align:right; }.server-facts dd.unannounced { font-weight:400; color:#aaa49a; }
.server-notice { display:flex; gap:13px; align-items:center; padding:15px 18px; margin-top:24px; background:#f6f7f6; color:#7e817e; font-size:12px; }.server-notice>span { border:1px solid #bbb; border-radius:50%; width:18px; height:18px; text-align:center; flex-shrink:0; line-height:18px; }.server-notice p { margin:0; }.server-notice button { border:0; background:none; padding:0; color:#b67545; cursor:pointer; }
.event-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }.event-card { border:1px solid #e5e2dd; padding:20px 17px 16px; background:#fff; }.event-card[data-state=active] { border-color:#9bbfaa; }.event-card[data-state=ended] { background:#fafafa; }
.event-index { color:#9a9289; font-size:9px; letter-spacing:.06em; }.event-card .schedule-status { font-size:9px; padding:3px 6px; }
.event-card h3 { margin:18px 0; font-size:17px; line-height:1.4; min-height:48px; letter-spacing:-.025em; }.event-dates { padding-bottom:14px; border-bottom:1px solid #f0eee9; margin:0 0 15px; }.event-dates>div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px; font-size:11px; margin-bottom:7px; }.event-dates dt { color:#98938c; }.event-dates dd { margin:0; font-weight:550; color:#5e5b55; }
.event-card .countdown { gap:5px; }.event-card .countdown b { font-size:24px; }.event-card .countdown>span { padding:8px 2px 6px; background:#faf9f7; }.event-card .countdown small { font-size:9px; }.event-reward { font-size:10px; color:#aaa396; margin:15px 0 0; }.event-note { font-size:11px; color:#999187; margin:20px 0 0; line-height:1.8; }
.player-cta { margin-top:30px; padding:24px 0; display:flex; gap:20px; justify-content:space-between; align-items:center; border-bottom:1px solid #e3e1dd; }.player-cta span { color:#b68154; font-size:9px; letter-spacing:.13em; font-weight:700; }.player-cta h2 { margin:6px 0 0; font-size:22px; letter-spacing:-.025em; }.player-cta>div:last-child { display:flex; gap:8px; flex-shrink:0; }
.guide-dialog { display:flex; flex-direction:column; height:min(700px,90vh); }.guide-dialog>header { padding:22px 55px 20px 24px; }.guide-dialog>header>span { font-size:10px; letter-spacing:.1em; color:#b57039; }.guide-dialog h2 { font-size:23px; margin:5px 0 0; }.guide-dialog .media-stage { background:#08090b; }.guide-dialog .media-stage video { object-fit:contain; }
@media(max-width:1200px) { .event-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.event-card h3 { min-height:0; }.nav { gap:13px; }.launch-heading { align-items:flex-start; }.launch-heading h2 { font-size:22px; }.launch-card { padding:20px; } }
@media(max-width:900px) { .launch-grid { gap:12px; }.launch-card { padding:17px; }.launch-heading { flex-direction:column; gap:8px; }.countdown b { font-size:26px; }.launch-date { font-size:12px; }.launch-date time { display:block; margin-top:4px; }.server-facts { grid-template-columns:1fr; }.hub-panel { padding:20px; }.player-cta { flex-wrap:wrap; }.intro-grid { grid-template-rows:none; } }
@media(max-width:600px) { .section-heading h1 { font-size:35px; }.section-heading h1 em { display:block; margin-top:5px; }.launch-grid { grid-template-columns:1fr; gap:15px; }.launch-heading { flex-direction:row; align-items:center; }.launch-card { padding:20px; }.launch-date time { display:inline; }.countdown b { font-size:31px; }.timezone-note { font-size:10px; }.provisional { display:table; margin:0 auto 5px; }.intro-heading h2 { font-size:23px; }.hub-tabs button { flex:1; padding:16px 9px; font-size:12px; }.hub-tabs button>span { display:none; }.hub-heading { flex-direction:column; align-items:flex-start; gap:12px; }.hub-heading h2 { font-size:23px; }.hub-note { text-align:left; }.hub-note br { display:none; }.hub-panel { padding:20px 14px; }.event-grid { grid-template-columns:1fr; gap:15px; }.event-card { padding:21px; }.event-card h3 { font-size:19px; margin:15px 0; }.event-index { font-size:10px; }.event-card .schedule-status { font-size:10px; }.event-dates>div { font-size:12px; }.event-card .countdown b { font-size:28px; }.event-card .countdown small { font-size:10px; }.event-reward { font-size:11px; }.player-cta h2 { font-size:21px; }.player-cta>div:last-child { flex-wrap:wrap; }.player-cta .header-download,.player-cta .header-cta { font-size:11px; padding:11px 13px; }.guide-dialog { height:min(680px,88vh); } }
[hidden] { display:none!important; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%); white-space:nowrap!important; border:0!important; }
.view-rewards { width:100%; display:flex; justify-content:space-between; align-items:center; margin-top:16px; min-height:40px; padding:10px 13px; background:#faf3e9; border:1px solid #e7ceb0; color:#a26330; font-weight:650; font-size:12px; cursor:pointer; }
.view-rewards:hover { background:#cf7b3f; color:#fff; border-color:#cf7b3f; box-shadow:none; }
body:has(dialog[open]) { overflow:hidden; }
.rewards-dialog { width:min(580px,calc(100% - 30px)); max-height:85svh; padding:0; color:#262724; background:#fff; border:1px solid #dbbc90; box-shadow:0 30px 100px #0005; }
.rewards-dialog::backdrop { background:#0b1016bb; backdrop-filter:blur(4px); }
.rewards-dialog>header { padding:31px 38px 25px; background:linear-gradient(120deg,#241b14,#50351e); color:#f7e7cd; }
.rewards-dialog>header>span { font-size:10px; letter-spacing:.13em; color:#d5ac74; }
.rewards-dialog h2 { margin:10px 0 5px; font-size:28px; line-height:1.25; letter-spacing:-.03em; }
.rewards-dialog header p { margin:0; font-size:15px; color:#e7bf8c; }
.rewards-close { position:absolute; right:9px; top:9px; background:none; color:#ead6b7; border:0; width:32px; height:32px; font-size:25px; cursor:pointer; }
.rewards-schedule { padding:18px 28px; border-bottom:1px solid #ece6df; color:#8c7961; font-size:12px; }
.rewards-list { padding:0 28px; }.reward-row { display:grid; grid-template-columns:80px 1fr; align-items:center; gap:20px; padding:18px 0; border-bottom:1px solid #eee7df; }.reward-row strong { color:#b97838; font-size:16px; }.reward-row p { font-size:14px; margin:0; white-space:pre-line; }
.reward-empty { padding:30px 0 20px; }.reward-empty h3 { font-size:20px; margin:0 0 10px; }.reward-empty p { margin:0; color:#8b8881; font-size:14px; line-height:1.8; }
.rewards-note { padding:0 28px; color:#989185; font-size:12px; line-height:1.8; }
.rewards-done { margin:12px 28px 28px; padding:10px 24px; background:#b87840; color:#fff; border:0; cursor:pointer; font-size:13px; }
@media(max-width:600px) { .services { padding-top:20px; }.rewards-dialog>header { padding:30px 23px 23px; }.rewards-dialog h2 { font-size:25px; }.rewards-schedule,.rewards-list { padding-inline:23px; }.rewards-note { padding-inline:23px; }.rewards-done { margin-left:23px; } }