
:root{color-scheme:dark;--gold:#efd083;--cyan:#76dfed;--muted:#b4c4d3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#15394a,transparent 60%),#050b16;color:#eef4f8;font:17px/1.6 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:24px 22px 60px}header{display:flex;align-items:center;gap:15px}header img{width:60px;height:60px}header strong{letter-spacing:.12em;font-size:14px}small,.muted{color:var(--muted)}h1{font-size:clamp(42px,7vw,76px);line-height:1.04;letter-spacing:-.04em;margin:24px 0}h2{font-size:30px;line-height:1.2}h3{margin:8px 0;font-size:24px;line-height:1.25}.eyebrow{font-size:12px;letter-spacing:.15em;color:var(--cyan);text-transform:uppercase}.intro{max-width:750px;font-size:20px}.art{width:100%;display:block;border-radius:18px;margin:28px 0}.voice{border-left:3px solid var(--gold);padding:4px 20px;margin:26px 0}.voice p{max-width:740px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{display:flex;flex-direction:column;background:linear-gradient(145deg,#102939,#0b1524);border:1px solid #365568;border-radius:16px;padding:24px}.card p{flex:1}.card:last-child{grid-column:1/-1}.guide{color:var(--gold)}button,a.button{font:inherit;cursor:pointer;padding:13px 18px;min-height:48px;border-radius:10px;border:1px solid #567180;background:#16313f;color:#eef4f8;text-decoration:none;display:inline-block}button:hover,a.button:hover{border-color:var(--cyan)}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.primary{background:var(--gold);border-color:var(--gold);color:#102131;font-weight:700}.actions{display:flex;gap:12px;flex-wrap:wrap}.progress{padding:22px;background:#0d2130;border-radius:14px;margin:24px 0}.track{height:8px;background:#314756;border-radius:9px;margin:12px 0}.fill{height:100%;width:0;background:var(--cyan);border-radius:9px}.status{color:var(--cyan)}.note,footer{font-size:14px;color:var(--muted)}footer{border-top:1px solid #365568;margin-top:35px;padding-top:24px}a{color:var(--cyan)}[hidden]{display:none!important}.playerbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 0}.playerbar p{margin:0}iframe{display:block;width:100%;height:calc(100dvh - 160px);min-height:440px;border:1px solid #365568;border-radius:14px;background:#050b16}@media(max-width:640px){main{padding:16px 14px 40px}.grid{grid-template-columns:1fr}.card:last-child{grid-column:auto}.card{padding:20px}.intro{font-size:18px}header strong{font-size:12px}iframe{height:calc(100dvh - 190px);min-height:380px}}

a.button.primary{background:var(--gold);border-color:var(--gold);color:#102131;font-weight:700}.skip{position:absolute;left:16px;top:-100px;z-index:5;background:#050b16;padding:12px 18px}.skip:focus{top:12px}h2[id]{scroll-margin-top:24px}

.saved-avatar-row{display:flex;align-items:center;gap:24px}.saved-avatar-row>div:last-child{min-width:0}.saved-avatar-portrait{flex:0 0 150px;width:150px}.saved-avatar-portrait svg,.saved-avatar-portrait img{display:block;width:100%;border-radius:16px}.saved-avatar-portrait img{aspect-ratio:1;object-fit:cover}#avatarTitle{overflow-wrap:anywhere}@media(max-width:640px){.saved-avatar-row{align-items:flex-start;flex-direction:column}.saved-avatar-portrait{flex-basis:auto;width:120px}}

.passport{margin:40px 0;padding:24px;border:1px solid #42677a;border-radius:24px;background:linear-gradient(135deg,#102838,#101b2c)}.passport-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.passport-badge{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid #405366;border-radius:16px}.passport-badge.earned{border-color:#d9be78;background:#233237}.badge-symbol{font-size:32px;color:#efd083}.passport-badge a{margin-top:auto}.passport summary{cursor:pointer;padding:16px 0;font-weight:700}.passport button{font:inherit;cursor:pointer}.passport .button{white-space:normal;text-align:left}.passport [hidden]{display:none!important}@media(max-width:480px){.passport{padding:16px}.passport-grid{grid-template-columns:1fr}}
