:root{--color-bg-deep: #0a0e1a;--color-bg-card: #121829;--color-bg-elevated: #1a2238;--color-surface: #232d4a;--color-accent: #00d4aa;--color-accent-soft: #00d4aa33;--color-accent-alt: #7c5cff;--color-accent-warm: #ff6b4a;--color-text-primary: #f4f7fc;--color-text-secondary: #b8c4dc;--color-text-muted: #8896b0;--color-border: #2e3a5c;--color-topbar-bg: #141b2e;--color-topbar-text: #e8edf8;--color-nav-bg: #0f1424;--color-hero-overlay: #0a0e1acc;--font-body: "Outfit", system-ui, sans-serif;--font-display: "Syne", "Outfit", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .35);--shadow-glow: 0 0 40px rgba(0, 212, 170, .15);--transition-fast: .2s ease;--transition-base: .35s ease;--container-max: 1200px;--nav-height: 72px;--topbar-height: 36px;--padding-page: 24px;--padding-page-md: 20px;--padding-page-sm: 18px;--padding-section-y: 64px;--padding-section-y-sm: 40px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-deep);min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-primary)}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--padding-page);padding-right:var(--padding-page)}.topbar{background:var(--color-topbar-bg);color:var(--color-topbar-text);font-size:.8125rem;font-weight:500;min-height:var(--topbar-height);display:flex;align-items:center;border-bottom:1px solid var(--color-border)}.topbar__inner{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;text-align:center;padding:10px var(--padding-page)}.topbar__icon{color:var(--color-accent-warm);font-size:.875rem;flex-shrink:0}.topbar__text strong{color:var(--color-accent);font-weight:700}.navbar{background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);position:relative;z-index:100}.navbar__inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--nav-height);gap:16px;padding-top:8px;padding-bottom:8px}.brand{display:flex;align-items:center;gap:12px;color:var(--color-text-primary);flex-shrink:0}.brand:hover{color:var(--color-text-primary)}.brand__icon-wrap{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-alt) 100%);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.brand__icon{font-size:1.25rem;color:var(--color-bg-deep)}.brand__text{display:flex;flex-direction:column;line-height:1.2}.brand__name{font-family:var(--font-display);font-size:1.125rem;font-weight:800;letter-spacing:-.02em}.brand__tagline{font-size:.6875rem;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.nav-desktop{display:flex;align-items:center;gap:8px}.nav-desktop__link{display:inline-flex;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.nav-desktop__link:hover{background:var(--color-surface);color:var(--color-text-primary)}.nav-desktop__link--active{color:var(--color-accent);background:var(--color-accent-soft)}.nav-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:1.25rem;background:var(--color-surface);transition:background var(--transition-fast)}.nav-toggle:hover{background:var(--color-bg-elevated)}.nav-mobile{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-soft);padding:20px 0 28px}.nav-mobile--open{display:block}.nav-mobile__list{display:flex;flex-direction:column;gap:8px}.nav-mobile__link{display:block;padding:16px 18px;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;font-weight:500;background:var(--color-bg-card);border:1px solid var(--color-border);transition:border-color var(--transition-fast),background var(--transition-fast)}.nav-mobile__link:hover{border-color:var(--color-accent);background:var(--color-bg-elevated);color:var(--color-text-primary)}.hero{position:relative;overflow:hidden;background:var(--color-bg-deep)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,#0a0e1a,#1a1040 40%,#0d2838)}.hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-hero-overlay)}.hero__pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;background-image:radial-gradient(circle at 2px 2px,var(--color-accent) 1px,transparent 0);background-size:32px 32px}.hero__content{position:relative;z-index:2;width:100%;padding:var(--padding-section-y) 0}.hero__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:start}.hero__games-heading{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.hero__games-grid{display:flex;flex-direction:column;gap:14px}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:100px;font-size:.8125rem;font-weight:600;color:var(--color-accent);margin-bottom:20px}.hero__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15;color:var(--color-text-primary);margin-bottom:16px;letter-spacing:-.03em}.hero__title span{color:var(--color-accent)}.hero__desc{font-size:1.0625rem;color:var(--color-text-secondary);max-width:520px;margin-bottom:28px}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(135deg,var(--color-accent) 0%,#00a88a 100%);color:var(--color-bg-deep);box-shadow:0 4px 24px #00d4aa59}.btn--primary:hover{color:var(--color-bg-deep);box-shadow:0 6px 32px #00d4aa73}.btn--outline{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-border)}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.hero__stats{display:flex;gap:32px;flex-wrap:wrap}.hero__stat{display:flex;flex-direction:column}.hero__stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-accent)}.hero__stat-label{font-size:.8125rem;color:var(--color-text-muted)}.hero__game-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px 24px;width:100%;box-shadow:var(--shadow-soft)}.hero__game-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:14px}.hero__game-icon--spin{background:linear-gradient(135deg,#7c5cff33,#7c5cff);color:#c4b5ff}.hero__game-icon--cards{background:linear-gradient(135deg,#00d4aa33,#00d4aa);color:#7effe0}.hero__game-icon--dice{background:linear-gradient(135deg,#ff6b4a33,#ff6b4a);color:#ffc4b5}.hero__game-name{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin-bottom:6px}.hero__game-desc{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:16px}.hero__game-meta{display:flex;flex-wrap:wrap;gap:12px 16px;font-size:.8125rem;color:var(--color-text-muted)}.hero__game-meta span{display:flex;align-items:center;gap:6px}.page-main{min-height:40vh}.home-intro{padding:var(--padding-section-y) 0;background:var(--color-bg-card);border-top:1px solid var(--color-border)}.home-intro__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.home-intro__card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;transition:border-color var(--transition-fast)}.home-intro__card:hover{border-color:var(--color-accent)}.home-intro__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:16px}.home-intro__title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin-bottom:10px}.home-intro__text{font-size:.9375rem;color:var(--color-text-secondary)}.site-footer{background:var(--color-nav-bg);border-top:1px solid var(--color-border);padding:36px 0 32px}.site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.site-footer__brand{font-family:var(--font-display);font-weight:700;color:var(--color-text-primary)}.site-footer__copy{font-size:.875rem;color:var(--color-text-muted)}.site-footer__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-surface);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-text-secondary)}@media (max-width: 992px){.hero__grid{grid-template-columns:1fr;gap:32px}.home-intro__grid{grid-template-columns:1fr}}@media (max-width: 768px){:root{--padding-page: var(--padding-page-md);--padding-section-y: var(--padding-section-y-sm)}.nav-desktop{display:none}.nav-toggle{display:flex}.brand__tagline{display:none}.navbar__inner{gap:12px}.hero__content{padding-top:36px;padding-bottom:36px}.hero__title{margin-bottom:12px}.hero__desc{margin-bottom:22px}.hero__actions{flex-direction:column;margin-bottom:24px;gap:10px}.hero__stats{gap:16px 24px}.hero__stat-value{font-size:1.25rem}.hero__games-heading{margin-bottom:12px}.hero__games-grid{gap:12px}.hero__game-card{padding:18px 20px}.hero__game-meta{flex-direction:column;align-items:flex-start;gap:8px}.btn{width:100%;justify-content:center;padding:14px 20px}.topbar__inner{font-size:.75rem;line-height:1.45;padding:12px var(--padding-page-md)}.home-intro{padding-top:36px;padding-bottom:36px}.home-intro__grid{gap:16px}.home-intro__card{padding:22px 20px}.site-footer{padding:28px 0 24px}.site-footer__inner{flex-direction:column;align-items:flex-start;gap:14px}.site-footer__copy{line-height:1.5}}@media (max-width: 480px){:root{--padding-page: var(--padding-page-sm)}.brand__name{font-size:.9375rem}.brand__icon-wrap{width:38px;height:38px}.brand{gap:10px}.hero__badge{margin-bottom:14px;padding:8px 14px}.hero__content{padding-top:28px;padding-bottom:28px}.hero__game-card{padding:16px 18px}.hero__game-icon{width:48px;height:48px;font-size:1.25rem;margin-bottom:12px}.nav-mobile__link{padding:15px 16px}.topbar__inner{padding:12px var(--padding-page-sm)}.home-intro__card{padding:20px 18px}}