:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fs-eyebrow: 10px;--fs-label: 12px;--fs-body: 14px;--fs-body-lg: 16px;--fs-h3: 20px;--fs-h2: 28px;--fs-h1: 40px;--fs-display: 56px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 22px;--r-pill: 9999px;--ease-snap: cubic-bezier(.22, 1, .36, 1);--ease-gentle: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s}:root,:root[data-games-theme=classic]{--canvas: #fafafa;--canvas-card: #ffffff;--canvas-soft: #f5f5f5;--surface: #ffffff;--surface-soft: #f5f5f5;--surface-card: #ffffff;--hairline: #e5e5e5;--ink: #0a0a0a;--body: #2a2a2a;--muted: #6b6b6b;--primary: #6366f1;--accent: #ec4899;--card-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--card-shadow-hover: 0 10px 30px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--card-border: 1px solid var(--hairline);--card-border-hover: 1px solid var(--primary);--hero-gradient: linear-gradient(135deg, rgba(99, 102, 241, .08) 0%, rgba(236, 72, 153, .08) 100%);--nav-blur: blur(8px);--nav-bg: rgba(255, 255, 255, .85)}[data-theme=dark]:root,[data-theme=dark]:root[data-games-theme=classic]{--canvas: #0a0a0f;--canvas-card: #13131a;--canvas-soft: #0f0f15;--surface: #13131a;--surface-soft: #0f0f15;--surface-card: #1a1a24;--hairline: #232330;--ink: #f5f5f7;--body: #c5c5cf;--muted: #6f6f7f;--primary: #818cf8;--accent: #f472b6;--card-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--card-shadow-hover: 0 10px 30px rgba(0, 0, 0, .5), 0 4px 6px rgba(0, 0, 0, .3);--nav-bg: rgba(10, 10, 15, .85)}:root[data-games-theme=arcade]{--canvas: #f5f3ef;--canvas-card: #fffdfa;--canvas-soft: #ebe7df;--surface: #fffdfa;--surface-soft: #faf8f4;--surface-card: #fffdfa;--hairline: #e9e5de;--hairline-soft: #ebe6df;--ink: #252524;--body: #3d3d3a;--muted: #8b8984;--primary: #6572c7;--primary-soft: #eef0ff;--success: #4e9b7b;--card-shadow: 0 18px 55px rgba(75, 65, 50, .08);--card-shadow-hover: 0 18px 55px rgba(101, 114, 199, .12), 0 4px 14px rgba(75, 65, 50, .06);--card-border: 1px solid var(--hairline);--card-border-hover: 1px solid var(--primary);--hero-gradient: radial-gradient( circle at 4% 0%, rgba(218, 211, 193, .38) 0%, transparent 34% );--ambient-1: #dfe4ff;--ambient-2: #f3ddca;--nav-blur: blur(10px);--nav-bg: color-mix(in srgb, var(--canvas) 86%, transparent)}[data-theme=dark]:root[data-games-theme=arcade]{--canvas: #1d1e24;--canvas-card: #282930;--canvas-soft: #17181d;--surface: #282930;--surface-soft: #24252b;--surface-card: #282930;--hairline: #3b3c44;--hairline-soft: #2d2e35;--ink: #f1f0ec;--body: #c8c5be;--muted: #a1a0a0;--primary: #9ca7ff;--primary-soft: #30334b;--success: #79c3a1;--card-shadow: 0 18px 55px rgba(0, 0, 0, .18);--card-shadow-hover: 0 18px 55px rgba(156, 167, 255, .14), 0 4px 14px rgba(0, 0, 0, .18);--card-border: 1px solid var(--hairline);--card-border-hover: 1px solid var(--primary);--hero-gradient: radial-gradient( circle at 4% 0%, rgba(63, 76, 134, .28) 0%, transparent 40% );--ambient-1: #2a3559;--ambient-2: #3a2f2a;--nav-blur: blur(10px);--nav-bg: color-mix(in srgb, var(--canvas) 86%, transparent)}#root{min-height:100vh;display:flex;flex-direction:column}#userButtonContainer{display:inline-flex!important;align-items:center}#root{position:relative;z-index:2}#root>*:not(.top-bar){position:relative;z-index:4}.backdrop,.morph-card{position:fixed}.backdrop{top:0;right:0;bottom:0;left:0;background:#0009;z-index:250}.backdrop.active{opacity:1}.morph-card{z-index:300}.theme-dropdown{min-width:180px;padding:6px}.theme-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-color);font-size:.9rem;font-family:inherit;text-align:left;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease}.theme-option:hover{background:#ffffff14}.theme-option.active{background:#00e5ff1f;color:var(--secondary-color)}.theme-option-icon{width:16px;text-align:center}.theme-option-shortcut{margin-left:auto;color:var(--text-muted);font-size:.8rem}.theme-mode-toggle{display:inline-flex;align-items:center;background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:3px;margin:0 4px;height:32px;transition:border-color .15s ease,background .15s ease}.theme-mode-toggle button{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:transparent;border:0;color:var(--muted);padding:0 12px;height:24px;border-radius:var(--r-pill);cursor:pointer;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.theme-mode-toggle button:hover{color:var(--ink)}.theme-mode-toggle button.active{background:var(--ink);color:var(--canvas);box-shadow:0 1px 2px #00000026}.hero{padding:60px 24px 40px;text-align:center;position:relative}.hero-block{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}.hero-icon{font-size:32px}.hero h1{font-size:var(--fs-h1);font-weight:600;color:var(--ink);letter-spacing:-.5px}.hero p{max-width:520px;margin:12px auto 0;color:var(--muted);font-size:var(--fs-body);line-height:1.6}:root[data-games-theme=arcade] body{background-color:var(--canvas)!important;background-image:var(--hero-gradient)!important;transition:background .25s,color .25s}:root[data-games-theme=arcade] body:before,:root[data-games-theme=arcade] body:after{content:"";position:fixed;pointer-events:none;filter:blur(60px);opacity:.35;border-radius:50%;z-index:-1}:root[data-games-theme=arcade] body:before{width:260px;height:260px;background:var(--ambient-1);top:9%;right:8%}:root[data-games-theme=arcade] body:after{width:220px;height:220px;background:var(--ambient-2);bottom:4%;left:3%}:root[data-games-theme=arcade] .arcade-hero{background:transparent;padding:clamp(48px,8vw,96px) clamp(20px,4vw,64px) clamp(24px,4vw,48px);border-bottom:1px solid var(--hairline)}:root[data-games-theme=arcade] .arcade-hero__inner{max-width:1280px;margin:0 auto}:root[data-games-theme=arcade] .intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(24px,4vw,64px);flex-wrap:wrap}:root[data-games-theme=arcade] .intro-left{flex:1 1 320px;min-width:0}:root[data-games-theme=arcade] .intro-right{flex:0 1 360px;display:flex;flex-direction:column;gap:14px}:root[data-games-theme=arcade] .eyebrow{font-size:var(--fs-eyebrow);letter-spacing:.16em;color:var(--primary);font-weight:700;margin:0 0 14px;text-transform:uppercase}:root[data-games-theme=arcade] .intro-left h1{font-size:clamp(36px,4.4vw,60px);line-height:1.1;letter-spacing:-.05em;margin:0;font-weight:700;color:var(--ink)}:root[data-games-theme=arcade] .intro-left h1 em{color:var(--primary);font-style:normal}:root[data-games-theme=arcade] .intro-copy{color:var(--muted);font-size:var(--fs-body-lg);line-height:1.7;margin:0;max-width:56ch}:root[data-games-theme=arcade] .privacy-note{display:flex;gap:10px;align-items:flex-start;color:var(--success);font-size:var(--fs-label);line-height:1.5;padding:10px 14px;border-radius:var(--r-md);background:color-mix(in srgb,var(--success) 8%,transparent);border:1px solid color-mix(in srgb,var(--success) 18%,transparent)}:root[data-games-theme=arcade] .privacy-note small{color:var(--muted);display:block;margin-top:2px}:root[data-games-theme=arcade] .privacy-dot{width:7px;height:7px;border-radius:50%;background:var(--success);flex-shrink:0;margin-top:6px;box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent)}:root[data-games-theme=arcade] .arcade-grid{padding:clamp(40px,6vw,72px) clamp(20px,4vw,64px) clamp(48px,6vw,96px);background:transparent}:root[data-games-theme=arcade] .arcade-grid__inner{max-width:1280px;margin:0 auto}:root[data-games-theme=arcade] .arcade-grid__header{margin-bottom:28px}:root[data-games-theme=arcade] .arcade-grid__title{font-size:clamp(24px,2.4vw,32px);font-weight:700;letter-spacing:-.03em;margin:6px 0 0;color:var(--ink)}:root[data-games-theme=arcade] .arcade-grid__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}:root[data-games-theme=arcade] .arcade-card{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--surface-card);border:var(--card-border);border-radius:var(--r-xl);box-shadow:var(--card-shadow);padding:22px 22px 26px;text-decoration:none;color:var(--ink);transition:transform .18s var(--ease-snap),box-shadow .22s var(--ease-snap),border-color .22s;cursor:pointer;min-height:160px}:root[data-games-theme=arcade] .arcade-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--card-shadow-hover)}:root[data-games-theme=arcade] .arcade-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}:root[data-games-theme=arcade] .arcade-card__tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--primary);padding:4px 10px;border-radius:var(--r-pill);background:var(--primary-soft)}:root[data-games-theme=arcade] .arcade-card__icon{font-size:24px;line-height:1;color:var(--muted);transition:color .18s,transform .18s var(--ease-snap)}:root[data-games-theme=arcade] .arcade-card:hover .arcade-card__icon{color:var(--primary);transform:translate(2px)}:root[data-games-theme=arcade] .arcade-card__name{font-size:19px;font-weight:600;letter-spacing:-.01em;margin:4px 0 0;color:var(--ink)}:root[data-games-theme=arcade] .arcade-card__desc{font-size:13px;color:var(--muted);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root[data-games-theme=arcade] .arcade-card__arrow{position:absolute;top:22px;right:22px;font-size:14px;color:var(--muted);opacity:0;transform:translate(-4px);transition:opacity .18s,transform .18s var(--ease-snap),color .18s}:root[data-games-theme=arcade] .arcade-card:hover .arcade-card__arrow{opacity:1;transform:translate(0);color:var(--primary)}:root[data-games-theme=arcade] #userBgLayer,:root[data-games-theme=arcade] #userBgMask{display:none}.card-grid{padding:0 24px 60px;max-width:1200px;margin:0 auto}.card-grid__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card-grid__item{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--r-md);padding:20px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--ink);box-shadow:var(--card-shadow);transition:transform .18s var(--ease-snap),box-shadow .18s var(--ease-snap),border-color .18s;cursor:pointer}.card-grid__item:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover);border-color:var(--primary)}.card-grid__item-icon{font-size:32px;line-height:1}.card-grid__item-title{font-size:var(--fs-h3);font-weight:600;color:var(--ink)}.card-grid__item-desc{font-size:var(--fs-body);color:var(--muted);line-height:1.5}:root[data-games-theme=arcade] .classic-only{display:none}:root[data-games-theme=arcade] .arcade-landing{display:block}:root[data-games-theme=arcade] .hero{display:none}