@layer pages{.active-id-page{background:var(--paper);color:var(--ink);min-height:100vh}.active-id-shell{min-height:calc(100vh - 4rem);display:grid}.active-id-sidebar{display:none}.active-id-content{min-width:0}.active-id-hero{background:var(--black);color:var(--white);padding:clamp(4rem, 10vw, 8rem) var(--gutter);gap:2rem;display:grid}.active-id-hero__copy{align-content:end;gap:1rem;display:grid}.active-id-hero h1{letter-spacing:-.08em;max-width:9ch;font-size:clamp(3.5rem,12vw,9rem);line-height:.82}.active-id-hero__copy>p:last-child{color:#c8c6be;max-width:40rem;font-size:clamp(1rem,2vw,1.3rem);line-height:1.45}.active-id-pass{background:var(--yellow);color:var(--ink);align-self:end;gap:1.25rem;min-height:24rem;padding:clamp(1.25rem,3vw,2rem);display:grid;position:relative;overflow:hidden;transform:rotate(-1deg)}.active-id-pass:after{content:"";pointer-events:none;border:1px solid #11110f2e;position:absolute;inset:.6rem}.active-id-pass__topline{text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.active-id-pass__topline strong{letter-spacing:-.05em;font-size:clamp(1.2rem,3vw,2rem)}.active-id-pass__topline span{letter-spacing:.12em;font-size:.62rem;font-weight:900}.active-id-pass__identity{grid-template-columns:auto 1fr;align-items:center;gap:1rem;display:grid}.active-id-avatar{background:var(--ink);color:var(--yellow);border-radius:50%;place-items:center;width:5rem;height:5rem;font-size:1.2rem;font-weight:900;display:grid}.active-id-pass__identity div:last-child{gap:.35rem;display:grid}.active-id-pass__identity span{text-transform:uppercase;font-size:.7rem;font-weight:800}.active-id-pass__identity strong{letter-spacing:-.05em;font-size:clamp(1.6rem,4vw,2.8rem)}.active-id-pass>p{max-width:34rem;line-height:1.5}.active-id-pass__code{align-items:end;gap:.35rem;margin-top:auto;display:flex}.active-id-pass__code span{background:var(--ink);width:.4rem;height:2.5rem;display:block}.active-id-pass__code span:nth-child(2),.active-id-pass__code span:nth-child(5){width:1.1rem}.active-id-pass__code span:nth-child(3){height:1.7rem}.active-id-pass__code span:nth-child(4){width:.7rem;height:3.25rem}.active-id-dashboard-grid{background:#c9c5b8;gap:1px;display:grid}.active-id-card{background:var(--white);gap:1.4rem;min-height:22rem;padding:clamp(1.5rem,4vw,2.75rem);display:grid}.active-id-card--dark{background:var(--ink);color:var(--white)}.active-id-card--level{background:var(--yellow)}.active-id-card__heading{justify-content:space-between;align-items:center;display:flex}.active-id-card__heading>span{text-transform:uppercase;border:1px solid;border-radius:2rem;padding:.4rem .65rem;font-size:.62rem;font-weight:900}.active-id-card h2,.active-id-wide-card h2,.active-id-settings h2{letter-spacing:-.065em;font-size:clamp(2.3rem,6vw,4.8rem);line-height:.9}.active-id-card>p{max-width:34rem;line-height:1.45}.active-id-levels{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.active-id-levels span{border:1px solid var(--ink);place-items:center;min-height:3rem;font-size:.72rem;font-weight:900;display:grid}.button--dark{background:var(--ink);color:var(--white);justify-self:start}.active-world-card{border-top:1px solid;gap:.35rem;padding:1rem 0;display:grid}.active-world-card strong{font-size:1.4rem}.active-world-card span{color:#727168;font-size:.8rem}.active-world-card a{text-transform:uppercase;margin-top:.35rem;font-size:.72rem;font-weight:900}.active-world-card--muted{opacity:.45}.active-id-crew-mark{color:var(--yellow);letter-spacing:-.09em;margin:.5rem 0;font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:.65}.active-id-empty-slot{border:1px dashed #9d9a90;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:1.25rem;display:grid}.active-id-empty-slot>span{font-size:2rem}.active-id-text-link{text-transform:uppercase;align-self:end;font-size:.74rem;font-weight:900}.active-id-list-empty{border-top:1px solid #aaa79e;grid-template-columns:auto 1fr;align-items:end;gap:1.25rem;margin-top:auto;padding-top:1rem;display:grid}.active-id-list-empty>span{letter-spacing:-.06em;font-size:2rem;font-weight:900}.active-id-list-empty p{color:#66645d;line-height:1.45}.active-id-wide-card{background:var(--black);color:var(--white);padding:clamp(3rem, 8vw, 7rem) var(--gutter);gap:2rem;display:grid}.active-id-wide-card>p{color:#bbb8af;max-width:44rem;font-size:clamp(1rem,2vw,1.3rem);line-height:1.5}.active-id-progress-line{background:#353532;height:1px;position:relative;overflow:visible}.active-id-progress-line span{background:var(--yellow);border-radius:50%;width:1rem;height:1rem;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.active-id-settings{background:var(--paper);padding:clamp(3rem, 8vw, 7rem) var(--gutter);gap:1.25rem;display:grid}.active-id-settings>p:not(.eyebrow){max-width:48rem;line-height:1.5}.active-id-settings__rows{border-top:1px solid #aaa79e;margin-top:1rem;display:grid}.active-id-settings__rows span{text-transform:uppercase;border-bottom:1px solid #aaa79e;padding:1rem 0;font-size:.78rem;font-weight:900}@media (min-width:760px){.active-id-hero{grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr)}.active-id-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.active-id-levels{grid-template-columns:repeat(8,1fr)}}@media (min-width:1100px){.active-id-shell{grid-template-columns:15rem minmax(0,1fr)}.active-id-sidebar{color:var(--white);background:#11110f;border-right:1px solid #2d2d29;grid-template-rows:auto 1fr auto;height:100vh;min-height:calc(100vh - 4rem);padding:1.5rem;display:grid;position:sticky;top:0}.active-id-sidebar__brand{align-items:baseline;gap:.4rem;display:flex}.active-id-sidebar__brand span{letter-spacing:-.05em;font-size:1.2rem;font-weight:900}.active-id-sidebar__brand small{color:var(--yellow);font-size:.62rem;font-weight:900}.active-id-sidebar nav{align-content:center;gap:.25rem;display:grid}.active-id-sidebar nav a,.active-id-sidebar__settings{color:#8e8d86;text-transform:uppercase;padding:.8rem 0;font-size:.72rem;font-weight:900;text-decoration:none}.active-id-sidebar nav a.is-active,.active-id-sidebar nav a:hover,.active-id-sidebar__settings:hover{color:var(--white)}.active-id-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}}