*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0d0a;--bg-deep:#181410;--surface:#181410;--card:#1e1a14;--card-active:#262018;--carbon:#181410;--border:#2a2418;--dim:#5a5044;--muted:#8a7e6e;--white:#ece6dc;--emerald:#a8b89a;--teal:#8aada8;--sapphire:#c4a882;--violet:#b8a0c8;--amber:#c9a96e;--rose:#c8847a;--gold:#c9a96e;--coral:#d4937a;--success:#a8b89a;--warning:#c9a96e;--error:#c8847a}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}body{background:var(--bg);color:var(--white);letter-spacing:-.005em;min-height:100vh;font-family:DM Sans,Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c4a88226;border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#c4a88259}::selection{color:var(--white);background:#c4a88240}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes breathe{0%,to{opacity:.4}50%{opacity:.7}}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) both fadeIn}.slide-up{animation:.5s cubic-bezier(.16,1,.3,1) both slideUp}.scale-in{animation:.35s cubic-bezier(.16,1,.3,1) both scaleIn}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.hero-section{width:100%;padding:64px 4vw}.section{width:100%;padding:32px 4vw}.game-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:0 4vw;display:grid}.kg-arcade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.kg-game-card{text-align:left;cursor:pointer;isolation:isolate;border-radius:20px;flex-direction:column;padding:18px 18px 16px;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),border-color .24s;display:flex;position:relative;overflow:hidden}.kg-game-card:after{content:"";border-radius:inherit;background:radial-gradient(120% 90% at 15% 0%, var(--accent,transparent) 0%, transparent 55%);opacity:0;z-index:-1;pointer-events:none;transition:opacity .28s;position:absolute;inset:0}@media (hover:hover){.kg-game-card:hover{transform:translateY(-4px);border-color:var(--accent)!important}.kg-game-card:hover:after{opacity:.1}.kg-game-card:hover .kg-game-icon{transform:scale(1.06)rotate(-3deg)}}.kg-game-card:active{transform:translateY(-1px)scale(.985)}.kg-game-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.kg-chip-row{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;gap:8px;margin:0 -2px;padding:4px 2px 6px;display:flex;overflow-x:auto}.kg-chip-row::-webkit-scrollbar{display:none}.kg-chip{scroll-snap-align:start;white-space:nowrap;flex-shrink:0}.kg-flagship{position:relative;overflow:hidden}.kg-flagship:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff24,#0000);width:45%;height:100%;animation:5.5s ease-in-out infinite kgSheen;position:absolute;top:0;left:-60%;transform:skew(-18deg)}@keyframes kgSheen{0%,62%{left:-60%}to{left:130%}}@media (width>=900px){.kg-arcade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.game-grid{grid-template-columns:1fr;gap:20px;padding:0 16px}.hero-section{padding:40px 16px}.section{padding:24px 16px}.nav-label,.desktop-nav{display:none!important}.mobile-tab-bar{display:flex!important}#root>div{padding-bottom:68px}}@supports (padding-top:env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
