:root{--color-bg:#070912;--color-header:#0e1220;--color-surface:#151a2b;--color-surface-hover:#1d2438;--color-border:#28304a;--color-control:#64708b;--color-text:#f5f7ff;--color-muted:#a6aec2;--color-violet:#8b5cf6;--color-primary:#6d28d9;--color-primary-hover:#7c3aed;--color-primary-pressed:#5b21b6;--color-focus:#c4b5fd;--color-indigo:#5967f2;--color-magenta:#d946ef;--color-orange:#f97316;--color-amber:#f59e0b;--color-gold:#ffd166;--color-success:#4ade80;--bg-success:#10291f;--color-error:#fb7185;--bg-error:#321722;--color-warning:#fbbf24;--bg-warning:#302510;--color-info:#93c5fd;--bg-info:#15243b;--color-disabled:#788298;--bg-disabled:#202638;--gradient-primary:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--font-body:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-base:1rem;--text-small:.875rem;--text-label:.75rem;--line-base:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-control:12px;--radius-menu:16px;--radius-surface:20px;--radius-round:50%;--shadow-soft:0 8px 32px #00000038;--shadow-raised:0 12px 40px #0006;--z-header:20;--z-menu:30;--z-dialog:100;--z-skip:200;--motion-color:.15s;--motion-panel:.18s;--ease-standard:ease-out;--header-height:80px;--header-top:12px;--page-gutter:24px;--content-max:1440px;--breakpoint-tablet:768px;--breakpoint-desktop:1200px}@media (width>=768px) and (width<=1199px){:root{--header-height:72px;--page-gutter:16px}}@media (width<=767px){:root{--header-height:64px;--header-top:0px;--page-gutter:16px}}@media (width<=359px){:root{--page-gutter:12px}}@media (prefers-reduced-motion:reduce){:root{--motion-color:0s;--motion-panel:0s}}@font-face{font-family:Inter;src:url(/fonts/inter/4.1/InterVariable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-padding-top:calc(var(--header-height) + var(--header-top) + var(--space-5))}body{min-width:320px;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--line-base);background:var(--color-bg);color:var(--color-text);margin:0}button,input,select,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}svg{vertical-align:middle;flex-shrink:0}h1,h2,p{margin-top:0}h1,h2{font-weight:600;line-height:1.2}h1{letter-spacing:-.035em;overflow-wrap:break-word;font-size:clamp(2rem,3.4vw,3.5rem)}h2{font-size:1.5rem}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}[tabindex="-1"]:focus:not(:focus-visible){outline:none}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.page-container{width:min(calc(100% - var(--page-gutter) * 2), var(--content-max));flex:1;margin:0 auto}.skip-link{top:-8rem;left:var(--space-4);padding:var(--space-3);background:var(--color-surface);z-index:var(--z-skip);position:fixed}.skip-link:focus{top:var(--space-4)}.header{z-index:var(--z-header);top:var(--header-top);width:min(calc(100% - var(--page-gutter) * 2), var(--content-max));min-height:var(--header-height);margin:var(--header-top) auto 0;padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-surface);background:var(--color-header);display:flex;position:sticky}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.header{background:color-mix(in srgb, var(--color-header) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.header--scrolled{background:var(--color-header);box-shadow:var(--shadow-raised)}.brand{align-items:center;gap:var(--space-2);flex-shrink:0;width:200px;min-height:44px;line-height:1;display:flex}.desktop-nav{margin-left:var(--space-4)}.nav-link{min-height:44px;color:var(--color-muted);align-items:center;font-weight:500;display:inline-flex}.nav-link:hover{color:var(--color-text)}.nav-link.is-active{color:var(--color-focus);text-underline-offset:.4em;text-decoration:underline}.header-actions{align-items:center;gap:var(--space-3);min-width:0;margin-left:auto;display:flex}.compact-only{display:none}.desktop-only{display:flex}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-control);min-height:44px;font-size:var(--text-base);color:var(--color-text);white-space:nowrap;transition:background-color var(--motion-color), border-color var(--motion-color);border:1px solid #0000;padding:9px 20px;font-weight:600;line-height:24px;display:inline-flex;position:relative}.button>span{align-items:center;gap:var(--space-2);display:inline-flex}.button--primary{background:var(--gradient-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.button--primary:active:not(:disabled){background:var(--color-primary-pressed)}.button--secondary{border-color:var(--color-control);background:0 0}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled){background:var(--color-surface-hover)}.button--secondary:active:not(:disabled),.button--ghost:active:not(:disabled){background:var(--color-surface)}.button--ghost{background:0 0}.button--danger{background:var(--bg-error);color:var(--color-error);border-color:var(--color-error)}.button--danger:hover:not(:disabled){background:var(--color-surface-hover)}.button--danger:active:not(:disabled){background:var(--color-header)}.button:disabled{color:var(--color-disabled);background:var(--bg-disabled);border-color:#0000}.icon-button{min-width:44px;padding:10px}.button-spinner{place-content:center;position:absolute;inset:0;display:grid!important}.dropdown{position:relative}.dropdown-trigger{gap:var(--space-2);padding-inline:var(--space-3);font-weight:500}.language-code{font-size:var(--text-small)}.dropdown-panel{z-index:var(--z-menu);top:calc(100% + var(--space-2));width:200px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-menu);box-shadow:var(--shadow-raised);position:absolute;right:0}.dropdown-panel button{text-align:left;border-radius:var(--space-2);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);color:var(--color-text);overflow-wrap:anywhere;background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.dropdown-panel button:hover{background:var(--color-surface-hover)}.dropdown-panel button[aria-checked=true]{color:var(--color-focus)}.dropdown-panel button:disabled{color:var(--color-disabled)}.user-heading{padding:var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.user-heading>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-heading small{margin-top:var(--space-2);color:var(--color-muted);display:block}.balance{min-height:44px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:inline-flex;position:relative}.balance[data-full]:focus:after{content:attr(data-full);background:var(--color-surface);padding:var(--space-3);border:1px solid var(--color-control);border-radius:var(--radius-control);font-size:var(--text-small);z-index:var(--z-menu);position:absolute;top:calc(100% + 8px);right:0}.balance--error{gap:var(--space-2)}.balance--error .button{padding-inline:var(--space-2)}.auth-pending{align-items:center;min-height:44px;display:flex}.dialog{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-surface);width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--space-5);box-shadow:var(--shadow-raised);z-index:var(--z-dialog);overflow-y:auto}.dialog::backdrop{background:#000000b3}.dialog-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.dialog-heading h2{margin:0;font-size:1.5rem}.drawer{border-radius:var(--radius-surface) 0 0 var(--radius-surface);width:min(360px,90vw);height:100dvh;max-height:100dvh;margin:0 0 0 auto}.drawer-nav{gap:var(--space-3);flex-direction:column;display:flex}.drawer-nav>a:not(.button){align-items:center;min-height:48px;display:flex}.drawer-email{overflow-wrap:anywhere;margin:0}.locale-options{border:0;border-top:1px solid var(--color-border);padding:var(--space-4) 0;margin:var(--space-3) 0}.locale-options legend{color:var(--color-muted)}.locale-options label{align-items:center;gap:var(--space-3);cursor:pointer;min-height:48px;display:flex}.locale-options input{accent-color:var(--color-focus);width:20px;height:20px}.field{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.field label{font-weight:500}.field input{background:var(--color-header);width:100%;min-height:48px;color:var(--color-text);border:1px solid var(--color-control);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control)}.field input::placeholder{color:var(--color-muted)}.field input[aria-invalid=true]{border-color:var(--color-error)}.field input:disabled{background:var(--bg-disabled);color:var(--color-disabled)}.field p{font-size:var(--text-small);margin:0}.field-hint,.muted{color:var(--color-muted)}.inline-error{color:var(--color-error)}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-surface);padding:var(--space-5)}.surface p:last-child{margin-bottom:0}.badge{padding:var(--space-1) var(--space-2);border-radius:var(--space-2);font-size:var(--text-small);line-height:20px;display:inline-flex}.badge--info{color:var(--color-info);background:var(--bg-info)}.badge--success{color:var(--color-success);background:var(--bg-success)}.badge--warning{color:var(--color-warning);background:var(--bg-warning)}.badge--error{color:var(--color-error);background:var(--bg-error)}.skeleton{background:var(--color-border);border-radius:var(--space-1);max-width:100%;height:1.25rem;display:inline-block}.spinner{border:2px solid var(--color-control);border-top-color:var(--color-focus);border-radius:var(--radius-round);width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.inline-loading,.page-loading{align-items:center;gap:var(--space-3);display:flex}.page-loading{justify-content:center;min-height:40vh}.message-page,.placeholder-page{max-width:800px;padding:clamp(48px,8vw,96px) 0}.message-page p,.placeholder-page p{color:var(--color-muted)}.placeholder-page h1{margin-top:var(--space-5)}.foundation-intro{padding:clamp(48px, 7vw, 96px) var(--space-5) 64px;max-width:900px}.eyebrow{color:var(--color-focus);letter-spacing:.14em;font-weight:500;font-size:var(--text-small)}.intro-description{color:var(--color-muted);max-width:560px;margin-bottom:var(--space-6);font-size:1.125rem;line-height:1.6}.games-foundation{scroll-margin-top:calc(var(--header-height) + 32px);margin-bottom:64px}.games-foundation .surface{max-width:560px;color:var(--color-muted)}.footer{text-align:center;color:var(--color-muted);font-size:var(--text-small);padding:var(--space-6) var(--space-4)}.empty-state{padding:var(--space-6);text-align:center;color:var(--color-muted)}.pagination{justify-content:center;align-items:center;gap:var(--space-4);padding-block:var(--space-5);display:flex}.admin-foundation{padding-top:var(--space-6)}.admin-foundation>nav{gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-foundation>nav a{padding:var(--space-3);border-radius:var(--radius-control);min-height:44px}.admin-foundation>nav a.active{background:var(--color-surface);color:var(--color-focus)}@media (width<=1199px){.header{padding-inline:var(--space-4)}.desktop-only,.desktop-nav{display:none}.compact-only{display:flex}.brand{width:160px}.header-actions{gap:var(--space-2)}}@media (width<=767px){.header{width:100%;padding:9px var(--page-gutter);gap:var(--space-2);border-width:0 0 1px;border-radius:0}.brand{gap:var(--space-1);width:auto;max-width:112px;margin-right:auto}.register-header{display:none}.header-actions{gap:var(--space-1)}.header .button{padding-inline:var(--space-3)}.header .icon-button{padding:10px}.balance{padding-inline:var(--space-2);font-size:1rem}.foundation-intro{padding:48px 0}.dialog-heading h2{font-size:1.375rem}.pagination{gap:var(--space-2)}.balance--error .button{font-size:.875rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.spinner{animation:none}}.dropdown:has(.user-heading) .dropdown-panel{width:280px}.page-container:focus,.games-foundation:focus{outline:none}.auth-dialog{width:min(440px,100vw - 32px)}.auth-page{width:min(440px,100%);max-height:none;margin:48px auto;position:static;overflow:visible}.auth-dialog h1,.verify-page h1{margin:24px 0;font-size:24px;line-height:32px}.auth-dialog .dialog-heading h2{font-size:20px}.auth-stack{flex-direction:column;gap:16px;display:flex}.auth-stack p{margin:0}.auth-stack .field{margin-bottom:0}.auth-stack .button,.auth-stack>a{text-align:center;width:100%}.auth-stack>a{justify-content:center;align-items:center;min-height:44px;display:flex}.auth-local-chrome{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-local-chrome label{align-items:center;gap:8px;font-size:14px;display:flex}.auth-local-chrome select{background:var(--color-header);color:var(--color-text);border:1px solid var(--color-control);border-radius:12px;min-height:44px;padding:8px}.auth-steps{color:var(--color-muted);justify-content:space-between;gap:8px;margin:24px 0;padding:0;font-size:12px;list-style:none;display:flex}.auth-steps [aria-current]{color:var(--color-focus);font-weight:600}.auth-email{overflow-wrap:anywhere;background:var(--color-header);border-radius:12px;padding:16px}.auth-switch{text-align:center}.auth-stack .muted,.cooldown{color:var(--color-muted);font-size:14px}.session-notice{background:var(--color-surface);border-radius:12px;width:min(600px,100% - 32px);margin:16px auto;padding:16px}@media (width<=767px),(height<=639px){.auth-background{display:none}.app-shell:has(.auth-route)>header{display:none}.app-shell:has(.auth-route)>footer{display:none}.auth-route{width:100%;padding:0}.auth-page{padding:max(16px, env(safe-area-inset-top)) var(--page-gutter) max(24px, env(safe-area-inset-bottom));background:var(--color-bg);box-shadow:none;border:0;border-radius:0;min-height:100dvh;margin:0 auto}.auth-dialog h1,.verify-page h1{font-size:22px;line-height:28px}}@media (width<=767px){.header-actions>.balance{white-space:normal;overflow-wrap:anywhere;min-width:0}.header-actions>.compact-only{flex-shrink:0}}.brand-image{flex-shrink:0;width:140px;max-width:100%;height:auto;display:block}.brand-image--full{width:240px}.brand .brand-image{width:auto;height:54px}.auth-brand{flex-shrink:1;width:240px;min-width:0;max-width:100%}.auth-local-chrome{flex-wrap:wrap}@media (width<=1199px){.brand .brand-image{height:44px}}
