:root{--color-bg: #efe8dc;--color-text: #2c2417;--color-text-muted: #3d3225;--color-heading: #4e3322;--color-parchment-light: #f2e8d5;--color-parchment: #e9dcc6;--color-parchment-mid: #dfcfb3;--color-parchment-dark: #d3c2a0;--color-leather: #8b5e3c;--color-leather-dark: #7a4f30;--color-leather-glow: rgba(120, 70, 30, .08);--color-leather-border: rgba(139, 94, 60, .25);--color-leather-border-hover: rgba(139, 94, 60, .35);--color-leather-focus: rgba(139, 94, 60, .2);--color-divider: rgba(139, 94, 60, .5);--color-highlight: rgba(255, 252, 242, .5);--color-highlight-strong: rgba(255, 252, 242, .65);--color-shadow-soft: rgba(100, 60, 25, .1);--color-shadow-medium: rgba(100, 60, 25, .2);--color-shadow-press: rgba(100, 60, 25, .25);--color-text-highlight: rgba(255, 252, 242, .4);--color-error: #9b3025;--color-error-bg: rgba(155, 48, 37, .08);--color-error-border: rgba(155, 48, 37, .25);--color-success: #3a7a2a;--color-success-bg: rgba(58, 122, 42, .08);--color-success-border: rgba(58, 122, 42, .25);--space-unit: clamp(.2rem, .2rem + .5vw, .4rem);--space-xxs: calc(var(--space-unit) * .5);--space-xs: calc(var(--space-unit) * 1);--space-sm: calc(var(--space-unit) * 2);--space-md: calc(var(--space-unit) * 3);--space-lg: calc(var(--space-unit) * 5);--space-xl: calc(var(--space-unit) * 8);--control-padding-x: var(--space-sm);--control-padding-y: var(--space-xs);--control-border-width: 2px;--control-radius: 6px;--control-font-size: 1rem;--control-line-height: 1.5;--control-height: 2.75rem;--checkbox-size: 1.25rem;--layout-max-width: 72rem;--layout-gutter: var(--space-md);--dialog-max-width: 40rem;--font-family: system-ui, -apple-system, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-bold: 700;--icon-size: 1.25rem}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0}html{font-size:clamp(1rem,.875rem + .5vw,1.125rem)}body{font-family:var(--font-family),serif;font-size:var(--font-size-base);font-weight:400;line-height:var(--control-line-height);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:var(--font-weight-medium);line-height:1.3;color:var(--color-heading)}.title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1.1;text-wrap:balance}.heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:1.2;text-wrap:balance}.subtitle{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-muted);text-wrap:balance}small{font-size:var(--font-size-sm);color:var(--color-text-muted)}p+p{margin-top:var(--space-sm)}hr{border:none;border-top:1px solid var(--color-leather-border);margin:var(--space-md) 0}a{color:var(--color-leather-dark);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--color-leather)}a[class*=btn-]{text-decoration:none}#root{min-height:100dvh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:var(--layout-max-width);margin-inline:auto;padding:var(--space-xxs) var(--layout-gutter) var(--layout-gutter)}main>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md);padding:0}.page-actions{display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md)}.page-actions>*{flex:1 1 100%;justify-content:center}@media(min-width:24rem){.page-actions>*{flex:0 1 auto}}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],select{display:block;width:100%;min-height:var(--control-height);padding:var(--control-padding-y) var(--control-padding-x);font-family:inherit;font-size:var(--control-font-size);line-height:var(--control-line-height);color:var(--color-text);background:linear-gradient(180deg,var(--color-parchment-light) 0%,var(--color-parchment) 100%);border:var(--control-border-width) solid var(--color-leather);border-radius:var(--control-radius);box-shadow:inset 1px 2px 4px var(--color-shadow-soft),inset 0 -1px 2px var(--color-highlight);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:var(--color-leather-dark);box-shadow:inset 1px 2px 4px var(--color-shadow-soft),inset 0 -1px 2px var(--color-highlight),0 0 0 3px var(--color-leather-focus)}::placeholder{color:var(--color-text-muted);opacity:.5}input:disabled,select:disabled{opacity:.5;cursor:not-allowed}input[aria-invalid=true],select[aria-invalid=true]{color:var(--color-error)}select{appearance:none;padding-right:calc(var(--control-padding-x) + 1.5em);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b5e3c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--control-padding-x) center;background-size:1em}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=checkbox]{appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);flex-shrink:0;margin:var(--space-xxs);background:linear-gradient(180deg,var(--color-parchment-light) 0%,var(--color-parchment) 100%);border:var(--control-border-width) solid var(--color-leather);border-radius:calc(var(--control-radius) / 2);box-shadow:inset 1px 2px 4px var(--color-shadow-soft),inset 0 -1px 2px var(--color-highlight);cursor:pointer;transition:all .15s ease}input[type=checkbox]:checked{background:linear-gradient(135deg,var(--color-leather) 0%,var(--color-leather-dark) 100%);box-shadow:inset 1px 1px 3px #0003,inset 0 -1px 2px #fffcf21a}input[type=checkbox]:checked:after{content:"✓";display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.85rem;font-weight:var(--font-weight-bold);color:var(--color-parchment-light)}input[type=checkbox]:focus-visible{outline:none;box-shadow:inset 1px 2px 4px var(--color-shadow-soft),0 0 0 3px var(--color-leather-focus)}label:has(input[type=checkbox]:disabled),input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.stepper{display:inline-flex;align-items:center;height:var(--control-height);background:linear-gradient(180deg,var(--color-parchment-light) 0%,var(--color-parchment) 100%);border:var(--control-border-width) solid var(--color-leather);border-radius:var(--control-radius);box-shadow:inset 1px 2px 4px var(--color-shadow-soft),inset 0 -1px 2px var(--color-highlight);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.stepper__btn{display:flex;align-items:center;justify-content:center;width:calc(var(--control-height) + var(--space-sm));height:100%;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-leather);flex-shrink:0;transition:background .15s ease}.stepper__btn--left{border-inline-end:var(--control-border-width) solid var(--color-leather);border-radius:var(--control-radius) 0 0 var(--control-radius)}.stepper__btn--right{border-inline-start:var(--control-border-width) solid var(--color-leather);border-radius:0 var(--control-radius) var(--control-radius) 0}@media(hover:hover){.stepper__btn:hover{background:var(--color-leather-glow);color:var(--color-leather-dark)}}.stepper__btn:active{background:#78461e1f}.stepper__btn:focus-visible{outline:none;background:var(--color-leather-glow);box-shadow:inset 0 0 0 2px #8b5e3c4d}.stepper__btn:disabled{opacity:.3;color:var(--color-text-muted)}.stepper__value{flex:1;text-align:center;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);padding:0 var(--space-sm);min-width:6ch}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-field__label>small{font-weight:var(--font-weight-normal)}.form-field__label:not(:has(~input[type=checkbox])){font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-heading)}.form-field:has(input[type=checkbox]){flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:var(--space-xs);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.form-field.form-field--togglable{margin-block-start:var(--space-xxs);margin-inline-start:calc(var(--checkbox-size) + var(--space-sm))}.form-field__error{color:var(--color-error);font-weight:var(--font-weight-medium)}.form-field:has(.form-field__error) input,.form-field:has(.form-field__error) select{border-color:var(--color-error)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--color-error)}label:has(input[type=checkbox][aria-invalid=true]){color:var(--color-error)}[aria-invalid=true]+small{color:var(--color-error)}button{font-family:inherit;font-size:var(--control-font-size);line-height:var(--control-line-height);cursor:pointer;border:none;background:none;color:inherit;padding:0}button:disabled{opacity:.5;cursor:not-allowed}.btn-parchment{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--control-padding-y) var(--control-padding-x);min-height:var(--control-height);color:var(--color-text);background:linear-gradient(135deg,var(--color-parchment-light) 0%,var(--color-parchment) 50%,var(--color-parchment-mid) 100%);border:var(--control-border-width) solid var(--color-leather);border-radius:var(--control-radius);box-shadow:inset 2px 2px 4px var(--color-highlight),inset -1px -1px 3px var(--color-shadow-soft),1px 2px 4px #0003;text-shadow:0 1px 0 var(--color-text-highlight);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn-parchment:hover:not(:disabled){background:linear-gradient(135deg,#f7eedf,#efe4cf,#e5d8bf);border-color:var(--color-leather-dark);box-shadow:inset 2px 2px 5px var(--color-highlight-strong),inset -1px -1px 3px var(--color-shadow-medium),1px 2px 6px #00000040}.btn-parchment:active:not(:disabled){background:linear-gradient(135deg,var(--color-parchment-mid) 0%,var(--color-parchment-dark) 50%,#c9b690 100%);box-shadow:inset -2px -2px 4px var(--color-text-highlight),inset 1px 1px 3px var(--color-shadow-press)}.btn-parchment:focus-visible:not(:disabled){outline:none;border-color:var(--color-leather-dark);box-shadow:inset 2px 2px 4px var(--color-highlight),inset -1px -1px 3px var(--color-shadow-soft),0 0 0 3px var(--color-leather-focus)}.btn-parchment img{width:var(--icon-size);height:var(--icon-size);object-fit:contain;flex-shrink:0}.btn-parchment .loading__spinner{width:var(--icon-size);height:var(--icon-size)}.btn-parchment.btn-danger{color:var(--color-error);background:linear-gradient(135deg,#9b30250f,#9b30251a,#9b302524);border-color:var(--color-error-border)}.btn-parchment.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#9b30251a,#9b302526,#9b302533);border-color:var(--color-error);box-shadow:inset 2px 2px 5px #fffcf24d,inset -1px -1px 3px #9b30251a,1px 2px 6px #00000040}.btn-parchment.btn-danger:active:not(:disabled){background:linear-gradient(135deg,#9b302526,#9b302533,#9b302540)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--control-padding-y) var(--control-padding-x);color:var(--color-text-muted);border-radius:var(--control-radius);transition:color .15s ease,background .15s ease}.btn-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-leather-glow)}.btn-ghost:focus-visible:not(:disabled){outline:none;box-shadow:0 0 0 3px var(--color-leather-focus)}.btn-ghost img{width:var(--icon-size);height:var(--icon-size);object-fit:contain;flex-shrink:0}.btn-action{display:flex;align-items:center;justify-content:center;width:auto;aspect-ratio:1;padding:var(--space-xxs);background:linear-gradient(135deg,var(--color-parchment-light) 0%,var(--color-parchment-mid) 100%);border:var(--control-border-width) solid var(--color-leather);border-radius:var(--control-radius);box-shadow:inset 2px 2px 4px var(--color-highlight),inset -1px -1px 3px var(--color-shadow-soft),1px 2px 4px #0003;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn-action:hover:not(:disabled){background:linear-gradient(135deg,#f7eedf,#e5d8bf);border-color:var(--color-leather-dark)}.btn-action:active:not(:disabled){box-shadow:inset -2px -2px 4px var(--color-text-highlight),inset 1px 1px 3px var(--color-shadow-press)}.btn-action:focus-visible:not(:disabled){outline:none;box-shadow:inset 2px 2px 4px var(--color-highlight),inset -1px -1px 3px var(--color-shadow-soft),0 0 0 3px var(--color-leather-focus)}.btn-action img{width:100%;height:100%;object-fit:contain;border-radius:calc(var(--control-radius) - var(--control-border-width))}.btn-full{width:100%;justify-content:center}.card-parchment{--card-padding-inline: var(--space-md);--card-padding-block: var(--space-md);--card-gap: var(--space-xs);display:flex;flex-direction:column;width:100%;container-type:inline-size;background:linear-gradient(135deg,var(--color-parchment-light) 0%,var(--color-parchment) 30%,var(--color-parchment-mid) 60%,var(--color-parchment-dark) 100%);border:var(--control-border-width) solid var(--color-leather);border-radius:calc(var(--control-radius) + 2px);color:var(--color-text);box-shadow:inset 2px 2px 6px var(--color-highlight),inset -1px -1px 4px var(--color-shadow-soft),2px 3px 8px #00000026;text-shadow:0 1px 0 var(--color-text-highlight);overflow:hidden}.card-parchment h2,.card-parchment h3,.card-parchment h4{margin-top:0}.card-parchment hr{margin:var(--card-gap) 0}.card-parchment__header{padding:var(--card-padding-block) var(--card-padding-inline) 0}.card-parchment__header:last-child,.card-parchment__header:has(+.card-parchment__footer){padding-bottom:var(--card-padding-block)}.card-parchment__subtitle{padding:var(--card-gap) var(--card-padding-inline) 0}.card-parchment__subtitle:has(+.card-parchment__footer){padding-bottom:var(--card-padding-block)}.card-parchment__content{flex:1;padding:var(--card-gap) var(--card-padding-inline) var(--card-padding-block)}.card-parchment__content:first-child{padding-top:var(--card-padding-block)}.card-parchment__link{display:block;padding:var(--card-padding-block) var(--card-padding-inline);color:inherit;text-decoration:none;transition:background .15s ease}.card-parchment__link:hover{background:linear-gradient(135deg,var(--color-highlight-strong) 0%,rgba(255,252,242,.2) 100%)}.card-parchment__link:active{background:linear-gradient(135deg,var(--color-leather-glow) 0%,rgba(120,70,30,.04) 100%)}.card-parchment__link>.card-parchment__header,.card-parchment__link>.card-parchment__subtitle,.card-parchment__link>.card-parchment__content{padding:0}.card-parchment__link>*+*{margin-top:var(--card-gap)}.card-parchment__footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-sm) var(--card-padding-inline);background:var(--color-leather-glow);border-top:1px solid var(--color-leather-border);--control-padding-x: var(--space-sm);--control-padding-y: var(--space-xs);--control-height: auto;--icon-size: 1rem}.card-parchment__footer--left{justify-content:flex-start}.card-parchment__section h4{display:flex;align-items:center;gap:var(--space-xs);margin-block:var(--space-xs);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-heading)}.card-parchment__section h4>img{width:1.5em;height:1.5em;object-fit:contain;flex-shrink:0}.card-parchment__content .card-parchment__section:first-child h4{margin-top:0}.card-parchment ul{list-style-type:none;padding-inline-start:0}.card-parchment ul li{padding-left:calc(1rem + var(--space-xxs) + var(--space-xs));padding-block:var(--space-xxs);background-image:url(/assets/bullet-image-B2Atzbdb.png);background-position:var(--space-xxs) 50%;background-size:1rem 1rem;background-repeat:no-repeat}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.2em var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-heading);background:var(--color-leather-glow);border:1px solid var(--color-leather-border);border-radius:100vw;white-space:nowrap}.badge img{width:2em;height:2em;object-fit:contain;flex-shrink:0}dialog{border:none;background:none;padding:0;max-width:min(90vw,var(--dialog-max-width));width:100%}dialog::backdrop{background:#1e140a99}.dialog{background:linear-gradient(135deg,var(--color-parchment-light) 0%,var(--color-parchment) 30%,var(--color-parchment-mid) 60%,var(--color-parchment-dark) 100%);border:var(--control-border-width) solid var(--color-leather);border-radius:calc(var(--control-radius) + 2px);color:var(--color-text);box-shadow:inset 2px 2px 6px var(--color-highlight),inset -1px -1px 4px var(--color-shadow-soft),0 8px 30px #0000004d;text-shadow:0 1px 0 var(--color-text-highlight);overflow:hidden}.dialog__header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-leather-border);font-size:var(--font-size-lg);color:var(--color-heading)}.dialog__content{padding:var(--space-md)}.dialog__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-leather-glow);border-top:1px solid var(--color-leather-border);--control-padding-x: var(--space-sm);--control-padding-y: var(--space-xs);--control-height: auto;--icon-size: 1rem}.alert{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--control-radius);margin-bottom:var(--space-md);font-size:var(--font-size-base);border:1px solid}.alert p{flex:1;margin:0}.alert__icon{width:1.5em;height:1.5em;object-fit:contain;flex-shrink:0}.alert__dismiss{opacity:.6;font-size:var(--font-size-lg);line-height:1}.alert__dismiss:hover{opacity:1}.alert--error{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.alert--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.busy-indicator{position:fixed;top:50dvh;left:50vw;transform:translate(-50%,-50%);display:flex;align-items:center;gap:var(--space-md);width:fit-content;white-space:nowrap;padding:var(--space-md) var(--space-xl) var(--space-md) var(--space-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-parchment-light);border:1px solid var(--color-leather-border);border-radius:100vw;box-shadow:0 2px 8px #00000026;z-index:50;animation:busy-in .2s ease .3s both}.busy-indicator img{width:2rem;height:2rem;object-fit:contain;animation:spin 1.5s linear infinite;transform-origin:center center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes busy-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.main-nav{display:flex;align-items:center;gap:var(--space-md);width:100%;max-width:var(--layout-max-width);margin-inline:auto;padding:var(--space-sm) var(--layout-gutter)}.main-nav__brand{display:flex;align-items:center;gap:var(--space-sm);margin-right:auto;text-decoration:none;color:var(--color-heading);font-size:var(--font-size-lg)}.main-nav__links{display:flex;gap:var(--space-md);list-style:none;padding:0;margin:0}.main-nav__links a{text-decoration:none;color:var(--color-text-muted);padding:var(--space-xs) 0;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.main-nav__links a:hover{color:var(--color-text)}.main-nav__links a.active{color:var(--color-heading);border-bottom-color:var(--color-leather)}.main-nav__dropdown{position:relative}.main-nav__dropdown summary{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);border:1px solid var(--color-leather-border);border-radius:var(--control-radius);cursor:pointer;list-style:none;transition:color .15s ease,background .15s ease,border-color .15s ease}.main-nav__dropdown summary::-webkit-details-marker{display:none}.main-nav__dropdown summary:hover{color:var(--color-text);background:var(--color-leather-glow);border-color:var(--color-leather-border-hover)}.main-nav__dropdown summary:focus-visible{outline:none;border-color:var(--color-leather-dark);box-shadow:0 0 0 3px var(--color-leather-focus)}.main-nav__dropdown summary .chevron{width:.75em;height:.75em;transition:transform .15s ease}.main-nav__dropdown[open] summary .chevron{transform:rotate(180deg)}.main-nav__dropdown>ul{position:absolute;right:0;top:calc(100% + 4px);min-width:10rem;list-style:none;padding:var(--space-xs) 0;margin:0;background:var(--color-parchment-light);border:1px solid var(--color-leather-border);border-radius:var(--control-radius);box-shadow:0 4px 12px #0000001a;z-index:100}.main-nav__dropdown>ul li{padding:0}.main-nav__dropdown>ul a{display:block;padding:var(--space-xs) var(--space-md);text-decoration:none;color:var(--color-text);font-size:var(--font-size-sm);transition:background .15s ease}.main-nav__dropdown>ul a:hover{background:var(--color-leather-glow)}.main-nav__dropdown>ul a.active{color:var(--color-heading);font-weight:var(--font-weight-medium)}.main-nav__dropdown>ul small{display:block;padding:var(--space-xs) var(--space-md)}.main-nav__dropdown>ul hr{margin:var(--space-xs) 0}.burger-icon{display:flex;flex-direction:column;justify-content:center;gap:4px;width:1.5rem;height:1.5rem}.burger-icon span{display:block;height:2px;background:var(--color-leather);border-radius:1px}.main-nav__burger{display:none}@media(max-width:40rem){.main-nav__links,.main-nav__user{display:none}.main-nav__burger{display:block}}.not-found{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);padding-top:var(--space-xl)}.not-found__image{width:280px;height:auto;max-width:60%;opacity:.85}.not-found p{max-width:30ch}.game-card__header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xs)}.game-card__header h2{flex-grow:1}.game-card__badges{display:flex;align-items:center;gap:var(--space-xs)}.game-card__date{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.game-card__date img{width:var(--icon-size);height:var(--icon-size);object-fit:contain;flex-shrink:0}.game-card__stats{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:var(--space-xs) var(--space-md);margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(min-width:25rem){.game-card__stats{justify-content:flex-start}}.game-card__stat{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-xs);color:var(--color-heading);font-size:var(--font-size-lg);font-variant-numeric:tabular-nums}.game-card__stat img{width:1em;height:1em}.game-stats{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.game-stats__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--color-heading);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums}.game-stats__stat img{width:2em;height:2em}.action-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:var(--space-sm)}.action-chart{display:grid;gap:var(--space-sm);grid-template-columns:1fr;grid-template-areas:"actions" "stats" "disciplines" "weapons" "backpack" "special"}.action-chart .game-stats{justify-content:space-evenly}.action-chart__action-bar{grid-area:actions}.action-chart__stats{grid-area:stats}.action-chart__disciplines{grid-area:disciplines}.action-chart__weapons{grid-area:weapons}.action-chart__backpack{grid-area:backpack}.action-chart__special{grid-area:special}@media(min-width:44rem){.action-chart{grid-template-columns:repeat(5,1fr);grid-template-areas:"actions       actions       actions    actions    actions" "stats         stats         weapons    weapons    weapons" "disciplines   disciplines   backpack   backpack   backpack" "special       special       special    special    special"}}@media(min-width:72rem){.action-chart{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"actions       actions    actions" "stats         weapons    weapons" "disciplines   backpack   backpack" "special       special    special"}}.character-creation{display:grid;gap:var(--space-sm)}.character-creation__stats{grid-area:stats}.character-creation__disciplines{grid-area:disciplines}.character-creation__choose-disciplines{grid-area:choose-disciplines}.character-creation__weapons{grid-area:weapons}.character-creation__swap-weapons{grid-area:swap-weapons}.character-creation__equipment{grid-area:equipment}.character-creation__choose-equipment{grid-area:choose-equipment}.character-creation__step-disciplines--has-items{grid-template-areas:"stats" "equipment" "choose-disciplines"}.character-creation__step-disciplines{grid-template-areas:"stats" "choose-disciplines"}.character-creation__step-weapons--has-items{grid-template-areas:"stats" "disciplines" "equipment" "swap-weapons"}.character-creation__step-equipment{grid-template-areas:"stats" "disciplines" "choose-equipment"}.character-creation__step-equipment--has-items{grid-template-areas:"stats" "disciplines" "equipment" "choose-equipment"}@media(min-width:44rem){.character-creation__step-disciplines--has-items{grid-template-columns:1fr 1fr;grid-template-areas:"stats       choose-disciplines" "equipment   choose-disciplines"}.character-creation__step-disciplines{grid-template-columns:1fr 1fr;grid-template-areas:"stats   choose-disciplines"}.character-creation__step-weapons--has-items{grid-template-columns:1fr 1fr;grid-template-areas:"stats       disciplines" "equipment   swap-weapons"}.character-creation__step-equipment{grid-template-columns:1fr 1fr;grid-template-areas:"stats         choose-equipment" "disciplines   choose-equipment"}.character-creation__step-equipment--has-items{grid-template-columns:1fr 1fr;grid-template-areas:"stats         equipment" "disciplines   choose-equipment"}}@media(min-width:58rem){.character-creation__step-disciplines{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"stats   choose-disciplines   choose-disciplines"}.character-creation__step-weapons--has-items{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"stats         equipment      equipment" "disciplines   swap-weapons   swap-weapons"}.character-creation__step-equipment{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"stats         choose-equipment   choose-equipment" "disciplines   choose-equipment   choose-equipment"}.character-creation__step-equipment--has-items{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"stats         equipment          equipment" "disciplines   choose-equipment   choose-equipment"}}.item-rows{display:flex;flex-direction:column;gap:var(--space-sm)}.item-rows>*:not(:last-child){border-bottom:1px solid var(--color-divider);padding-bottom:var(--space-sm)}.item-row{display:grid;grid-template:"name actions" auto / 1fr auto;align-items:center;gap:var(--space-xs) var(--space-sm)}.item-row__name{grid-area:name;font-weight:var(--font-weight-medium);min-width:0;display:flex;align-items:center;gap:var(--space-xs)}.item-row__name img{width:1em;height:1em;object-fit:contain;flex-shrink:0;margin-inline-start:var(--space-xxs)}.item-row__effect{grid-area:effect;margin-inline-start:calc(2 * var(--space-xs) + 1em);display:flex;align-items:center;gap:var(--space-sm)}.item-row__actions{grid-area:actions;display:flex;gap:var(--space-sm);flex-shrink:0}.item-row--has-effect{grid-template:"name    actions" auto "effect  actions" auto / 1fr auto}@container (max-width: 14rem){.item-row,.item-row--has-effect{grid-template:"name" auto "effect" auto "actions" auto / 1fr}.item-row__actions{justify-content:flex-end}}.stack-sm>*+*{margin-top:var(--space-sm)}.stack-md>*+*{margin-top:var(--space-md)}.stack-lg>*+*{margin-top:var(--space-lg)}