@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;font-family:'Noto Sans JP',system-ui,sans-serif;color:#f5f5f7;background:#0b0d12;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#292035 0,transparent 60%),#0b0d12}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #d9b0ff;outline-offset:5px}.welcome-shell{max-width:600px;margin:auto;min-height:100vh; min-height:100svh;background:#111319;box-shadow:0 0 100px #0007}header{height:82px;padding:18px 26px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:19px;font-weight:900;letter-spacing:-.9px;line-height:1}.wordmark span{color:#be98fa}.wordmark small{display:block;font-size:8px;letter-spacing:3px;margin-top:8px;color:#9c9ca8}nav{display:flex;align-items:center;gap:10px;font-size:11px;color:#747480}nav a{padding:12px 3px}nav a[aria-current]{color:#fff;font-weight:800}.hero{position:relative;isolation:isolate;height:505px;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#11131900 35%,#11131940 57%,#111319 100%)}.hero-copy{position:absolute;bottom:24px;left:26px;right:26px}.kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#c8a4ff}h1{font-size:32px;line-height:1.42;letter-spacing:-1px;margin:12px 0;max-width:470px;text-wrap:balance}h2{font-size:21px;line-height:1.6;letter-spacing:-.5px;margin:12px 0 15px;overflow-wrap:anywhere}p{font-size:13px;line-height:1.9;color:#b8b8c3;margin:10px 0}.hero-number{position:absolute;top:15px;right:19px;font-size:9px;font-weight:700;letter-spacing:2px;writing-mode:vertical-rl;color:#ffffffa6}.content{padding:0 24px 28px}.invite-card{background:linear-gradient(135deg,#282134,#1e1a29);border:1px solid #59416e;border-radius:20px;padding:23px;margin:0 0 20px}.button{border:0;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:17px 19px;border-radius:12px;font-size:14px;font-weight:800;line-height:1.6;transition:filter .15s,transform .15s;overflow-wrap:anywhere}.button:hover{filter:brightness(1.12)}.button:active{transform:translateY(1px)}.invite-button{background:#c9a2ff;color:#21152f;box-shadow:0 4px 25px #b981ff12}.skin-card{position:relative;background:linear-gradient(120deg,#29251d,#1e1d20);border:1px solid #57472e;border-radius:20px;padding:25px;overflow:hidden}.skin-card .kicker{color:#ddbc76}.skin-card h2{max-width:350px;padding-right:20px}.skin-card p{color:#b3a894;margin-bottom:21px}.skin-spark{position:absolute;right:20px;top:18px;color:#eacb88;font-size:40px;text-shadow:0 0 25px #eabc4860}.skin-button{background:#ebd09b;color:#292012}.section-label{font-size:10px;letter-spacing:2px;color:#747783;margin:30px 0 12px}.social-link{display:flex;gap:15px;align-items:center;min-height:88px;border-bottom:1px solid #ffffff0c;padding:15px 0}.social-link>span:nth-child(2){flex:1}.social-link strong{display:block;font-size:15px;margin-bottom:5px}.social-link small{font-size:11px;line-height:1.7;display:block;color:#9294a0}.social-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #ffffff12;background:#1c1e26;width:43px;height:43px;border-radius:13px;font-size:23px}.discord{color:#a5a1ff;font-size:24px;font-weight:900}.youtube{color:#ff777c;font-size:16px}.social-link>span:last-child:not(:nth-child(2)){color:#757782}.unavailable{opacity:.65}footer{padding:0 24px 30px;color:#636570;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between}.compact{height:240px}.compact .hero-copy{display:none}.step-card{position:relative;margin-top:-22px;border:1px solid #40344d;background:#1c1925;border-radius:22px;padding:26px}.step-card h2{font-size:25px}.bonus{padding:20px;background:#c9a2ff0a;border:1px solid #c9a2ff20;border-radius:14px;margin:24px 0}.bonus strong{font-size:38px;color:#d2b2ff}.bonus strong small{font-size:16px}.bonus p{font-size:12px;color:#d9cee6}.back-link{display:block;padding:20px;text-align:center;font-size:13px;color:#ae9bc5}.complete-mark{width:52px;height:52px;background:#c9a2ff;color:#21152f;display:grid;place-items:center;border-radius:50%;font-size:27px}.complete>small{color:#a8a2b2;display:block;line-height:1.9;font-size:12px;margin:15px 0 25px}.saved{display:flex;gap:12px;align-items:center}.saved p{margin:0;color:#d7c4ee}.status-dot{background:#bb9aeb;width:8px;height:8px;border-radius:50%;flex-shrink:0}.notice{background:#3b202b;border:1px solid #794052;color:#ffd4df;border-radius:12px;padding:15px;margin:0 0 20px}@media(max-width:400px){header{padding:16px 20px}.hero{height:430px}.hero-copy{left:21px;right:21px}h1{font-size:27px}.content{padding:0 17px 25px}.invite-card,.skin-card,.step-card{padding:20px}h2{font-size:19px}.compact{height:200px}.button{font-size:13px}}@media(prefers-reduced-motion:reduce){.button{transition:none}}@media(min-width:800px){.welcome-shell{margin:28px auto;border:1px solid #ffffff0c;border-radius:24px;overflow:hidden}.hero{height:540px}.compact{height:240px}}

h1>span{display:block}h1 .game-title{font-size:clamp(18px,5.8vw,30px);white-space:nowrap;letter-spacing:-1px}

.invite-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.invite-rewards figure{margin:0;padding:12px 8px;background:#c9a2ff0a;border:1px solid #c9a2ff20;border-radius:16px;text-align:center}.invite-rewards img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;max-width:160px;margin:auto}.invite-rewards figcaption{margin-top:10px;font-size:13px;font-weight:700;color:#ebd09b;overflow-wrap:anywhere}.confirm-button{justify-content:center}

header{height:auto;min-height:82px;flex-wrap:wrap;gap:8px 16px}header nav{flex-wrap:wrap;gap:10px}

.community .section-label{font-size:14px;font-weight:700;line-height:1.7;letter-spacing:0;color:#d2c8df}.community-video{margin-top:22px;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#000}.community-video iframe{display:block;width:100%;height:100%;border:0}

.complete-heading{display:flex;align-items:center;gap:12px}.complete-heading .complete-mark{flex-shrink:0;width:38px;height:38px;font-size:22px}.complete-heading h2{margin:0;font-size:clamp(18px,4.8vw,23px);line-height:1.5;min-width:0}.pending-instructions{white-space:pre-line;overflow-wrap:anywhere;margin-top:20px}