.vsn.v-root{min-height:0;background:transparent}.vsn-hero{display:grid;width:100%}.vsn-hero__text{display:flex;flex-direction:column;min-width:0;width:100%;max-width:calc(var(--reading) + 2 * var(--margin));margin-inline:auto;padding:var(--s-5) var(--margin) 0}.vsn-h1{margin-top:var(--s-3)}.vsn-lead{margin-top:var(--s-4);max-width:34rem}.vsn-when{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-2);margin:var(--s-4) 0 0;font:500 13px/1.4 var(--sans);color:var(--ink2)}.vsn-when .v-data{color:var(--ink);font-weight:400}.vsn-when__sep{color:var(--muted)}.vsn-preview{margin-top:var(--s-3);align-self:flex-start;height:auto;min-height:24px;padding-block:4px;white-space:normal;line-height:1.3}.vsn-stage{order:-1;position:relative;margin:0;height:clamp(16rem,44svh,26rem);overflow:hidden;background:var(--bg0)}.vsn-stage__canvas{position:absolute;inset:0 0 var(--s-3) 0}.vsn-stage__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,var(--bg0) var(--s-3),transparent calc(var(--s-3) + var(--s-6)))}@media not ((min-width:840px)and (min-aspect-ratio:4/3)){.vsn-stage__canvas,.vsn-stage__canvas *{touch-action:pan-y!important}}.vsn-you{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-5);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface)}.vsn-you__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-2) var(--s-4)}.vsn-you__level{margin:0;font:500 20px/1.25 var(--sans);color:var(--ink)}.vsn-you__xp{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-1) var(--s-4);margin:0;font:400 13px/1.45 var(--sans);color:var(--ink2)}.vsn-you__xp .v-data{color:var(--ink)}.vsn-you__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-top:var(--s-2)}.vsn-section{width:100%;max-width:calc(var(--content) + 2 * var(--margin));margin-inline:auto;padding:var(--s-8) var(--margin) 0}.vsn-earn{padding-bottom:var(--section)}.vsn-section__head{display:flex;flex-direction:column;gap:var(--s-2);max-width:var(--reading)}.vsn-keep{margin-top:var(--s-4)}.vsn-track{margin-top:var(--s-5)}.vsn-track__nav{display:none}.vsn-levels{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.vsn-levels:focus-visible{border-radius:var(--r-lg)}.vsn-level{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:var(--s-3);align-items:center;min-height:26px}.vsn-level:before{content:"";position:absolute;left:19.5px;top:0;bottom:0;width:1px;background:var(--line)}.vsn-level[data-reached]:before{left:19px;width:2px;background:var(--moss)}.vsn-level:first-child:before{top:50%}.vsn-level:last-child:before{bottom:50%}.vsn-node{position:relative;z-index:1;grid-column:1;grid-row:1;justify-self:center;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:var(--bg0);color:var(--muted);font-size:10px;line-height:1}.vsn-level[data-reward] .vsn-node{width:30px;height:30px;font-size:12px;color:var(--ink2);border-color:var(--btnline)}.vsn-level[data-reached] .vsn-node{border-color:var(--moss);color:var(--ink)}.vsn-level[data-current] .vsn-node{border-color:var(--moss);background:var(--moss);color:#121110}.vsn-here{display:none}.vsn-reward{grid-column:2;grid-row:1;margin:var(--s-2) 0;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"art text" "art act";align-items:center;gap:var(--s-1) var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.vsn-reward>.vsn-art{grid-area:art;width:64px;height:64px}.vsn-reward__text{grid-area:text;min-width:0;align-self:end}.vsn-reward__act{grid-area:act;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-3);align-self:start;min-height:24px}.vsn-reward__act:focus-visible{border-radius:var(--r-sm)}.vsn-reward__name{margin:0;font:500 15px/1.3 var(--sans);color:var(--ink)}.vsn-reward__what{margin:2px 0 0;font:400 13px/1.35 var(--sans);color:var(--muted)}.vsn-reward__done{display:inline-flex;align-items:center;gap:var(--s-1);font:500 13px/1.2 var(--sans);color:var(--moss-text)}.vsn-reward__inuse{font:500 13px/1.2 var(--sans);color:var(--ink2)}.vsn-reward__use{--h: 36px;padding:0 var(--s-2);margin-inline-start:calc(-1 * var(--s-2))}.vsn-reward__lock{display:inline-flex;align-items:center;gap:var(--s-1);font:500 13px/1.2 var(--sans);color:var(--muted)}.vsn-reward__err{flex-basis:100%;margin:var(--s-1) 0 0;font:400 13px/1.4 var(--sans);color:var(--oxide-text)}.vsn-reward .v-btn--sm{--h: 40px}.vsn-reward[data-state=ready]{border-color:color-mix(in srgb,var(--moss) 70%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--moss) 40%,transparent)}.vsn-reward[data-state=ready] .vsn-reward__act .v-btn{border-color:var(--moss)}.vsn-reward[data-state=locked]>.vsn-art{filter:saturate(.45) brightness(.7)}.vsn-reward[data-state=locked] .vsn-reward__name{color:var(--ink2)}@media(min-width:600px){.vsn-track{position:relative}.vsn-track__nav{display:flex;justify-content:flex-end;gap:var(--s-2);margin:calc(-1 * var(--s-7)) 0 var(--s-3)}.vsn-track__nav .v-btn:disabled{opacity:.38;cursor:default}.vsn-levels{flex-direction:row;align-items:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--margin);margin-inline:calc(-1 * var(--margin));padding:30px var(--margin) var(--s-4);scrollbar-width:thin;scrollbar-color:var(--btnline) transparent}.vsn-level{flex:none;display:flex;flex-direction:column;align-items:center;width:36px;min-height:0;scroll-snap-align:start}.vsn-level[data-reward]{width:188px}.vsn-level:before{inset:15px 0 auto;width:auto;height:1px}.vsn-level[data-reached]:before{left:0;top:14.5px;width:auto;height:2px}.vsn-level:first-child:before{left:50%;top:15px;bottom:auto}.vsn-level:last-child:before{right:50%;bottom:auto}.vsn-level:first-child[data-reached]:before,.vsn-level:last-child[data-reached]:before{top:14.5px}.vsn-node{margin-top:5px}.vsn-level[data-reward] .vsn-node{margin-top:0}.vsn-here{display:block;position:absolute;top:-24px;left:50%;transform:translate(-50%);font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--moss-text);white-space:nowrap}.vsn-reward{width:172px;margin:var(--s-4) 0 0;padding:0;overflow:hidden;display:flex;flex-direction:column;gap:0;align-items:stretch}.vsn-reward>.vsn-art{width:100%;height:116px;border-radius:0}.vsn-reward__text{align-self:stretch;padding:var(--s-3) var(--s-3) 0}.vsn-reward__act{align-self:stretch;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--s-1);min-height:84px;padding:var(--s-2) var(--s-3) var(--s-3)}}.vsn-earn__list{margin:var(--s-5) 0 0;max-width:var(--reading);border-top:1px solid var(--line)}.vsn-earn__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--line)}.vsn-earn__row dt{display:flex;flex-direction:column;gap:2px;min-width:0}.vsn-earn__what{font:500 15px/1.4 var(--sans);color:var(--ink)}.vsn-earn__row dd{margin:0;font-size:15px;color:var(--ink);white-space:nowrap}.vsn-earn__links{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-5);margin:var(--s-5) 0 0}.vsn-earn__links .v-link{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;font:500 15px/1 var(--sans);color:var(--ink2)}.vsn-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-4);padding-block:var(--section);max-width:calc(var(--reading) + 2 * var(--margin))}@media(min-width:840px)and (min-aspect-ratio:4/3){.vsn-hero{--cl: max(var(--margin), (100% - var(--content)) / 2);grid-template-columns:var(--cl) calc((100% - 2 * var(--cl)) * .44) minmax(0,1fr);align-items:center}.vsn-hero__text{grid-column:2;grid-row:1;max-width:none;margin:0;padding:var(--s-7) var(--s-6) var(--s-7) 0}.vsn-stage{order:0;grid-column:3;grid-row:1;height:min(calc(100svh - var(--header)),50rem);min-height:34rem}.vsn-stage__canvas{inset:0}.vsn-stage__scrim{background:linear-gradient(to right,var(--bg0),transparent var(--s-8)),linear-gradient(to bottom,var(--bg0),transparent var(--s-6)),linear-gradient(to top,var(--bg0),transparent var(--s-7))}.vsn-section{padding-top:var(--s-7)}}.vsn-free{display:inline-flex;align-items:center;height:20px;margin-bottom:4px;padding:0 var(--s-2);border-radius:6px;background:var(--ink);color:var(--bg0);font:500 12px/1 var(--sans)}.vsn-reward[data-track=FREE]{border-color:var(--btnline)}.vsn-reward[data-state=pass]{border-style:dashed}.vsn-reward[data-state=pass]>.vsn-art{filter:saturate(.45) brightness(.75)}.vsn-reward[data-state=pass] .vsn-reward__name{color:var(--ink2)}.vsn-pass{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-5);padding:var(--s-4);border:1px solid var(--btnline);border-radius:var(--r-lg);background:var(--surface)}.vsn-pass__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2) var(--s-3);flex-wrap:wrap}.vsn-pass__title{margin:0;font:500 17px/1.3 var(--sans);color:var(--ink)}.vsn-pass>.v-body-s,.vsn-pass>.v-body-m{margin:0;color:var(--ink2)}.vsn-pass__owned{display:inline-flex;align-items:center;gap:var(--s-1);margin:0;font:500 13px/1.3 var(--sans);color:var(--moss-text)}.vsn-lanes{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);margin:0;font:400 13px/1.3 var(--sans);color:var(--ink2)}.vsn-lanes>span{display:inline-flex;align-items:center;gap:var(--s-2)}.vsn-yours{margin:var(--s-2) 0 0;font:400 13px/1.4 var(--mono);color:var(--ink2)}