*,*::before,*::after{box-sizing:border-box}*{margin:0}html,body{height:100%}html{text-size-adjust:none}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;hyphens:auto}[hidden]{display:none !important}html,body{height:100%}body>footer{position:sticky;top:100vh}[data-auth-state=logged-out] [href="/account"]{display:none}[data-auth-state=logged-in] [href="/login"]{display:none}:root{--paper: hsl(0, 0%, 95%);--ink: hsl(0, 0%, 5%);--link-color: hsl(210, 100%, 40%);--shadow-color: hsl(0, 0%, 50%);--heading-color: hsl(290, 100%, 40%);--rank-1-color: hsl(0, 0%, 5%);--rank-2-color: hsl(120, 100%, 25%);--rank-3-color: hsl(210, 100%, 40%);--rank-4-color: hsl(290, 100%, 40%);--rank-5-color: hsl(320, 100%, 40%);--rank-6-color: hsl(20, 100%, 35%);--danger-color: hsl(20, 100%, 35%);--danger-shadow-color: hsla(20, 100%, 35%, 0.5);font-family:"Iowan Old Style","Apple Garamond","Baskerville","Times New Roman","Droid Serif","Times","Source Serif Pro",serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";scroll-snap-type:y mandatory;background-color:hsl(0, 0%, 95%);background-color:var(--paper);color:hsl(0, 0%, 5%);color:var(--ink)}@media(prefers-color-scheme: dark){:root{--paper: hsl(0, 0%, 5%);--ink: hsl(0, 0%, 95%);--link-color: hsl(210, 100%, 50%);--heading-color: hsl(60, 100%, 50%);--rank-1-color: hsl(0, 0%, 95%);--rank-2-color: hsl(120, 100%, 50%);--rank-3-color: hsl(210, 100%, 50%);--rank-4-color: hsl(280, 100%, 60%);--rank-5-color: hsl(300, 100%, 50%);--rank-6-color: hsl(30, 100%, 50%);--danger-color: hsl(20, 100%, 45%)}}h1{font-size:3.6830307156rem;font-size:clamp(3.1573345183rem, 2.1059421237rem + 3.5046413153vw, 4.2087269129rem);font-family:-apple-system,"BlinkMacSystemFont","avenir next","avenir","segoe ui","helvetica neue","helvetica","Ubuntu","roboto","noto","arial",sans-serif;line-height:calc(1em + .5rem)}h2{font-size:2.7629637777rem;font-size:clamp(2.368593037rem, 1.5798515557rem + 2.6291382711vw, 3.1573345183rem);font-family:-apple-system,"BlinkMacSystemFont","avenir next","avenir","segoe ui","helvetica neue","helvetica","Ubuntu","roboto","noto","arial",sans-serif;line-height:calc(1em + .5rem);margin-top:.65em}h3{font-size:2.0727410185rem;font-size:clamp(1.776889rem, 1.185184963rem + 1.97234679vw, 2.368593037rem);font-family:-apple-system,"BlinkMacSystemFont","avenir next","avenir","segoe ui","helvetica neue","helvetica","Ubuntu","roboto","noto","arial",sans-serif;line-height:calc(1em + .5rem);margin-top:.65em}h4{font-size:1.5549445rem;font-size:clamp(1.333rem, 0.889111rem + 1.47963vw, 1.776889rem);font-family:-apple-system,"BlinkMacSystemFont","avenir next","avenir","segoe ui","helvetica neue","helvetica","Ubuntu","roboto","noto","arial",sans-serif;line-height:calc(1em + .5rem);margin-top:.65em}p{font-size:1.1665rem;font-size:clamp(1rem, 0.667rem + 1.11vw, 1.333rem);line-height:calc(1em + .5rem)}header{padding-top:1.1665rem;padding-top:clamp(1rem, 0.667rem + 1.11vw, 1.333rem);padding-bottom:1.1665rem;padding-bottom:clamp(1rem, 0.667rem + 1.11vw, 1.333rem)}footer{padding-top:1.1665rem;padding-top:clamp(1rem, 0.667rem + 1.11vw, 1.333rem);padding-bottom:1.1665rem;padding-bottom:clamp(1rem, 0.667rem + 1.11vw, 1.333rem)}code{font-family:"Consolas","Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L","Monaco","Courier New","Courier",monospace}a{color:hsl(0, 0%, 5%);color:var(--ink)}a:hover{text-decoration:none}li{font-size:1.1665rem;font-size:clamp(1rem, 0.667rem + 1.11vw, 1.333rem)}nav{font-size:1.1665rem;font-size:clamp(1rem, 0.667rem + 1.11vw, 1.333rem)}input{background-color:hsl(0, 0%, 95%);background-color:var(--paper);color:hsl(0, 0%, 5%);color:var(--ink);border:.125rem solid hsl(0, 0%, 5%);border:.125em solid var(--ink);padding:.25em .5em;width:40ch;max-width:100%;font-size:0.8750937734rem;font-size:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem)}label{display:block;max-width:max-content;font-size:1.1665rem;font-size:clamp(1rem, 0.667rem + 1.11vw, 1.333rem);margin-bottom:.25em}button{background-color:hsl(0, 0%, 95%);background-color:var(--paper);color:hsl(0, 0%, 5%);color:var(--ink);border:.125rem solid hsl(0, 0%, 5%);border:.125em solid var(--ink);padding:.25em .5em;width:max-content;max-width:100%;font-size:0.8750937734rem;font-size:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem);box-shadow:.2em .2em 0 0 hsl(0, 0%, 50%);box-shadow:.2em .2em 0 0 var(--shadow-color)}dt{font-size:1.1665rem;font-size:clamp(1rem, 0.667rem + 1.11vw, 1.333rem)}dt:not(:first-child){margin-top:1.5549445rem;margin-top:clamp(1.333rem, 0.889111rem + 1.47963vw, 1.776889rem)}dd{font-size:1.1665rem;font-size:clamp(1rem, 0.667rem + 1.11vw, 1.333rem);margin-top:0.49248646rem;margin-top:clamp(0.4221915645rem, 0.2816017735rem + 0.4686326366vw, 0.5627813555rem)}fieldset{border:0;margin:0;padding:0}legend{display:block;max-width:max-content;margin-bottom:.5em;font-weight:400;font-size:1.1665rem;font-size:clamp(1rem, 0.667rem + 1.11vw, 1.333rem)}input[type=checkbox]{accent-color:var(--ink);width:1.1665rem;width:clamp(1rem, 0.667rem + 1.11vw, 1.333rem);height:1.1665rem;height:clamp(1rem, 0.667rem + 1.11vw, 1.333rem)}input[type=checkbox]+label{display:inline;padding-left:0.6564844512rem;padding-left:clamp(0.5627813555rem, 0.3753751641rem + 0.6246873046vw, 0.7501875469rem)}table{width:min-content;max-width:100%;overflow-x:auto;font-size:1.1665rem;font-size:clamp(1rem, 0.667rem + 1.11vw, 1.333rem)}th{white-space:nowrap;width:min-content;padding-right:1rem;text-align:left}td{white-space:nowrap;width:min-content;padding-right:1rem;text-align:left}summary{font-size:2.0727410185rem;font-size:clamp(1.776889rem, 1.185184963rem + 1.97234679vw, 2.368593037rem);font-family:-apple-system,"BlinkMacSystemFont","avenir next","avenir","segoe ui","helvetica neue","helvetica","Ubuntu","roboto","noto","arial",sans-serif;font-weight:700;line-height:calc(1em + .5rem);margin-top:.65em;cursor:pointer}summary.summary-deca{font-size:1.5549445rem;font-size:clamp(1.333rem, 0.889111rem + 1.47963vw, 1.776889rem)}.cmp-container{width:calc(100vw - 2rem);max-width:75rem;margin-left:auto;margin-right:auto}.cmp-stack{display:flex;flex-direction:column;gap:1.1665rem;gap:clamp(1rem, 0.667rem + 1.11vw, 1.333rem)}.cmp-stack--deci{gap:0.8750937734rem;gap:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem)}.cmp-stack--hecto{gap:2.0727410185rem;gap:clamp(1.776889rem, 1.185184963rem + 1.97234679vw, 2.368593037rem)}.cmp-cluster{display:flex;gap:1.1665rem;gap:clamp(1rem, 0.667rem + 1.11vw, 1.333rem);flex-wrap:wrap}.cmp-cluster--between{justify-content:space-between}.cmp-content-grid{display:grid;grid-template-columns:1fr;gap:2.7629637777rem;gap:clamp(2.368593037rem, 1.5798515557rem + 2.6291382711vw, 3.1573345183rem);padding-bottom:2.7629637777rem;padding-bottom:clamp(2.368593037rem, 1.5798515557rem + 2.6291382711vw, 3.1573345183rem)}@media(min-width: 50rem){.cmp-content-grid{grid-template-columns:auto 1fr}}.cmp-content-grid__sidebar{display:none}@media(min-width: 50rem){.cmp-content-grid__sidebar{display:block}}.cmp-content-grid__navigation{list-style:none;padding-left:0;padding-right:0}.cmp-content-grid__navigation--level-2{padding-left:1.1665rem;padding-left:clamp(1rem, 0.667rem + 1.11vw, 1.333rem)}.cmp-button-as-link{display:inline;margin:0;padding:0;background-color:rgba(0,0,0,0);border:none;box-shadow:none;color:hsl(0, 0%, 5%);color:var(--ink);text-decoration:underline;font-size:initial;cursor:pointer}.cmp-button-as-link:hover{text-decoration:none}@media(min-width: 50rem){.cmp-menu-link{display:none}}.cmp-menu-link__content--visible{display:block}.cmp-upgrade-card{display:grid;grid-template-areas:"name" "description" "button-block" "cost";grid-template-rows:auto 1fr auto auto;gap:0.8750937734rem;gap:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem);padding:0.8750937734rem;padding:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem);background-color:hsl(0, 0%, 95%);background-color:var(--paper);border:.125rem solid hsl(0, 0%, 5%);border:.125rem solid var(--ink);position:relative}.cmp-upgrade-card::before{content:"";display:block;position:absolute;bottom:0.8750937734rem;bottom:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem);left:0.8750937734rem;left:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem);width:0.8750937734rem;width:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem);height:0.8750937734rem;height:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem);border-radius:50%}.cmp-upgrade-card--rank-1::before{background-color:hsl(0, 0%, 5%);background-color:var(--rank-1-color)}.cmp-upgrade-card--rank-2::before{background-color:hsl(120, 100%, 25%);background-color:var(--rank-2-color)}.cmp-upgrade-card--rank-3::before{background-color:hsl(210, 100%, 40%);background-color:var(--rank-3-color)}.cmp-upgrade-card--rank-4::before{background-color:hsl(290, 100%, 40%);background-color:var(--rank-4-color)}.cmp-upgrade-card--rank-5::before{background-color:hsl(320, 100%, 40%);background-color:var(--rank-5-color)}.cmp-upgrade-card--rank-6::before{background-color:hsl(20, 100%, 35%);background-color:var(--rank-6-color)}.cmp-upgrade-card__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(14rem, 1fr));gap:1.1665rem;gap:clamp(1rem, 0.667rem + 1.11vw, 1.333rem);margin-top:1rem}.cmp-upgrade-card__name{grid-area:name;font-size:0.8750937734rem;font-size:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem);text-transform:uppercase}.cmp-upgrade-card__description{grid-area:description;font-size:0.8750937734rem;font-size:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem)}.cmp-upgrade-card__button-block{grid-area:button-block}.cmp-upgrade-card__cost{grid-area:cost;font-size:0.8750937734rem;font-size:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem);font-weight:700;text-align:right}.cmp-draggable-item{border:.125rem solid hsl(0, 0%, 5%);border:.125rem solid var(--ink);padding:0.6564844512rem;padding:clamp(0.5627813555rem, 0.3753751641rem + 0.6246873046vw, 0.7501875469rem);font-size:1.1665rem;font-size:clamp(1rem, 0.667rem + 1.11vw, 1.333rem);position:relative;cursor:grab}.cmp-draggable-item__wrapper{display:flex;flex-direction:column;gap:0.8750937734rem;gap:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem);width:100%;max-width:30rem}.cmp-draggable-item::after{content:"";display:block;position:absolute;top:50%;right:0.8750937734rem;right:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem);width:1.1665rem;width:clamp(1rem, 0.667rem + 1.11vw, 1.333rem);height:1.1665rem;height:clamp(1rem, 0.667rem + 1.11vw, 1.333rem);transform:translateY(-50%);background:repeating-linear-gradient(to bottom, hsl(0, 0%, 5%), hsl(0, 0%, 5%) 15%, hsl(0, 0%, 95%) 15%, hsl(0, 0%, 95%) 42%);background:repeating-linear-gradient(to bottom, var(--ink), var(--ink) 15%, var(--paper) 15%, var(--paper) 42%)}.cmp-danger-button{color:hsl(20, 100%, 35%);color:var(--danger-color);border-color:hsl(20, 100%, 35%);border-color:var(--danger-color);box-shadow:.2em .2em 0 0 hsla(20, 100%, 35%, 0.5);box-shadow:.2em .2em 0 0 var(--danger-shadow-color)}.cmp-error-message{font-size:0.8750937734rem;font-size:clamp(0.7501875469rem, 0.5003750938rem + 0.832708177vw, 1rem);color:hsl(20, 100%, 35%);color:var(--danger-color)}.cmp-mini-input{max-width:8ch}.util-visually-hidden{position:fixed;right:100%;bottom:100%;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%)}.util-visually-hidden:focus{inset:0 auto auto 0;clip:auto;clip-path:none}.util-display-flex{display:flex;gap:1.1665rem}.util-delist{list-style:none;padding-left:0}