.cape-image{aspect-ratio:320/622;display:block;position:relative}.cape-image__layer{width:100%;height:100%;position:absolute;inset:0}.cape-image__layer--greyed{filter:brightness(.34)saturate(.12)}.cape-image__layer--coloured{clip-path:inset(calc(100% - var(--cape-image-fill) * var(--cape-image-fill-progress,1)) 0 0 0)}.landing-feature{grid-template-columns:46px minmax(0,1fr);align-items:start;gap:18px;display:grid}.landing-feature__cape{display:block}.landing-feature__title{letter-spacing:0;margin-bottom:4px;font-size:17px;font-weight:700}.landing-feature__text{max-width:62ch;color:var(--color-text-muted)}.faq-list{margin:0}.faq-list__question{color:var(--color-text-strong);margin-top:16px;font-weight:700}.faq-list__answer{max-width:62ch;color:var(--color-text-muted);margin:4px 0 0}.landing-sections__section{margin-top:44px}.landing-sections__heading{margin-bottom:12px;font-size:26px;line-height:1.1}.landing-sections__lead{max-width:68ch;color:var(--color-text);font-size:17px}.landing-sections__features{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 48px;margin-top:26px;display:grid}@media (width<=760px){.landing-sections__features{grid-template-columns:minmax(0,1fr)}}.cape-rail{grid-template-columns:repeat(calc(4 + var(--cape-rail-count)),minmax(0,1fr));isolation:isolate;padding-left:8px;display:grid}.cape-rail__cape,.cape-rail__gap{min-width:0;position:relative}.cape-rail__cape:before,.cape-rail__gap:before{content:"";z-index:-1;background:linear-gradient(var(--color-brass-light),var(--color-brass) 45%,var(--color-brass-dark));height:6px;box-shadow:var(--shadow-rail);position:absolute;top:6px;left:0;right:0}.cape-rail__cape{color:inherit;text-align:center;text-decoration:none;display:block}.cape-rail__cape:focus-visible{outline-offset:-2px}.cape-rail__cape--interactive{cursor:pointer;flex-direction:column;justify-content:center;display:flex}.cape-rail__cape--first:before{border-radius:3px 0 0 3px;left:-48px}.cape-rail__cape--goal{grid-column:span 2}.cape-rail__cape--goal:before{border-radius:0 3px 3px 0;right:-40px}.cape-rail__cape--current{z-index:5}.cape-rail__hanger{transform-origin:50% 0;width:200%;transition:transform .16s var(--ease-out);pointer-events:none;display:block}.cape-rail__hanger--goal{width:100%;transform:scale(1.12)}.cape-rail__hanger--maxed{filter:drop-shadow(0 0 10px var(--color-cape-glow))}.cape-rail__hanger--current{filter:drop-shadow(var(--shadow-cape-forward));transform:translateY(6px)scale(1.1)}.cape-rail__cape:hover .cape-rail__hanger--liftable{transform:translateY(5px)}.cape-rail__level{text-align:center;width:200%;margin-top:28px;display:block}.cape-rail__level--goal{width:100%}.cape-rail__level--current{position:relative}.cape-rail__level--current:before{content:"";border:5px solid #0000;border-top:0;border-bottom-color:var(--color-stat);margin-left:-5px;position:absolute;top:-8px;left:50%}.cape-rail__xp-drop{z-index:9;text-align:center;pointer-events:none;width:200%;position:absolute;top:34px;left:0}@media (width<=760px){.cape-rail{grid-template-columns:repeat(16,minmax(0,1fr));row-gap:12px;padding-left:0}.cape-rail__gap{display:none}.cape-rail__cape--row-start{grid-column-start:1}.cape-rail__cape--first:before{left:-16px}.cape-rail__cape--row-end:before{right:-400%}.cape-rail__cape--goal{grid-area:2/15/auto/17}.cape-rail__cape--goal:before{right:-16px}.cape-rail__level{margin-top:14px}}.rack-stage{border-top:1px solid var(--color-black);border-bottom:1px solid var(--color-black);background:radial-gradient(120% 140% at 50% -20%,var(--color-stage-glow) 0,var(--color-stage-falloff) 45%,var(--color-stage) 80%);view-transition-name:stage;padding:18px 0 14px;overflow:hidden}.rack-stage__top{flex-wrap:wrap;align-items:center;gap:8px 20px;min-height:52px;margin-bottom:16px;display:flex}.rack-stage__title{white-space:nowrap;align-items:baseline;gap:10px;font-size:30px;line-height:1;display:flex}.rack-stage__title--wrapping{white-space:normal}@media (width<=760px){.rack-stage__title{font-size:24px}}.cape-fan{position:absolute;inset:0}.cape-fan__cape{width:104px;transform:rotate(calc(8deg * (-1 + var(--cape-fan-place))));transform-origin:50% 4%;filter:drop-shadow(var(--shadow-cape-hanging));position:absolute;top:calc(50% - 108px);left:calc(50% - 52px)}@media (width<=760px){.cape-fan__cape{width:76px;top:6px;left:calc(50% - 38px)}}.setup-screen__note,.setup-screen__summary{color:var(--color-text-muted)}.setup-screen__main{padding-top:24px;padding-bottom:64px}.setup-screen__panel{border-radius:var(--radius);background:var(--color-panel);max-width:820px;min-height:226px;box-shadow:0 0 0 1px var(--color-edge);grid-template-columns:176px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.setup-screen__swatch{border-right:10px solid var(--color-brass);background:var(--color-cape-plain);min-height:150px;position:relative;overflow:hidden}.setup-screen__body{min-width:0;padding:20px 26px 22px}.setup-screen__title{margin-bottom:4px;font-size:34px;line-height:1.05}.setup-screen__note{max-width:54ch;margin-top:2px}.setup-screen__form{flex-wrap:wrap;gap:16px 36px;margin-top:16px;display:flex}.setup-screen__more{margin-top:104px}@media (width<=760px){.setup-screen__main{padding-top:18px;padding-bottom:48px}.setup-screen__panel{grid-template-columns:minmax(0,1fr)}.setup-screen__swatch{border-right:0;border-bottom:8px solid var(--color-brass)}.setup-screen__body{padding:16px 18px 6px}.setup-screen__title{font-size:26px}.setup-screen__more{margin-top:64px}}.level-up-banner{border:2px solid var(--color-parchment-edge);outline:1px solid var(--color-parchment-outline);background:var(--color-parchment);color:var(--color-parchment-ink);font:16px/1.1 var(--font-game);-webkit-font-smoothing:none;align-items:center;gap:10px;padding:6px 14px 5px;display:flex}.cape-rack__count{position:relative;top:3px}.cape-rack__summary{color:var(--color-text-muted)}.cape-rack__banner,.cape-rack__share{margin-left:auto}.cape-rack__share--after-banner{margin-left:0}@media (width<=1000px){.cape-rack__banner,.cape-rack__share{margin-left:0}}.planner-page--waiting,.returning-player .planner-page--first-visit{min-height:100vh}.planner-page__content{view-transition-name:main;padding-top:24px;padding-bottom:64px}@supports not (view-transition-name:none){.planner-page__content{animation:.22s ease-out both planner-page-rise}}@media (width<=760px){.planner-page__content{padding-top:18px;padding-bottom:48px}}.returning-player .planner-page__first-visit{display:none}@keyframes planner-page-rise{0%{opacity:0;transform:translateY(8px)}}