:root{--color-bg: #f5f4f1;--color-surface: #ffffff;--color-surface-2: #efede8;--color-text: #1c1b1f;--color-muted: #66646d;--color-border: #e1ded7;--color-accent: #d9480f;--color-accent-hover: #b93c0b;--color-accent-text: #ffffff;--color-focus: #1f6feb;--color-danger: #c92a2a;--color-success-bg: #e6f4ea;--color-success-text: #1e5b30;--color-error-bg: #fdecec;--color-error-text: #8a1f1f;--color-sealed: #7048e8;--color-on-sealed: #ffffff;--color-star: #b8730a;--shadow-card: 0 1px 2px rgb(0 0 0 / 0.06), 0 4px 12px rgb(0 0 0 / 0.06);--shadow-card-hover: 0 2px 4px rgb(0 0 0 / 0.08), 0 12px 28px rgb(0 0 0 / 0.12);--color-backdrop: rgb(28 27 31 / 0.45);color-scheme:light;--font-sans: system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;--radius-sm: 0.375rem;--radius: 0.625rem;--radius-lg: 1rem;--radius-pill: 999px;--checkbox-size: 1.125rem;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--gutter: 1rem;--page-max: 90rem;--header-height: 3.5rem;--transition: 160ms ease;--focus-ring-width: 2px;--touch-target: 2.75rem;--font-size-sm: 0.875rem;--font-size-xs: 0.8125rem;--font-size-2xs: 0.75rem;--ratio-cover: 3 / 4;--ratio-screenshot: 16 / 9;--color-lightbox-veil: rgb(20 21 24 / 0.88);--color-lightbox-veil-solid: rgb(20 21 24);--color-on-veil: #ffffff;--color-menu-overlay: #202027;--color-on-menu: #ececf1;--color-on-menu-dim: #a09fab}@media(min-width: 48rem){:root{--gutter: 1.5rem}}@media(min-width: 80rem){:root{--gutter: 2rem}}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #0e0e11;--color-surface: #17171c;--color-surface-2: #202027;--color-text: #ececf1;--color-muted: #a09fab;--color-border: #2c2c35;--color-accent: #ff7a3d;--color-accent-hover: #ff9360;--color-accent-text: #1a0d05;--color-focus: #6ea8fe;--color-danger: #ff6b6b;--color-success-bg: #13301d;--color-success-text: #9be3b0;--color-error-bg: #3a1515;--color-error-text: #ffb3b3;--color-sealed: #b197fc;--color-on-sealed: #1a1033;--color-star: #fcc419;--shadow-card: 0 1px 2px rgb(0 0 0 / 0.4);--shadow-card-hover: 0 12px 28px rgb(0 0 0 / 0.55);--color-backdrop: rgb(0 0 0 / 0.65);color-scheme:dark}}:root[data-theme=dark]{--color-bg: #0e0e11;--color-surface: #17171c;--color-surface-2: #202027;--color-text: #ececf1;--color-muted: #a09fab;--color-border: #2c2c35;--color-accent: #ff7a3d;--color-accent-hover: #ff9360;--color-accent-text: #1a0d05;--color-focus: #6ea8fe;--color-danger: #ff6b6b;--color-success-bg: #13301d;--color-success-text: #9be3b0;--color-error-bg: #3a1515;--color-error-text: #ffb3b3;--color-sealed: #b197fc;--color-on-sealed: #1a1033;--color-star: #fcc419;--shadow-card: 0 1px 2px rgb(0 0 0 / 0.4);--shadow-card-hover: 0 12px 28px rgb(0 0 0 / 0.55);--color-backdrop: rgb(0 0 0 / 0.65);color-scheme:dark}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}[hidden]{display:none !important}ul[class],ol[class]{list-style:none;padding:0}@media(prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}}body{min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.2;letter-spacing:-0.015em;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-underline-offset:.15em}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-width)}.icon{flex:none;width:1.25rem;height:1.25rem}.muted{color:var(--color-muted)}.small{font-size:var(--font-size-sm)}.eyebrow{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-text);transform:translateY(-200%)}.skip-link:focus{transform:none}.page{width:100%;max-width:var(--page-max);margin-inline:auto;padding:var(--space-5) var(--gutter) var(--space-7)}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.page-head__title{font-size:clamp(1.75rem,1.4rem + 1.5vw,2.5rem);margin-bottom:var(--space-4)}.page-head .page-head__title{margin-bottom:0}.page-head__meta{color:var(--color-muted)}.page-head__actions{display:flex;gap:var(--space-2)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--color-muted);text-decoration:none}.back-link:hover{color:var(--color-text)}:root:has([data-nav-overlay][data-open]){overflow:hidden}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--color-border)}.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb, var(--color-bg) 85%, transparent);backdrop-filter:saturate(1.4) blur(12px)}.site-header__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);max-width:var(--page-max);min-height:var(--header-height);margin-inline:auto;padding-inline:var(--gutter)}@media(min-width: 48rem){.site-header__inner{flex-wrap:nowrap}}.brand{display:inline-flex;align-items:center;gap:var(--space-2);margin-right:auto;font-weight:700;font-size:1.0625rem;letter-spacing:-0.01em;text-decoration:none;white-space:nowrap}.brand .icon{color:var(--color-accent)}@media(min-width: 48rem){.brand{margin-right:var(--space-4)}}.nav-toggle{--nav-toggle-size: var(--touch-target);position:relative;z-index:2;display:inline-grid;place-items:center;width:var(--nav-toggle-size);height:var(--nav-toggle-size);border:0;border-radius:50%;background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;transition:background-color var(--transition),transform var(--transition)}.nav-toggle:hover{background:var(--color-accent-hover)}@media(min-width: 48rem){.nav-toggle{display:none}}@media(scripting: none){.nav-toggle{display:none}}.burger{--burger-width: 1.25rem;--burger-bar: 2px;--burger-offset: 6px;position:relative}.burger,.burger::before,.burger::after{display:block;width:var(--burger-width);height:var(--burger-bar);background:currentColor;transition:transform var(--transition),background-color var(--transition)}.burger::before,.burger::after{content:"";position:absolute;left:0}.burger::before{top:calc(-1*var(--burger-offset))}.burger::after{top:var(--burger-offset)}[aria-expanded=true]>.burger{background:rgba(0,0,0,0)}[aria-expanded=true]>.burger::before{transform:translateY(var(--burger-offset)) rotate(45deg)}[aria-expanded=true]>.burger::after{transform:translateY(calc(-1 * var(--burger-offset))) rotate(-45deg)}.site-nav{display:flex;flex-direction:column;gap:var(--space-3);width:100%;padding-bottom:var(--space-3)}@media(width < 48rem)and (scripting: enabled){.site-nav--menu{--menu-link-size: clamp(1.6rem, 5vw, 2.4rem);--menu-link-shift: 0.3rem;position:fixed;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:var(--space-6);padding:var(--header-height) var(--gutter);background:var(--color-menu-overlay);color:var(--color-on-menu);text-align:center;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility 0s var(--transition)}.site-nav--menu[data-open]{opacity:1;visibility:visible;transition:opacity var(--transition),visibility 0s}.site-nav--menu .site-nav__links{align-items:center;gap:var(--space-4)}.site-nav--menu .site-nav__links a{display:inline-block;padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);color:var(--color-on-menu);font-size:var(--menu-link-size);font-weight:600;letter-spacing:-0.01em;transition:color var(--transition),background-color var(--transition),transform var(--transition)}}@media(width < 48rem)and (scripting: enabled)and (hover: hover){.site-nav--menu .site-nav__links a:hover{background:none;transform:translateX(var(--menu-link-shift))}.site-nav--menu .site-nav__links a:hover:not([aria-current=page]){color:var(--color-accent)}}@media(width < 48rem)and (scripting: enabled){.site-nav--menu .site-nav__links a:focus-visible{transform:translateX(var(--menu-link-shift))}.site-nav--menu .site-nav__links a[aria-current=page]{background:var(--color-accent);color:var(--color-accent-text)}.site-nav--menu .site-nav__tools{justify-content:center;margin-top:var(--space-5);color:var(--color-on-menu-dim)}.site-nav--menu .icon-button{color:var(--color-on-menu-dim)}.site-nav--menu .icon-button:hover{background:color-mix(in srgb, var(--color-on-menu) 12%, transparent);color:var(--color-on-menu)}.site-nav--menu .locale-switch{border-color:color-mix(in srgb, var(--color-on-menu) 30%, transparent)}.site-nav--menu .locale-switch button{color:var(--color-on-menu-dim)}.site-nav--menu .locale-switch button[aria-pressed=true]{background:color-mix(in srgb, var(--color-on-menu) 12%, transparent);color:var(--color-on-menu)}}@media(min-width: 48rem){.site-nav{flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:0}}.site-nav__links{display:flex;flex-direction:column;gap:var(--space-1)}@media(min-width: 48rem){.site-nav__links{flex-direction:row}}.site-nav__links a{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-muted);font-weight:500;text-decoration:none;transition:color var(--transition),background-color var(--transition)}.site-nav__links a:hover{color:var(--color-text);background:var(--color-surface-2)}.site-nav__links a[aria-current=page]{color:var(--color-text);background:var(--color-surface-2)}.site-nav__tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}@media(min-width: 48rem){.site-nav__tools{margin-left:auto}}.locale-switch{display:inline-flex;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-pill)}.locale-switch button{min-width:2.25rem;min-height:2rem;padding:0 var(--space-2);border:0;border-radius:var(--radius-pill);background:rgba(0,0,0,0);color:var(--color-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer}.locale-switch button[aria-pressed=true]{background:var(--color-surface-2);color:var(--color-text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.button:hover{background:var(--color-surface-2)}.button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-text)}.button--primary:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.button--ghost{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.button--danger{border-color:color-mix(in srgb, var(--color-danger) 40%, var(--color-border));color:var(--color-danger)}.button--danger:hover{background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface))}.button--small{min-height:2.25rem;padding:0 var(--space-3);font-size:var(--font-size-sm)}.button--block{width:100%}.icon-button{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid rgba(0,0,0,0);border-radius:var(--radius);background:rgba(0,0,0,0);color:var(--color-muted);cursor:pointer;transition:color var(--transition),background-color var(--transition)}.icon-button:hover{background:var(--color-surface-2);color:var(--color-text)}.icon-button__theme-light,.icon-button__theme-dark{display:none}:root[data-theme] .icon-button__theme-system{display:none}:root[data-theme=light] .icon-button__theme-light,:root[data-theme=dark] .icon-button__theme-dark{display:block}.form{display:grid;gap:var(--space-4)}.form--sections{gap:var(--space-5);max-width:60rem}.form-section{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}@media(min-width: 48rem){.form-section{padding:var(--space-5)}}.form-section__title{padding:0 var(--space-2);font-weight:700}.form-grid{display:grid;gap:var(--space-4)}@media(min-width: 48rem){.form-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}.field{display:grid;gap:var(--space-1);min-width:0;border:0;padding:0}.field--wide{grid-column:1/-1}.field__label{font-size:var(--font-size-sm);font-weight:600}.field__required{color:var(--color-accent)}.field__hint{color:var(--color-muted);font-size:var(--font-size-xs)}.field__error{color:var(--color-danger);font-size:var(--font-size-xs);font-weight:600}.input,.select{width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition)}.input:hover,.select:hover{border-color:color-mix(in srgb, var(--color-text) 25%, var(--color-border))}.input:focus,.select:focus{border-color:var(--color-focus);outline:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 25%, transparent)}.has-error .input,.has-error .select{border-color:var(--color-danger)}.textarea{resize:vertical;line-height:1.5}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);cursor:pointer}.checkbox input{flex:none;width:var(--checkbox-size);height:var(--checkbox-size);accent-color:var(--color-accent)}.checkbox-group{display:flex;flex-wrap:wrap;gap:0 var(--space-5);margin-bottom:var(--space-3)}.checkbox-group:has(>:nth-child(3)){flex-direction:column;align-items:flex-start}.form-actions{position:sticky;bottom:0;display:flex;gap:var(--space-2);padding:var(--space-3) 0;background:linear-gradient(transparent, var(--color-bg) 30%)}.danger-zone{max-width:60rem;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.toolbar{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);margin-bottom:var(--space-5)}.toolbar__search{position:relative}.toolbar__search-icon{position:absolute;top:50%;left:var(--space-3);color:var(--color-muted);transform:translateY(-50%);pointer-events:none}@media(min-width: 64rem){.toolbar{grid-template-columns:1fr}}.input--search{padding-left:2.5rem}@media(min-width: 64rem){.filters-toggle{display:none}}.filters{grid-column:1/-1;display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.filters[data-collapsed]{display:none}@media(min-width: 36rem){.filters{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 64rem){.filters,.filters[data-collapsed]{display:grid}.filters{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 80rem){.filters{grid-template-columns:repeat(6, minmax(0, 1fr))}}.filters__sealed{align-self:end}.filters__actions{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-2)}.range,.sort{display:flex;align-items:center;gap:var(--space-2)}.game-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--space-4) var(--space-3)}@media(min-width: 36rem){.game-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 48rem){.game-grid{grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--space-5) var(--space-4)}}@media(min-width: 80rem){.game-grid{grid-template-columns:repeat(6, minmax(0, 1fr))}}.game-card{height:100%}.game-card__link{display:flex;flex-direction:column;gap:var(--space-2);height:100%;text-decoration:none}.game-card__link:hover .game-card__cover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.game-card__link:hover .game-card__title{color:var(--color-accent)}.game-card__cover{position:relative;display:grid;aspect-ratio:var(--ratio-cover);overflow:hidden;border-radius:var(--radius);background:var(--color-surface-2);box-shadow:var(--shadow-card);transition:transform var(--transition),box-shadow var(--transition)}.game-card__cover img{grid-area:1/1;z-index:1;width:100%;height:100%;object-fit:cover}.game-card__placeholder{grid-area:1/1;display:grid;place-items:center;color:var(--color-muted);opacity:.5}.game-card__placeholder .icon{width:2.5rem;height:2.5rem}.game-card__badge{position:absolute;top:var(--space-2);left:var(--space-2);z-index:2}.game-card__title{display:-webkit-box;overflow:hidden;font-size:.9375rem;font-weight:600;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;transition:color var(--transition)}.game-card__meta{display:flex;flex-wrap:wrap;gap:0 var(--space-2);color:var(--color-muted);font-size:var(--font-size-xs)}.game-card__meta span+span::before{content:"·";margin-right:var(--space-2)}.badge,.chip{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-2xs);font-weight:600}.badge--sealed{background:var(--color-sealed);color:var(--color-on-sealed)}.chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stars{--stars-size: 1.125rem;--stars-gap: 0.125rem;display:inline-flex;gap:var(--stars-gap);vertical-align:middle}.stars__star{display:inline-flex;color:var(--color-muted)}.stars__star .icon{width:var(--stars-size);height:var(--stars-size)}.stars__star.is-filled{color:var(--color-star)}.stars__star.is-filled .icon{fill:currentColor}.pagination{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-6)}.pagination__info{color:var(--color-muted);font-size:var(--font-size-sm)}.pagination__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1)}.pagination__number:not(:has(.is-current)){display:none}@media(min-width: 36rem){.pagination__number:not(:has(.is-current)){display:block}}.pagination__link,.pagination__gap{display:inline-grid;place-items:center;min-width:var(--touch-target);height:var(--touch-target);padding:0 var(--space-2);border-radius:var(--radius);font-weight:600;text-decoration:none}.pagination__link{border:1px solid var(--color-border);background:var(--color-surface)}.pagination__link:hover{background:var(--color-surface-2)}.pagination__link.is-current{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-text)}.pagination__link.is-disabled{opacity:.4}.pagination__gap{color:var(--color-muted)}[data-flash]{transition:opacity var(--flash-fade, 400ms) ease}[data-flash][data-flash-leaving]{opacity:0}@media(prefers-reduced-motion: reduce){[data-flash]{transition:none}}.alert{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-weight:500}.alert--success{background:var(--color-success-bg);color:var(--color-success-text)}.alert--error{background:var(--color-error-bg);color:var(--color-error-text)}.empty-state{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-4);text-align:center}.empty-state__code{color:var(--color-accent);font-size:3rem;font-weight:800;line-height:1}.error-details{max-width:100%;overflow:auto;padding:var(--space-4);border-radius:var(--radius);background:var(--color-surface-2);font-size:var(--font-size-2xs);text-align:left}.panel{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}@media(min-width: 48rem){.panel{padding:var(--space-5)}}.panel__title{margin-bottom:var(--space-3);font-size:1rem}.panel__text{margin-top:var(--space-3)}.facts{display:grid;gap:var(--space-3) var(--space-5)}@media(min-width: 36rem){.facts{grid-template-columns:repeat(2, minmax(0, 1fr))}}.facts dt{color:var(--color-muted);font-size:var(--font-size-xs)}.facts dd{margin:0;font-weight:500;overflow-wrap:anywhere}@media(min-width: 36rem){.facts--conditions{grid-template-columns:repeat(3, minmax(0, 1fr))}}.facts--compact{gap:var(--space-2)}@media(min-width: 36rem){.facts--compact{grid-template-columns:1fr}}.facts--compact div{display:flex;justify-content:space-between;gap:var(--space-3)}.facts--compact dd{text-align:right}.prose{max-width:70ch}.prose h3{margin:var(--space-5) 0 var(--space-2);font-size:1.125rem}.prose p+p{margin-top:var(--space-3)}.link-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.link-list a{display:inline-flex;align-items:center;gap:var(--space-1);min-height:2.25rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:600;text-decoration:none}.link-list a:hover{background:var(--color-surface-2)}.link-list a .icon{width:1rem;height:1rem}.confirm-dialog{--dialog-max-width: 28rem;--dialog-enter-offset: var(--space-2);width:var(--dialog-max-width);max-width:calc(100% - 2*var(--gutter));margin:auto;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card-hover)}.confirm-dialog::backdrop{background:var(--color-backdrop)}.confirm-dialog[open]{animation:confirm-dialog-in var(--transition)}.confirm-dialog[open]::backdrop{animation:confirm-dialog-fade var(--transition)}.confirm-dialog__message{font-size:1.125rem;font-weight:600;overflow-wrap:anywhere}.confirm-dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5)}@keyframes confirm-dialog-in{from{opacity:0;transform:translateY(var(--dialog-enter-offset))}}@keyframes confirm-dialog-fade{from{opacity:0}}html:has(.lightbox){scrollbar-gutter:stable}html:has(.lightbox[open]){overflow:hidden}.lightbox{--_lightbox-inset-x: var(--lightbox-inset-x, 3rem);--_lightbox-gap: var(--lightbox-gap, 0.75rem);--_lightbox-dim: var(--lightbox-dim, 0.45);--_lightbox-transition: var(--lightbox-transition, 160ms ease)}@media(hover: none){.lightbox{--_lightbox-inset-x: calc(var(--lightbox-peek, 1.5rem) + var(--_lightbox-gap))}}.lightbox{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:0;border:0;background:rgba(0,0,0,0);overflow:clip}.lightbox[open]{display:flex;flex-direction:column;align-items:center}.lightbox [hidden]{display:none}@media(hover: none){.lightbox [data-lightbox-action=prev],.lightbox [data-lightbox-action=next]{display:none}}.lightbox--zoomed{cursor:zoom-out;-webkit-user-select:none;user-select:none}.lightbox--zoomed>:not(.lightbox__stage,.lightbox__track,[data-lightbox-action=close],:has([data-lightbox-action=close])){visibility:hidden}.lightbox--zoomed [data-lightbox-action=close]{z-index:1}.lightbox--panning{cursor:grabbing}.lightbox__stage{flex:1 1 auto;align-self:stretch;min-height:0;display:flex;margin:0;padding-block:var(--lightbox-gutter-top, 3rem) var(--lightbox-gutter-bottom, 3rem)}.lightbox__track{position:relative;container-type:size;display:flex;align-items:center;gap:var(--_lightbox-gap);width:100%;height:100%;touch-action:pan-y pinch-zoom}.lightbox__slide{--_lightbox-slide-max-width: calc(100cqw - 2 * var(--_lightbox-inset-x));flex:none;max-width:var(--_lightbox-slide-max-width);max-height:100cqh;width:min(var(--_lightbox-slide-max-width),100cqh*var(--lightbox-ratio));aspect-ratio:var(--lightbox-ratio);height:auto;object-fit:contain;transition:opacity var(--_lightbox-transition);transform-origin:0 0}@media(prefers-reduced-motion: reduce){.lightbox__slide{transition:none}}.lightbox__slide:not(.lightbox__slide--current){opacity:0;pointer-events:none}@media(hover: none){.lightbox__slide:not(.lightbox__slide--current){opacity:var(--_lightbox-dim);pointer-events:auto;cursor:pointer}}.lightbox__slide--pixelated{image-rendering:pixelated}.lightbox__slide--zoomable{cursor:zoom-in}.lightbox--zoomed .lightbox__slide--zoomable{cursor:grab}.lightbox--panning .lightbox__slide--zoomable{cursor:grabbing}.lightbox__caption{flex:none;margin:0}.lightbox__strip{flex:none;display:flex;align-items:center;justify-content:safe center;gap:var(--lightbox-strip-gap, 0.5rem);width:100%;padding:var(--lightbox-strip-padding, 0.5rem 0.75rem 1rem);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.lightbox__strip::-webkit-scrollbar{display:none}.lightbox__thumb{position:relative;flex:none;width:var(--lightbox-thumb-width, 4.5rem);height:var(--lightbox-thumb-height, 3.5rem);padding:0;overflow:hidden;border:0;cursor:pointer}.lightbox__thumb img{display:block;width:100%;height:100%;object-fit:cover}.lightbox__thumb::after{content:"";position:absolute;inset:0;background:var(--lightbox-thumb-veil, rgba(0, 0, 0, 0.4));pointer-events:none;transition:opacity var(--_lightbox-transition)}@media(prefers-reduced-motion: reduce){.lightbox__thumb::after{transition:none}}@media(hover: hover){.lightbox__thumb:hover::after{opacity:0}}.lightbox__thumb[aria-current]::after{opacity:0}.lightbox__thumb[aria-current]{outline:var(--lightbox-current-outline-width, 2px) solid var(--lightbox-current-color, currentColor);outline-offset:calc(-1*var(--lightbox-current-outline-width, 2px))}.lightbox{--lightbox-inset-x: var(--space-7);--lightbox-gutter-top: var(--space-7);--lightbox-gutter-bottom: var(--space-7);--lightbox-gap: var(--space-3);--lightbox-peek: var(--space-5);--lightbox-dim: 0.45;--lightbox-transition: var(--transition);--lightbox-strip-gap: var(--space-2);--lightbox-strip-padding: var(--space-2) var(--space-3) var(--space-4);--lightbox-thumb-width: 4.5rem;--lightbox-thumb-height: 3.5rem;--lightbox-current-color: var(--color-accent);--lightbox-current-outline-width: var(--focus-ring-width);--lightbox-button-size: var(--touch-target);--lightbox-blur: 10px;color:var(--color-on-veil)}.lightbox[open]{animation:lightbox-fade var(--transition)}.lightbox::backdrop{background:var(--color-lightbox-veil);backdrop-filter:blur(var(--lightbox-blur))}.lightbox[open]::backdrop{animation:lightbox-fade var(--transition)}.lightbox--covers{--lightbox-thumb-width: calc(var(--lightbox-thumb-height) * var(--ratio-cover))}.lightbox__slide{box-shadow:var(--shadow-card-hover)}.lightbox__close,.lightbox__nav{position:fixed;display:grid;place-items:center;width:var(--lightbox-button-size);height:var(--lightbox-button-size);border:0;border-radius:50%;background:color-mix(in srgb, var(--color-on-veil) 12%, transparent);color:inherit;cursor:pointer;transition:background-color var(--transition)}.lightbox__close:hover,.lightbox__nav:hover{background:color-mix(in srgb, var(--color-on-veil) 25%, transparent)}.lightbox__close{top:var(--space-4);right:var(--space-4)}.lightbox--zoomed .lightbox__close{background:color-mix(in srgb, var(--color-lightbox-veil-solid) 55%, transparent)}.lightbox--zoomed .lightbox__close:hover{background:color-mix(in srgb, var(--color-lightbox-veil-solid) 70%, transparent)}.lightbox__nav{top:50%;transform:translateY(-50%)}.lightbox__nav--previous{left:var(--space-4)}.lightbox__nav--next{right:var(--space-4)}.lightbox__caption{padding-top:var(--space-2);font-weight:600;text-align:center}.lightbox__thumb{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-on-veil) 8%, transparent)}.lightbox__thumb:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-width)}@media(prefers-reduced-transparency: reduce){.lightbox::backdrop{background:var(--color-lightbox-veil-solid);backdrop-filter:none}}@keyframes lightbox-fade{from{opacity:0}}[data-drop-area]{position:relative}[data-drop-area] input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.dropzone{--dropzone-min-height: 8rem}.dropzone__area{display:grid;place-content:center;justify-items:center;gap:var(--space-1);min-height:var(--dropzone-min-height);padding:var(--space-5) var(--space-4);border:2px dashed var(--color-border);border-radius:var(--radius);background:var(--color-surface-2);color:var(--color-muted);text-align:center;cursor:pointer;transition:border-color var(--transition),background-color var(--transition),color var(--transition)}.dropzone__area:hover,.dropzone[data-over] .dropzone__area{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface-2));color:var(--color-text)}.dropzone[data-over] .dropzone__area{border-style:solid}.dropzone:has(.dropzone__input:focus-visible) .dropzone__area{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:2px}.dropzone:has(.dropzone__input:disabled) .dropzone__area{cursor:progress;opacity:.6}.dropzone__icon{color:var(--color-accent)}.dropzone__label{color:var(--color-text)}.dropzone__hint{font-size:var(--font-size-xs)}.upload-progress{--upload-progress-height: 0.375rem;width:100%;height:var(--upload-progress-height);border:0;border-radius:var(--upload-progress-height);background:var(--color-surface-2);overflow:hidden;appearance:none;accent-color:var(--color-accent)}.upload-progress::-webkit-progress-bar{background:var(--color-surface-2)}.upload-progress::-webkit-progress-value{background:var(--color-accent);transition:inline-size var(--transition)}.upload-progress::-moz-progress-bar{background:var(--color-accent)}.upload-error{color:var(--color-danger);font-size:var(--font-size-sm);font-weight:600}.upload-list{display:grid;gap:var(--space-2)}.upload-list:empty{display:none}.upload-item{display:grid;grid-template-columns:minmax(0, 1fr) auto auto;grid-template-areas:"name size remove" "progress progress remove" "status status remove";align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-sm)}.upload-item__name{grid-area:name;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-item__size{grid-area:size;color:var(--color-muted)}.upload-item .upload-progress{grid-area:progress}.upload-item__status{grid-area:status;color:var(--color-muted);font-size:var(--font-size-xs)}.upload-item__remove{--upload-remove-size: var(--touch-target);grid-area:remove;display:grid;place-items:center;width:var(--upload-remove-size);height:var(--upload-remove-size);border:0;border-radius:var(--radius-sm);background:rgba(0,0,0,0);color:var(--color-muted);cursor:pointer}.upload-item__remove:hover{color:var(--color-text)}.upload-item:not(.is-failed) .upload-item__remove{display:none}.upload-item.is-done .upload-item__status{color:var(--color-success-text)}.upload-item.is-failed{border-color:var(--color-danger)}.upload-item.is-failed .upload-item__status{color:var(--color-danger);font-weight:600}.upload-item.is-failed .upload-progress::-webkit-progress-value{background:var(--color-danger)}.upload-item.is-failed .upload-progress::-moz-progress-bar{background:var(--color-danger)}.cover-upload{display:grid;gap:var(--space-3)}.cover-upload.is-uploading .screenshot-grid{opacity:.6}.screenshot-upload{display:grid;gap:var(--space-4);margin-top:var(--space-3)}.screenshot-grid{--screenshot-tile-min: 9rem;display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--screenshot-tile-min), 1fr));gap:var(--space-3)}.screenshot-grid--covers{--screenshot-tile-min: 7rem}.screenshot-grid:empty{display:none}.screenshot-tile{position:relative;aspect-ratio:var(--ratio-screenshot);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-2)}.screenshot-tile--cover{aspect-ratio:var(--ratio-cover)}.screenshot-tile img{width:100%;height:100%;object-fit:cover}.screenshot-tile__label{position:absolute;right:0;bottom:0;left:0;padding:var(--space-1) var(--space-2);background:var(--color-lightbox-veil-solid);color:var(--color-on-veil);font-size:var(--font-size-xs)}.screenshot-tile__delete{--screenshot-delete-size: var(--touch-target);position:absolute;top:var(--space-1);right:var(--space-1);display:grid;place-items:center;width:var(--screenshot-delete-size);height:var(--screenshot-delete-size);border:0;border-radius:var(--radius-sm);background:var(--color-lightbox-veil-solid);color:var(--color-on-veil);cursor:pointer;transition:background-color var(--transition)}.screenshot-tile__delete:hover{background:var(--color-danger)}.cover-tile{--main-cover-ring-width: 4px;--cover-choice-min-height: var(--touch-target);display:grid;gap:var(--space-1)}.cover-tile .screenshot-tile__label{pointer-events:none}.cover-tile:has(.cover-tile__radio:checked) .screenshot-tile{border-color:var(--color-accent);box-shadow:0 0 0 calc(var(--main-cover-ring-width) - 1px) var(--color-accent)}.cover-tile:has(.cover-tile__radio:checked) .screenshot-tile__label{background:var(--color-accent);color:var(--color-accent-text)}.cover-tile:has(.cover-tile__radio:checked) .cover-tile__choice{color:var(--color-accent)}.cover-tile__choice{display:flex;align-items:center;gap:var(--space-2);min-height:var(--cover-choice-min-height);font-size:var(--font-size-sm);font-weight:700;cursor:pointer}.cover-tile__radio{accent-color:var(--color-accent)}.screenshot-tile__zoom{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.screenshot-tile__zoom:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:calc(-1*var(--focus-ring-width))}.rating{--rating-target-block: var(--touch-target);--rating-target-inline: 2rem;--rating-star: 1.75rem;--rating-echo-scale: 2.6;--rating-echo-opacity: 0.7;--rating-echo-duration: 650ms;--rating-echo-ease: cubic-bezier(0.22, 1, 0.36, 1);--rating-echo-stagger: 60ms;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-inline-start:calc((var(--rating-star) - var(--rating-target-inline))/2)}.rating--field{display:grid;margin-inline-start:0}.rating--field .rating__stars{align-items:center;margin-inline-start:calc((var(--rating-star) - var(--rating-target-inline))/2)}.rating__stars{display:flex;margin:0;padding:0;border:0}.rating__star{position:relative;display:grid;place-items:center;width:var(--rating-target-inline);height:var(--rating-target-block);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;transition:color var(--transition),transform var(--transition)}.rating__star .icon{width:var(--rating-star);height:var(--rating-star);transition:fill var(--transition)}.rating__star:has(.rating__input:checked),.rating__star:has(~.rating__star .rating__input:checked){color:var(--color-star)}.rating__star:has(.rating__input:checked) .icon,.rating__star:has(~.rating__star .rating__input:checked) .icon{fill:currentColor}.rating__star:has(.rating__input:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus)}.rating__star:active{transform:scale(0.9)}.rating__star.is-rated::after{content:"";position:absolute;inset:0;width:var(--rating-star);height:var(--rating-star);margin:auto;background:currentColor;clip-path:polygon(50% 10.42%, 62.08% 35%, 89.58% 39.17%, 69.58% 58.33%, 74.17% 85.42%, 50% 72.5%, 25.83% 85.42%, 30.42% 58.33%, 10.42% 39.17%, 37.92% 35%);pointer-events:none;animation:rating-echo-grow var(--rating-echo-duration) var(--rating-echo-ease),rating-echo-fade var(--rating-echo-duration) ease-in;animation-delay:calc(var(--rating-echo-order, 0)*var(--rating-echo-stagger));animation-fill-mode:backwards}@media(hover: hover){.rating:not(.is-settled) .rating__stars:has(.rating__star:hover) .rating__star{color:var(--color-muted)}.rating:not(.is-settled) .rating__stars:has(.rating__star:hover) .rating__star .icon{fill:none}.rating:not(.is-settled) .rating__stars:has(.rating__star:hover) .rating__star:hover,.rating:not(.is-settled) .rating__stars:has(.rating__star:hover) .rating__star:has(~.rating__star:hover){color:var(--color-star)}.rating:not(.is-settled) .rating__stars:has(.rating__star:hover) .rating__star:hover .icon,.rating:not(.is-settled) .rating__stars:has(.rating__star:hover) .rating__star:has(~.rating__star:hover) .icon{fill:currentColor}}.rating__clear{position:relative;display:inline-flex;align-items:center;min-height:var(--rating-target-block);margin-inline-start:var(--space-2);padding-inline:var(--space-2);border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--font-size-sm);cursor:pointer}.rating__clear:has(.rating__input:checked){color:var(--color-text);font-weight:600}.rating__clear:has(.rating__input:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus)}.rating.is-enhanced .rating__clear:not(:has(.rating__input:focus-visible)){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.rating__input{position:absolute;opacity:0;pointer-events:none}@media(prefers-reduced-motion: reduce){.rating__star,.rating__star .icon{transition:none}.rating__star:active{transform:none}.rating__star.is-rated::after{animation:none;opacity:0}}@keyframes rating-echo-grow{from{transform:scale(1)}to{transform:scale(var(--rating-echo-scale))}}@keyframes rating-echo-fade{from{opacity:var(--rating-echo-opacity)}to{opacity:0}}.play-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.play-status__label{font-size:var(--font-size-sm);font-weight:600}.play-status__select{width:auto;max-width:100%}.save-status{margin:0;color:var(--color-muted);font-size:var(--font-size-sm)}.save-status:empty{display:none}.save-status--error{color:var(--color-danger)}.field__control{--field-control-input-min: 12rem;display:flex;flex-wrap:wrap;gap:var(--space-2)}.field__control .input{flex:1 1 var(--field-control-input-min);min-width:0}.field__control .button{flex:none}.field__control-message{flex-basis:100%}.igdb-dialog{--dialog-max-width: 44rem;--igdb-value-max-height: 7.5rem;--igdb-cover-height: 6rem}.igdb-dialog__body{display:grid;gap:var(--space-5);margin-top:var(--space-4)}.igdb-dialog__group{display:grid;gap:var(--space-2);min-width:0;border:0;padding:0}.igdb-dialog__legend{margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:600}.igdb-dialog__list{display:grid;gap:var(--space-3)}.igdb-dialog__chips{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4)}.igdb-dialog__covers{display:flex;gap:var(--space-2)}.igdb-dialog__covers img{height:var(--igdb-cover-height);width:auto;border-radius:var(--radius-sm)}.igdb-dialog__progress{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.igdb-dialog__failures{padding-left:var(--space-5);color:var(--color-danger);font-size:var(--font-size-sm);list-style:disc}.igdb-field{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:var(--space-1) var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.igdb-field__check{grid-row:span 3;width:var(--checkbox-size);height:var(--checkbox-size);accent-color:var(--color-accent)}.igdb-field__name{font-weight:600}.igdb-field__value{max-height:var(--igdb-value-max-height);overflow-y:auto;white-space:pre-line;overflow-wrap:anywhere;font-size:var(--font-size-sm)}.igdb-field__value--current{color:var(--color-muted)}.igdb-field__caption{font-weight:600}.game-detail{display:grid;gap:var(--space-5)}@media(min-width: 48rem){.game-detail{grid-template-columns:minmax(14rem, 22rem) minmax(0, 1fr);align-items:start;gap:var(--space-6)}}.game-detail__media{display:grid;gap:var(--space-3)}@media(min-width: 48rem){.game-detail__media{position:sticky;top:calc(var(--header-height) + var(--space-5));max-width:22rem}}.game-detail__cover{display:grid;aspect-ratio:var(--ratio-cover);overflow:hidden;background:var(--color-surface-2);box-shadow:var(--shadow-card-hover)}.game-detail__cover img{width:100%;height:100%;object-fit:cover}.game-detail__zoom{grid-area:1/1;z-index:1;display:block;padding:0;border:0;background:none;cursor:zoom-in}.game-detail__zoom:focus-visible{outline-offset:calc(-1*var(--focus-ring-width))}.game-detail__zoom:not(:has(img)){display:none}.game-detail__actions{display:flex;flex-direction:column;gap:var(--space-2)}@media(min-width: 48rem){.game-detail__actions{flex-direction:row}}.game-detail__actions>*{flex:1}.game-detail__actions .button{width:100%}.game-detail__content{display:grid;gap:var(--space-4);min-width:0}.game-detail__header{display:grid;gap:var(--space-3)}.game-detail__title{font-size:clamp(1.75rem,1.3rem + 2vw,2.75rem)}.game-detail__lead{max-width:65ch;color:var(--color-muted);font-size:1.0625rem}.screenshot-gallery{--screenshot-thumb-min: 10rem;display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--screenshot-thumb-min), 1fr));gap:var(--space-3)}.screenshot-gallery__zoom{display:block;width:100%;overflow:hidden;border-radius:var(--radius);padding:0;border:0;background:var(--color-surface-2);cursor:zoom-in;transition:box-shadow var(--transition)}.screenshot-gallery__zoom:hover{box-shadow:var(--shadow-card-hover)}.screenshot-gallery__zoom img{width:100%;height:auto;aspect-ratio:var(--ratio-screenshot);object-fit:cover}.cover-strip{--cover-strip-thumb-width: 3.25rem;--cover-strip-thumb-dim: 0.75;display:flex;flex-wrap:wrap;gap:var(--space-2)}.cover-strip__thumb{width:var(--cover-strip-thumb-width);aspect-ratio:var(--ratio-cover);overflow:hidden;border-radius:var(--radius-sm);padding:0;border:1px solid var(--color-border);background:var(--color-surface-2);cursor:zoom-in;opacity:var(--cover-strip-thumb-dim);transition:opacity var(--transition)}.cover-strip__thumb:hover,.cover-strip__thumb:focus-visible{opacity:1}.cover-strip__thumb img{display:block;width:100%;height:100%;object-fit:cover}.platform-grid{display:grid;gap:var(--space-4)}@media(min-width: 36rem){.platform-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 64rem){.platform-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 80rem){.platform-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}.platform-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.platform-card__title{font-size:1.25rem}.platform-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto}.stat-tiles{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--space-3);margin-bottom:var(--space-5)}@media(min-width: 48rem){.stat-tiles{grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}}.stat-tile{display:grid;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.stat-tile__value{font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);font-weight:800;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}.stat-tile__label{color:var(--color-muted);font-size:var(--font-size-sm)}.stat-tile__hint{color:var(--color-muted);font-size:var(--font-size-2xs)}.stats-grid{display:grid;gap:var(--space-4)}@media(min-width: 64rem){.stats-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}.bar-list__rows{display:grid;grid-template-columns:minmax(6rem, 10rem) 1fr auto;gap:var(--space-2) var(--space-3)}.bar-list__row{display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:center;font-size:var(--font-size-sm)}.bar-list__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-list__label a{text-decoration:none}.bar-list__label a:hover{text-decoration:underline}.bar-list__bar{height:.5rem;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-surface-2)}.bar-list__bar span{display:block;height:100%;border-radius:inherit;background:var(--color-accent)}.bar-list__value{font-variant-numeric:tabular-nums;text-align:right}[data-bar="0"]{width:0%}[data-bar="1"]{width:1%}[data-bar="2"]{width:2%}[data-bar="3"]{width:3%}[data-bar="4"]{width:4%}[data-bar="5"]{width:5%}[data-bar="6"]{width:6%}[data-bar="7"]{width:7%}[data-bar="8"]{width:8%}[data-bar="9"]{width:9%}[data-bar="10"]{width:10%}[data-bar="11"]{width:11%}[data-bar="12"]{width:12%}[data-bar="13"]{width:13%}[data-bar="14"]{width:14%}[data-bar="15"]{width:15%}[data-bar="16"]{width:16%}[data-bar="17"]{width:17%}[data-bar="18"]{width:18%}[data-bar="19"]{width:19%}[data-bar="20"]{width:20%}[data-bar="21"]{width:21%}[data-bar="22"]{width:22%}[data-bar="23"]{width:23%}[data-bar="24"]{width:24%}[data-bar="25"]{width:25%}[data-bar="26"]{width:26%}[data-bar="27"]{width:27%}[data-bar="28"]{width:28%}[data-bar="29"]{width:29%}[data-bar="30"]{width:30%}[data-bar="31"]{width:31%}[data-bar="32"]{width:32%}[data-bar="33"]{width:33%}[data-bar="34"]{width:34%}[data-bar="35"]{width:35%}[data-bar="36"]{width:36%}[data-bar="37"]{width:37%}[data-bar="38"]{width:38%}[data-bar="39"]{width:39%}[data-bar="40"]{width:40%}[data-bar="41"]{width:41%}[data-bar="42"]{width:42%}[data-bar="43"]{width:43%}[data-bar="44"]{width:44%}[data-bar="45"]{width:45%}[data-bar="46"]{width:46%}[data-bar="47"]{width:47%}[data-bar="48"]{width:48%}[data-bar="49"]{width:49%}[data-bar="50"]{width:50%}[data-bar="51"]{width:51%}[data-bar="52"]{width:52%}[data-bar="53"]{width:53%}[data-bar="54"]{width:54%}[data-bar="55"]{width:55%}[data-bar="56"]{width:56%}[data-bar="57"]{width:57%}[data-bar="58"]{width:58%}[data-bar="59"]{width:59%}[data-bar="60"]{width:60%}[data-bar="61"]{width:61%}[data-bar="62"]{width:62%}[data-bar="63"]{width:63%}[data-bar="64"]{width:64%}[data-bar="65"]{width:65%}[data-bar="66"]{width:66%}[data-bar="67"]{width:67%}[data-bar="68"]{width:68%}[data-bar="69"]{width:69%}[data-bar="70"]{width:70%}[data-bar="71"]{width:71%}[data-bar="72"]{width:72%}[data-bar="73"]{width:73%}[data-bar="74"]{width:74%}[data-bar="75"]{width:75%}[data-bar="76"]{width:76%}[data-bar="77"]{width:77%}[data-bar="78"]{width:78%}[data-bar="79"]{width:79%}[data-bar="80"]{width:80%}[data-bar="81"]{width:81%}[data-bar="82"]{width:82%}[data-bar="83"]{width:83%}[data-bar="84"]{width:84%}[data-bar="85"]{width:85%}[data-bar="86"]{width:86%}[data-bar="87"]{width:87%}[data-bar="88"]{width:88%}[data-bar="89"]{width:89%}[data-bar="90"]{width:90%}[data-bar="91"]{width:91%}[data-bar="92"]{width:92%}[data-bar="93"]{width:93%}[data-bar="94"]{width:94%}[data-bar="95"]{width:95%}[data-bar="96"]{width:96%}[data-bar="97"]{width:97%}[data-bar="98"]{width:98%}[data-bar="99"]{width:99%}[data-bar="100"]{width:100%}.login{display:grid;place-items:center;min-height:calc(100dvh - var(--header-height) - 6rem)}.login__card{width:100%;max-width:24rem;padding:var(--space-6) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.login__title{font-size:1.75rem}.login__lead{margin:var(--space-2) 0 var(--space-5);color:var(--color-muted)}