:root,[data-theme=dark]{color-scheme:dark;--rl-bg: #0a0c14;--rl-bg-elevated: #0f1220;--rl-surface: #151929;--rl-surface-2: #1c2138;--rl-surface-hover: #242b45;--rl-surface-active: #2a3250;--rl-accent: #4d8eff;--rl-accent-bright: #6ba3ff;--rl-accent-hover: #3a7aef;--rl-accent-pressed: #2a62c9;--rl-accent-soft: rgba(77, 142, 255, .14);--rl-accent-glow: rgba(77, 142, 255, .42);--rl-accent-violet: #7c5cff;--rl-accent-violet-soft: rgba(124, 92, 255, .12);--rl-text: #eef1ff;--rl-text-muted: #9aa3c7;--rl-text-dim: #6b7394;--rl-text-inverse: #0a0c14;--rl-cream: #c8d4ff;--rl-cream-soft: rgba(200, 212, 255, .06);--rl-danger: #ff6b7a;--rl-danger-hover: #e85565;--rl-danger-soft: rgba(255, 107, 122, .14);--rl-warning: #f0c040;--rl-warning-soft: rgba(240, 192, 64, .14);--rl-border: rgba(255, 255, 255, .06);--rl-border-strong: rgba(255, 255, 255, .11);--rl-header: #0f1220;--rl-header-text: #eef1ff;--rl-overlay: rgba(8, 10, 18, .88);--rl-gradient-shell: linear-gradient( 165deg, rgba(124, 92, 255, .08) 0%, transparent 42%, rgba(77, 142, 255, .06) 100% );--rl-gradient-topbar: linear-gradient( 180deg, rgba(28, 33, 56, .95) 0%, rgba(15, 18, 32, .98) 100% );--rl-gradient-launch: linear-gradient( 135deg, rgba(77, 142, 255, .22) 0%, rgba(124, 92, 255, .18) 50%, rgba(15, 18, 32, .92) 100% );--thumb-gradient-1: linear-gradient(135deg, #3d5a80 0%, #1a2a42 100%);--thumb-gradient-2: linear-gradient(135deg, #5b4a8a 0%, #2d2450 100%);--thumb-gradient-3: linear-gradient(135deg, #4a7a6b 0%, #244238 100%);--thumb-gradient-4: linear-gradient(135deg, #8a5b4a 0%, #4a2d24 100%);--thumb-gradient-5: linear-gradient(135deg, #6b5a8a 0%, #352a50 100%);--thumb-gradient-6: linear-gradient(135deg, #4a6a8a 0%, #243850 100%);--thumb-gradient-7: linear-gradient(135deg, #7a6b4a 0%, #403524 100%);--thumb-gradient-8: linear-gradient(135deg, #5a7a8a 0%, #2a4048 100%);--thumb-gradient-space-1: linear-gradient(135deg, #1e4a7a 0%, #0d2848 100%);--thumb-gradient-space-2: linear-gradient(135deg, #2a5a9a 0%, #142d58 100%);--thumb-gradient-space-3: linear-gradient(135deg, #3a6ab0 0%, #1a3568 100%);--thumb-gradient-medieval-1: linear-gradient(135deg, #8a6040 0%, #4a3020 100%);--thumb-gradient-medieval-2: linear-gradient(135deg, #a07050 0%, #5a3828 100%);--thumb-gradient-medieval-3: linear-gradient(135deg, #b88858 0%, #684030 100%);--thumb-gradient-adventure-1: linear-gradient(135deg, #2a7a70 0%, #143838 100%);--thumb-gradient-adventure-2: linear-gradient(135deg, #3a9088 0%, #1a4848 100%);--thumb-gradient-adventure-3: linear-gradient(135deg, #4aa898 0%, #205050 100%);--thumb-gradient-magic-1: linear-gradient(135deg, #6a4a9a 0%, #352060 100%);--thumb-gradient-magic-2: linear-gradient(135deg, #8058b0 0%, #402870 100%);--thumb-gradient-magic-3: linear-gradient(135deg, #9668c8 0%, #503080 100%);--thumb-gradient-tech-1: linear-gradient(135deg, #4a5a70 0%, #242838 100%);--thumb-gradient-tech-2: linear-gradient(135deg, #5a6a88 0%, #2a3048 100%);--thumb-gradient-tech-3: linear-gradient(135deg, #6a7a98 0%, #303850 100%);--thumb-gradient-farming-1: linear-gradient(135deg, #5a8040 0%, #304818 100%);--thumb-gradient-farming-2: linear-gradient(135deg, #6a9850 0%, #385820 100%);--thumb-gradient-farming-3: linear-gradient(135deg, #7ab060 0%, #406828 100%);--thumb-gradient-horror-1: linear-gradient(135deg, #5a2848 0%, #2a1428 100%);--thumb-gradient-horror-2: linear-gradient(135deg, #703858 0%, #381830 100%);--thumb-gradient-horror-3: linear-gradient(135deg, #884868 0%, #441c38 100%);--thumb-gradient-building-1: linear-gradient(135deg, #8a7040 0%, #483820 100%);--thumb-gradient-building-2: linear-gradient(135deg, #a08850 0%, #584828 100%);--thumb-gradient-building-3: linear-gradient(135deg, #b8a060 0%, #685830 100%);--thumb-gradient-performance-1: linear-gradient(135deg, #8a7830 0%, #484018 100%);--thumb-gradient-performance-2: linear-gradient(135deg, #a89038 0%, #585020 100%);--thumb-gradient-performance-3: linear-gradient(135deg, #c0a840 0%, #686028 100%);--thumb-gradient-nature-1: linear-gradient(135deg, #3a7048 0%, #1a3828 100%);--thumb-gradient-nature-2: linear-gradient(135deg, #488858 0%, #204830 100%);--thumb-gradient-nature-3: linear-gradient(135deg, #58a068 0%, #285838 100%);--thumb-gradient-combat-1: linear-gradient(135deg, #8a4038 0%, #481818 100%);--thumb-gradient-combat-2: linear-gradient(135deg, #a04840 0%, #581c20 100%);--thumb-gradient-combat-3: linear-gradient(135deg, #b85048 0%, #682028 100%);--thumb-gradient-vanilla-1: linear-gradient(135deg, #6a9850 0%, #385828 100%);--thumb-gradient-vanilla-2: linear-gradient(135deg, #7fa650 0%, #4e7837 100%);--thumb-gradient-vanilla-3: linear-gradient(135deg, #8cb860 0%, #588840 100%);--thumb-gradient-import-1: linear-gradient(135deg, #4a5068 0%, #282c38 100%);--thumb-gradient-import-2: linear-gradient(135deg, #5a6078 0%, #323848 100%);--rl-radius: 12px;--rl-radius-sm: 8px;--rl-radius-pill: 999px;--rl-shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--rl-shadow: 0 8px 24px rgba(0, 0, 0, .4);--rl-shadow-hover: 0 12px 36px rgba(0, 0, 0, .5);--rl-shadow-glow: 0 0 32px var(--rl-accent-glow);--rl-sidebar-width: 232px;--rl-statusbar-height: 48px;--rl-create-bar-gap: 28px;--rl-font: "Inter", "Segoe UI", system-ui, sans-serif;--rl-mono: ui-monospace, "Cascadia Code", monospace;--rl-text-xs: .72rem;--rl-text-sm: .82rem;--rl-text-base: .92rem;--rl-text-lg: 1.05rem;--rl-text-xl: 1.35rem;--rl-text-2xl: 1.55rem;--rl-weight-regular: 500;--rl-weight-semibold: 600;--rl-weight-bold: 700;--rl-weight-heavy: 800;--rl-tracking-label: .08em;--bg: var(--rl-bg);--bg-elevated: var(--rl-bg-elevated);--surface: var(--rl-surface);--surface-2: var(--rl-surface-2);--surface-hover: var(--rl-surface-hover);--border: var(--rl-border);--border-strong: var(--rl-border-strong);--text: var(--rl-text);--text-muted: var(--rl-text-muted);--text-dim: var(--rl-text-dim);--accent: var(--rl-accent);--accent-dim: var(--rl-accent-soft);--accent-hover: var(--rl-accent-hover);--accent-glow: var(--rl-accent-glow);--rose: var(--rl-danger);--rose-dim: var(--rl-danger-soft);--amber: var(--rl-warning);--amber-dim: var(--rl-warning-soft);--header: var(--rl-header);--header-text: var(--rl-header-text);--overlay-bg: var(--rl-overlay);--radius: var(--rl-radius);--radius-sm: var(--rl-radius-sm);--shadow-sm: var(--rl-shadow-sm);--shadow: var(--rl-shadow);--shadow-hover: var(--rl-shadow-hover);--font: var(--rl-font);--mono: var(--rl-mono);--violet: var(--rl-accent-violet);--violet-dim: var(--rl-accent-violet-soft);--sky: var(--rl-accent);--sky-dim: var(--rl-accent-soft);--orange: var(--rl-warning);--orange-dim: var(--rl-warning-soft)}[data-theme=classic]{color-scheme:dark;--rl-bg: #312e2b;--rl-bg-elevated: #262421;--rl-surface: #3d3a36;--rl-surface-2: #4b4847;--rl-surface-hover: #555250;--rl-surface-active: #5e5b57;--rl-accent: #7fa650;--rl-accent-bright: #81b64c;--rl-accent-hover: #6b9346;--rl-accent-pressed: #4e7837;--rl-accent-soft: rgba(127, 166, 80, .16);--rl-accent-glow: rgba(127, 166, 80, .32);--rl-accent-violet: #a29bfe;--rl-accent-violet-soft: rgba(162, 155, 254, .12);--rl-text: #f5f5f0;--rl-text-muted: #b8b5af;--rl-text-dim: #8a8780;--rl-cream: #eeeed2;--rl-cream-soft: rgba(238, 238, 210, .08);--rl-danger: #e05858;--rl-danger-hover: #c94545;--rl-danger-soft: rgba(224, 88, 88, .14);--rl-border: rgba(255, 255, 255, .06);--rl-border-strong: rgba(255, 255, 255, .12);--rl-header: #262421;--rl-overlay: rgba(38, 36, 33, .88);--rl-gradient-shell: radial-gradient(circle at 12% 8%, var(--rl-accent-soft), transparent 42%);--rl-gradient-topbar: none;--rl-gradient-launch: linear-gradient(135deg, rgba(127, 166, 80, .2), rgba(38, 36, 33, .95));--rl-shadow-glow: 0 0 24px var(--rl-accent-glow);--rl-radius: 10px;--rl-radius-sm: 6px}[data-theme=light]{color-scheme:light;--rl-bg: #e8eaf4;--rl-bg-elevated: #f4f5fb;--rl-surface: #ffffff;--rl-surface-2: #eceef8;--rl-surface-hover: #e2e5f2;--rl-surface-active: #d8dce8;--rl-text: #121528;--rl-text-muted: #5a6280;--rl-text-dim: #8a90a8;--rl-text-inverse: #f4f5fb;--rl-border: rgba(18, 21, 40, .08);--rl-border-strong: rgba(18, 21, 40, .14);--rl-header: #121528;--rl-overlay: rgba(18, 21, 40, .72);--rl-shadow-sm: 0 2px 8px rgba(18, 21, 40, .06);--rl-shadow: 0 8px 24px rgba(18, 21, 40, .08);--rl-shadow-hover: 0 12px 32px rgba(18, 21, 40, .12);--rl-gradient-shell: linear-gradient(165deg, rgba(77, 142, 255, .06), transparent 50%);--rl-gradient-topbar: linear-gradient(180deg, #ffffff, #f4f5fb);--rl-gradient-launch: linear-gradient(135deg, rgba(77, 142, 255, .12), rgba(255, 255, 255, .95))}:root{--rl-duration-instant: 80ms;--rl-duration-fast: .15s;--rl-duration-normal: .22s;--rl-duration-slow: .32s;--rl-ease-out: cubic-bezier(.22, 1, .36, 1);--rl-ease-spring: cubic-bezier(.34, 1.4, .64, 1);--rl-ease-spring-soft: cubic-bezier(.25, 1, .5, 1);--rl-transition-fast: var(--rl-duration-fast) var(--rl-ease-out);--rl-transition-normal: var(--rl-duration-normal) var(--rl-ease-spring-soft);--rl-transition-spring: var(--rl-duration-normal) var(--rl-ease-spring);--rl-focus-ring: 0 0 0 2px var(--rl-bg), 0 0 0 4px var(--rl-accent);--rl-focus-ring-danger: 0 0 0 2px var(--rl-bg), 0 0 0 4px var(--rl-danger)}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--rl-focus-ring)}.btn:focus-visible,.chip:focus-visible{box-shadow:var(--rl-focus-ring)}.btn.danger:focus-visible{box-shadow:var(--rl-focus-ring-danger)}.input:focus-visible,textarea.input:focus-visible,select.input:focus-visible{border-color:var(--rl-accent);box-shadow:var(--rl-focus-ring)}@media(prefers-reduced-motion:reduce){:root{--rl-duration-instant: 0ms;--rl-duration-fast: 0ms;--rl-duration-normal: 0ms;--rl-duration-slow: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-animations=off] *,[data-animations=off] *:before,[data-animations=off] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card{background:var(--rl-surface);border:1px solid var(--rl-border);border-radius:var(--rl-radius);padding:20px 22px;box-shadow:var(--rl-shadow-sm);transition:box-shadow var(--rl-transition-fast),background var(--rl-transition-fast),border-color var(--rl-transition-fast),transform var(--rl-transition-normal)}.card:hover{box-shadow:var(--rl-shadow)}.card-flat{background:var(--rl-surface-2);box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--rl-radius-sm);border:1px solid transparent;font-weight:var(--rl-weight-bold);font-size:var(--rl-text-base);line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transform:scale(1);transform-origin:center center;appearance:none;-webkit-appearance:none;text-decoration:none;transition:background var(--rl-transition-fast),border-color var(--rl-transition-fast),box-shadow var(--rl-transition-fast),color var(--rl-transition-fast),transform var(--rl-duration-instant) var(--rl-ease-spring),opacity var(--rl-transition-fast)}.btn:hover:not(:disabled):not(.loading){transform:scale(1.01)}.btn:active:not(:disabled):not(.loading){transform:scale(.97);transition-duration:var(--rl-duration-instant)}.btn:disabled,.btn.loading{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:var(--rl-accent);color:#fff;border-color:var(--rl-accent-hover);box-shadow:inset 0 1px #ffffff1f}.btn.primary:hover:not(:disabled){background:var(--rl-accent-hover)}.btn.secondary{background:transparent;color:var(--rl-text);border-color:var(--rl-border-strong)}.btn.secondary:hover:not(:disabled){background:var(--rl-surface-hover);border-color:var(--rl-text-dim)}.btn.ghost{background:var(--rl-surface-2);color:var(--rl-text-muted);border-color:transparent}.btn.ghost:hover:not(:disabled){background:var(--rl-surface-hover);color:var(--rl-text)}.btn.compact{padding:7px 12px;font-size:var(--rl-text-sm)}.btn-link{display:inline-flex;align-items:center;padding:4px 6px;border:none;background:none;color:var(--rl-accent-bright);font-size:var(--rl-text-sm);font-weight:var(--rl-weight-bold);cursor:pointer;appearance:none;-webkit-appearance:none;transition:color var(--rl-transition-fast)}.btn-link:hover:not(:disabled){color:var(--rl-accent)}.segmented-control{display:inline-flex;padding:3px;border-radius:var(--rl-radius-sm);background:var(--rl-surface-2);gap:2px}.segmented-control .segment{padding:8px 13px;border-radius:calc(var(--rl-radius-sm) - 2px);border:none;background:transparent;color:var(--rl-text-dim);font-size:var(--rl-text-xs);font-weight:var(--rl-weight-bold);letter-spacing:var(--rl-tracking-label);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--rl-transition-fast),color var(--rl-transition-fast)}.segmented-control .segment.active{background:var(--rl-surface);color:var(--rl-text-muted);box-shadow:var(--rl-shadow-sm)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--rl-text-xs);font-weight:var(--rl-weight-bold);letter-spacing:var(--rl-tracking-label);text-transform:uppercase;padding:5px 10px;border-radius:var(--rl-radius-sm);background:var(--rl-surface-2);color:var(--rl-text-muted)}.badge.accent,.badge-pill.accent{background:var(--rl-accent);color:#fff}.badge.subtle,.badge-pill.subtle{background:var(--rl-accent-soft);color:var(--rl-accent-bright)}.badge-pill{border-radius:var(--rl-radius-pill);min-width:20px;justify-content:center;padding:2px 8px}h1,.h1{font-size:clamp(2rem,8vw,4rem);font-weight:var(--rl-weight-heavy);letter-spacing:-.04em;line-height:.95;color:var(--rl-text)}h2,.h2{font-size:var(--rl-text-xl);font-weight:var(--rl-weight-bold);letter-spacing:-.01em;line-height:1.2;color:var(--rl-text)}h3,.h3{font-size:var(--rl-text-lg);font-weight:var(--rl-weight-bold);line-height:1.25;color:var(--rl-text)}.section-label{display:block;font-size:var(--rl-text-xs);font-weight:var(--rl-weight-bold);letter-spacing:var(--rl-tracking-label);text-transform:uppercase;color:var(--rl-text-dim);margin-bottom:8px}.text-muted{color:var(--rl-text-muted)}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:local("Inter"),local("Inter Variable")}*{box-sizing:border-box}html{min-height:100%;background:var(--rl-bg);color:var(--rl-text);font-family:var(--rl-font);scroll-behavior:smooth}body{min-height:100%;margin:0;background:radial-gradient(circle at 18% 6%,var(--rl-accent-violet-soft),transparent 30rem),radial-gradient(circle at 78% 8%,var(--rl-accent-soft),transparent 28rem),var(--rl-gradient-shell),var(--rl-bg);color:var(--rl-text);font-family:var(--rl-font);font-size:var(--rl-text-base);font-weight:var(--rl-weight-regular);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit}img,video{display:block;max-width:100%}.skip-link{position:absolute;left:12px;top:12px;z-index:100;transform:translateY(-160%);padding:10px 14px;border-radius:var(--rl-radius-sm);background:var(--rl-accent);color:#fff;font-weight:var(--rl-weight-bold);text-decoration:none}.skip-link:focus{transform:translateY(0);box-shadow:var(--rl-focus-ring)}.btn.primary.glow{box-shadow:inset 0 1px #ffffff24,0 0 0 1px #4d8eff40,0 8px 28px var(--rl-accent-glow)}.btn.primary.glow:hover:not(:disabled){box-shadow:inset 0 1px #ffffff29,0 0 0 1px #4d8eff59,0 12px 36px var(--rl-accent-glow)}.btn.lg{padding:14px 22px;font-size:var(--rl-text-lg);border-radius:var(--rl-radius)}.section{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:88px 0}.section-head{max-width:640px;margin-bottom:40px}.section-head h2{margin:0 0 12px;font-size:clamp(1.6rem,4vw,2.35rem);letter-spacing:-.03em;line-height:1.15}.section-head p{margin:0;color:var(--rl-text-muted);font-size:var(--rl-text-lg);line-height:1.55}@media(max-width:720px){.section{width:min(1120px,calc(100% - 28px));padding:64px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}