@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap");:root{--color-primary:#7c3aed;--color-primary-light:#a78bfa;--color-primary-soft:#ede9fe;--color-primary-hover:#6d28d9;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-muted:#f1f5f9;--color-border:#e2e8f0;--color-text:#1e293b;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-accent-blue:#3b82f6;--color-accent-orange:#f97316;--color-accent-green:#22c55e;--color-accent-red:#ef4444;--color-accent-yellow:#eab308;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 2px rgb(15 23 42/6%);--shadow-md:0 4px 12px rgb(15 23 42/8%);--shadow-lg:0 12px 32px rgba(124,58,237,.12);--header-height:72px;--container-max:1200px;--font-sans:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;--tap-min:44px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.5}a{color:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1;width:100%}.container{width:min(100% - 2rem,var(--container-max));margin-inline:auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.site-header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:1rem;gap:1rem;min-height:var(--header-height);padding:.75rem 1.5rem}.site-header__logo{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.125rem;color:var(--color-primary);text-decoration:none}.site-header__logo-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--color-primary-soft);font-size:1rem}.site-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.site-header__account{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:.25rem .7rem;font-weight:700;font-size:.9rem;color:var(--color-primary);text-decoration:none;border-radius:var(--radius-md)}.site-header__account:focus-visible,.site-header__account:hover{background:var(--color-primary-soft)}.main-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem 1.25rem}.main-nav__link{position:relative;display:inline-flex;align-items:center;min-height:var(--tap-min);padding:.25rem .15rem;font-weight:600;font-size:.95rem;color:var(--color-text-muted);text-decoration:none;transition:color .15s ease}.main-nav__link--active,.main-nav__link:hover{color:var(--color-primary)}.main-nav__link--active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:var(--radius-pill);background:var(--color-primary)}.search-bar{display:none;align-items:center;gap:.5rem;min-height:var(--tap-min);padding:0 1rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font-size:.9rem;min-width:12rem}.search-bar__icon{opacity:.6}@media (min-width:900px){.search-bar{display:inline-flex}}.locale-switcher{display:flex;align-items:center;gap:.35rem;position:relative}.locale-switcher__label{display:flex;align-items:center;margin:0}.locale-switcher__current-flag{font-size:1.1rem;line-height:1}.locale-switcher__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);padding:.45rem 1.75rem .45rem .5rem;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;min-height:44px;max-width:11rem;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.locale-switcher__select:focus,.locale-switcher__select:hover{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-primary-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.locale-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);padding:.4rem .7rem;font-size:.875rem;font-weight:700;font-family:inherit;cursor:pointer;min-width:var(--tap-min);min-height:36px}.locale-btn.active{color:var(--color-primary);background:var(--color-primary-soft)}.locale-btn.active,.locale-btn:hover{border-color:var(--color-primary)}.site-footer{margin-top:auto;border-top:1px solid var(--color-border);background:var(--color-surface-muted)}.trust-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;padding:1.5rem}.trust-bar__item{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.trust-bar__icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background:var(--color-primary-soft);font-size:1.1rem;flex-shrink:0}.site-footer__bottom{padding:.75rem 1.5rem 1.25rem;text-align:center;font-size:.8rem;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.site-footer__link{color:var(--color-primary);font-weight:700;text-decoration:none}.site-footer__link:hover{text-decoration:underline}.pwa-update{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1rem;padding:.75rem 1rem;background:var(--color-primary);color:var(--color-text-inverse)}.pwa-update__copy{margin:0;font-weight:700}.pwa-update__actions{display:flex;flex-wrap:wrap;gap:.5rem}.pwa-update .btn--secondary{background:var(--color-text-inverse)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--tap-min);padding:.65rem 1.25rem;border-radius:var(--radius-pill);font-family:inherit;font-weight:700;font-size:.95rem;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover{background:var(--color-primary-soft)}.btn--sm{padding:.45rem .9rem;font-size:.85rem;min-height:40px}.btn--danger{background:#ef4444;color:#fff;border-color:transparent}.btn--danger:hover{background:#dc2626}.game-shell{padding-bottom:2rem}.game-shell__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;flex-wrap:wrap}.game-shell__back{font-weight:700;color:var(--color-text-muted);text-decoration:none}.game-shell__back:hover{color:var(--color-primary)}.game-shell__toolbar-actions{display:flex;gap:.5rem;flex-wrap:wrap}.game-shell__layout{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;align-items:start}@media (min-width:960px){.game-shell__layout{grid-template-columns:1.4fr .9fr}}.game-shell__stage{padding:1rem;overflow:hidden}.game-shell__stage-header{margin-bottom:.75rem}.game-shell__type-badge{display:inline-block;margin-bottom:.35rem;padding:.2rem .6rem;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);font-size:.75rem;font-weight:700;text-transform:capitalize}.game-shell__title{margin:0;font-size:1.35rem}.game-shell__iframe{width:100%;min-height:min(70vh,520px);border:0;border-radius:var(--radius-md);background:var(--color-surface-muted)}.game-shell__sidebar{padding:1.25rem}.game-shell__sidebar-title{margin:0 0 .5rem;font-size:1.25rem}.game-shell__sidebar-desc{margin:0 0 .75rem;color:var(--color-text-muted);font-size:.95rem}.game-shell__difficulty{display:inline-block;margin-bottom:1rem;padding:.25rem .65rem;border-radius:var(--radius-pill);background:var(--color-surface-muted);font-size:.8rem;font-weight:700}.game-shell__panel{margin-bottom:1rem}.game-shell__panel h3{margin:0 0 .35rem;font-size:.95rem}.game-shell__panel p{margin:0;color:var(--color-text-muted);font-size:.9rem}.game-shell__progress-bar{height:10px;border-radius:var(--radius-pill);background:var(--color-surface-muted);overflow:hidden}.game-shell__progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-pill);transition:width .25s ease}.game-shell__progress-label{margin:.35rem 0 0;font-size:.85rem;font-weight:700;color:var(--color-primary)}.game-shell__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.game-shell__cta{width:100%;margin-bottom:.75rem}.game-shell__motivation{margin:0;padding:.75rem;color:var(--color-primary);font-weight:700;text-align:center}.game-shell__motivation,.game-shell__sync{border-radius:var(--radius-md);background:var(--color-primary-soft)}.game-shell__sync{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0 1rem .75rem;padding:.65rem .75rem}.game-shell__sync p{margin:0;flex:1 1 12rem;color:var(--color-text);font-size:.9rem}.section-page__intro{margin:-.5rem 0 1.25rem;color:var(--color-text-muted);max-width:42rem}.section-hero{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;align-items:center;margin-top:1.5rem;padding:2rem 1.75rem;background:linear-gradient(135deg,#fff,var(--color-primary-soft))}@media (min-width:768px){.section-hero{grid-template-columns:1.2fr .8fr}}.section-hero__eyebrow{margin:0 0 .35rem;font-weight:800;color:var(--color-primary)}.section-hero__title{margin:0 0 .5rem;font-size:clamp(1.6rem,3vw,2.35rem)}.section-hero__subtitle{margin:0 0 1.25rem;color:var(--color-text-muted);max-width:36rem}.section-hero__art{font-size:clamp(2.5rem,6vw,3.5rem);text-align:center}.teaser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.teaser-card{padding:1.25rem}.teaser-card__icon{font-size:1.75rem;display:block;margin-bottom:.5rem}.teaser-card__title{margin:0 0 .35rem;font-size:1.05rem}.teaser-card__desc{margin:0;color:var(--color-text-muted);font-size:.9rem}.legal-page{padding:2rem 0 3rem;max-width:48rem}.legal-page__updated{color:var(--color-text-muted);font-size:.9rem}.legal-page__intro{font-size:1.05rem;line-height:1.6}.legal-page__section{margin-top:1.5rem}.legal-page__section h2{margin:0 0 .5rem;font-size:1.15rem}.legal-page__section p{margin:0;color:var(--color-text-muted);line-height:1.6}.form-card{max-width:36rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-card__context{margin:0;padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary-hover);font-weight:700;font-size:.9rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field label{font-weight:700;font-size:.9rem}.form-field input,.form-field select,.form-field textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;background:var(--color-surface);min-height:var(--tap-min)}.form-field textarea{min-height:8rem;resize:vertical}.form-field input:focus,.form-field textarea:focus{outline:2px solid var(--color-primary-light);border-color:var(--color-primary)}.form-field--honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-card__error{margin:0;color:var(--color-accent-red);font-weight:700}.form-card__success{margin:0;color:var(--color-primary-hover);font-weight:700;font-size:1.05rem}.account-page__stack{display:flex;flex-direction:column;gap:1.25rem;max-width:36rem}.account-page__intro{max-width:36rem;color:var(--color-text-muted);line-height:1.6}.account-page__status{margin:0;font-weight:700}.account-page__signed-in{margin:0;font-weight:800}.account-page__hint{margin:1rem 0 0;font-size:.95rem}.account-page__hint a{color:var(--color-primary);font-weight:700}.account-page__confirm{flex-direction:row;align-items:flex-start;gap:.75rem}.account-page__confirm input{width:1.25rem;height:1.25rem;min-height:1.25rem;margin-top:.2rem;flex-shrink:0}.account-page__section-title{margin:0 0 .5rem;font-size:1.05rem}.account-page__list{margin:0 0 1rem;padding-left:1.2rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--elevated{box-shadow:var(--shadow-md)}@media (max-width:768px){.site-header__inner{grid-template-columns:1fr auto;grid-template-areas:"logo actions" "nav nav"}.site-header__logo{grid-area:logo}.site-header__actions{grid-area:actions}.main-nav{grid-area:nav;justify-content:flex-start;overflow-x:auto;padding-bottom:.25rem}}.hero{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;padding:2.5rem 0 3rem;align-items:center}@media (min-width:900px){.hero{grid-template-columns:1.1fr .9fr;padding:3.5rem 0 4rem}}.hero__title{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.15;color:var(--color-text)}.hero__subtitle{margin:0 0 .75rem;font-size:1.15rem;font-weight:700;color:var(--color-primary)}.hero__description{margin:0 0 1.5rem;color:var(--color-text-muted);max-width:36rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.hero__trust{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0;padding:0;list-style:none;font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.hero__visual{padding:2rem;text-align:center;background:linear-gradient(145deg,#fff,var(--color-primary-soft))}.hero__characters{display:flex;justify-content:center;align-items:end;gap:.5rem;min-height:8rem}.hero__character{font-size:2rem}.hero__character--main{font-size:3.5rem}.hero__visual-caption{margin:1rem 0 0;font-weight:700;color:var(--color-primary)}.section{padding:2rem 0 2.5rem}.section__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section__title{margin:0 0 1rem;font-size:1.5rem;font-weight:800}.section__link{color:var(--color-primary);font-weight:700;text-decoration:none}.section__cta{margin-top:1.25rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:1rem;gap:1rem}.category-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;text-decoration:none;color:var(--color-text);transition:transform .15s ease,box-shadow .15s ease}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.category-card__icon{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-lg);background:var(--color-primary-soft);font-size:1.5rem}.category-card__title{font-weight:700;text-align:center;font-size:.95rem}.game-card{overflow:hidden}.game-card__link{display:block;text-decoration:none;color:inherit}.game-card__description{margin:0 0 .75rem;font-size:.875rem;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card__meta{display:flex;gap:.75rem;font-size:.8rem;font-weight:700;color:var(--color-text-muted)}.catalog{padding-bottom:2rem}.catalog-hero{display:grid;grid-template-columns:1fr auto;grid-gap:1.5rem;gap:1.5rem;align-items:center;margin-top:1.5rem;padding:1.75rem;background:linear-gradient(135deg,#fff,var(--color-primary-soft))}.catalog-hero__eyebrow{margin:0 0 .35rem;font-weight:700;color:var(--color-primary)}.catalog-hero__title{margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2.25rem)}.catalog-hero__subtitle{margin:0;color:var(--color-text-muted);max-width:36rem}.catalog-hero__art{font-size:2.5rem}.catalog-toolbar{margin:1.25rem auto 1rem}.category-pills{display:flex;flex-wrap:wrap;gap:.5rem}.category-pill{display:inline-flex;align-items:center;min-height:40px;padding:.4rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);font-weight:700;font-size:.9rem;text-decoration:none;color:var(--color-text-muted)}.category-pill--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.catalog-empty{padding:2rem 0;color:var(--color-text-muted);font-weight:600}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.game-card__thumb{display:grid;place-items:center;min-height:120px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(135deg,var(--color-primary-soft),#fff);font-size:2.5rem;overflow:hidden}.game-card__thumb-img{width:100%;height:100%;min-height:120px;object-fit:cover}.game-card__body{padding:1rem}.game-card__title{margin:0 0 .5rem;font-size:1rem}.game-card__tag{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-pill);background:#dbeafe;color:#1d4ed8;font-size:.75rem;font-weight:700}.family-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1rem;gap:1rem}.family-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;text-align:center}.family-card span{font-size:.8rem;color:var(--color-text-muted)}.family-card__avatar{width:3.5rem;height:3.5rem;display:grid;place-items:center;border-radius:50%;background:var(--color-primary-soft);font-size:1.5rem}.lobby-room{gap:1rem;max-width:36rem}.lobby-room,.lobby-room__list{display:flex;flex-direction:column}.lobby-room__list{list-style:none;margin:0;padding:0;gap:.5rem}.lobby-room__row{display:flex;align-items:center;gap:.75rem;min-height:var(--tap-min);padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap}.lobby-room__avatar{font-size:1.5rem;width:2.5rem;text-align:center}.lobby-room__ready{margin-left:auto;font-weight:700;color:var(--color-text-muted)}.lobby-room__code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;font-size:1.15rem;font-weight:800;margin:0 0 .5rem}.lobby-room__code-input{letter-spacing:.16em;text-transform:uppercase;font-weight:800}.lobby-room__hint,.lobby-room__host,.lobby-room__nickname,.lobby-room__status{margin:0;color:var(--color-text-muted);line-height:1.5}.lobby-room__host,.lobby-room__nickname,.lobby-room__status{font-weight:700;color:var(--color-text)}.lobby-room__actions{display:flex;flex-wrap:wrap;gap:.75rem}.lobby-room__invite{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}@media (max-width:768px){.lobby-room{max-width:100%}.lobby-room__actions .btn{min-height:var(--tap-min)}}.merch-catalog{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-gap:1.25rem;gap:1.25rem}@media (min-width:720px){.merch-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}.merch-catalog__card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.merch-catalog__title{margin:0;font-size:1.2rem}.merch-catalog__body,.merch-catalog__meta{margin:0;color:var(--color-text-muted);line-height:1.5}.merch-customizer{display:flex;flex-direction:column;gap:1.25rem}.merch-customizer__note,.merch-customizer__price{margin:0;line-height:1.5}.merch-customizer__grid{display:grid;grid-gap:1.5rem;gap:1.5rem}@media (min-width:900px){.merch-customizer__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.merch-preview{max-width:390px}.merch-preview__frame{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--color-primary-soft)}.merch-preview__image,.merch-preview__placeholder{width:100%;height:100%;object-fit:contain;display:block}.merch-preview__safe{position:absolute;inset:var(--merch-inset,8%);border:2px dashed var(--color-primary-hover);pointer-events:none}.merch-preview__warning{margin:.75rem 0 0;color:var(--color-text-muted);line-height:1.5}@media (max-width:768px){.merch-catalog .btn,.merch-customizer .btn,.merch-preview{max-width:100%;min-height:var(--tap-min)}}