@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--color-background:#1a202c;--color-background-2:#2c3548;--color-background-2-stroke:#44516d;--color-button-primary:#618ee0;--color-button-primary-stroke:#3861af;--color-button-secondary:#6cb665;--color-button-secondary-stroke:#479641;--color-button-tertiary:#fff9ea;--color-button-tertiary-stroke:#ffeab6;--color-text-primary:#f7f7f7;--color-text-secondary:#a6adc3;--color-text-on-tertiary:#1a202c;--font-family-base:"Manrope", sans-serif;--font-family-heading:"Manrope", sans-serif;--space-xs:clamp(6px, .5vw, 10px);--space-sm:clamp(10px, .85vw, 16px);--space-md:clamp(16px, 1.25vw, 24px);--space-lg:clamp(22px, 1.9vw, 36px);--space-xl:clamp(32px, 2.7vw, 52px);--font-size-display:clamp(44px, 5vw, 96px);--font-size-title:clamp(34px, 3.4vw, 66px);--font-size-subtitle:clamp(28px, 2.7vw, 52px);--font-size-body:clamp(24px, 2.2vw, 42px);--font-size-button:clamp(24px, 2.3vw, 44px);--font-size-small:clamp(18px, 1.7vw, 32px);--line-height-tight:1.15;--line-height-normal:1.4;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 24px #00000059;--touch-target-min:96px;--game-max-width:1700px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}html{background-color:var(--color-background)}body{font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ig-screen{min-height:100vh;padding:var(--space-lg);justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.ig-container{width:100%;max-width:var(--game-max-width);margin-inline:auto}.ig-btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-button);cursor:pointer;border:2px solid #0000;font-weight:700;transition:filter .15s,transform .1s;display:inline-flex}.ig-btn:active{transform:translateY(1px)}.ig-btn:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}.ig-btn--primary{background:var(--color-button-primary);border-color:var(--color-button-primary-stroke);color:var(--color-text-primary)}.ig-btn--secondary{background:var(--color-button-secondary);border-color:var(--color-button-secondary-stroke);color:var(--color-text-primary)}.ig-btn--tertiary{background:var(--color-button-tertiary);border-color:var(--color-button-tertiary-stroke);color:var(--color-text-on-tertiary)}.ig-btn:hover{filter:brightness(1.06)}.ig-media-fs{z-index:3000;background:#000;justify-content:center;align-items:center;display:flex;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;margin:0!important;position:fixed!important;inset:0!important}.ig-media-fs>video,.ig-media-fs>img{object-fit:contain!important;width:100%!important;height:100%!important;max-height:100vh!important}.ig-media-fs-toggle{right:var(--space-sm);bottom:var(--space-sm);z-index:3001;justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--touch-target-min);padding:var(--space-xs) var(--space-md);border:3px solid var(--color-text-primary);border-radius:var(--radius-pill);background:var(--color-button-primary);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-body);white-space:nowrap;box-shadow:var(--shadow-md);cursor:pointer;font-weight:800;display:inline-flex;position:absolute}.ig-media-fs-toggle:active{transform:translateY(1px)}:root{--bg:#1a202c;--fg:#f7fafc;--muted:#a0aec0;--card-bg:#2d3748;--border:#4a5568;--accent:#3182ce;--accent-hover:#2b6cb0}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--fg);background:var(--bg);margin:0;font-family:Manrope,system-ui,sans-serif}.home{flex-direction:column;justify-content:center;gap:clamp(1rem,3vh,1.5rem);min-height:100%;padding:clamp(.4rem,.8vw,.9rem) 0;display:flex}.home__header{text-align:center;padding:0 1.5rem}.home__title{color:var(--fg);margin:0;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:800}.home__subtitle{color:var(--muted);font-size:var(--font-size-body);margin:.75rem 0 0;font-weight:600}.category{flex-direction:column;gap:.25rem;display:flex}.category__title{font-size:var(--font-size-subtitle);color:var(--fg);align-items:center;gap:.6rem;margin:0;padding:0 clamp(3rem,7vw,5rem);font-weight:800;display:flex}.category__icon{font-size:1.15em;line-height:1}.carousel{align-items:center;display:flex;position:relative}.carousel__track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;padding:.75rem clamp(3rem,7vw,5rem);display:flex;overflow-x:auto}.carousel__track::-webkit-scrollbar{display:none}.carousel__nav{z-index:2;width:var(--touch-target-min);height:var(--touch-target-min);background:var(--accent);color:#fff;font-size:var(--font-size-title);cursor:pointer;border:none;border-radius:50%;place-items:center;line-height:1;transition:background .15s;display:grid;position:absolute;box-shadow:0 4px 14px #0006}.carousel__nav:hover,.carousel__nav:focus-visible{background:var(--accent-hover);outline:none}.carousel__nav--prev{left:clamp(.75rem,2vw,1.5rem)}.carousel__nav--next{right:clamp(.75rem,2vw,1.5rem)}.game-card{scroll-snap-align:center;background:var(--card-bg);width:clamp(300px,31vw,530px);color:inherit;border:2px solid var(--border);border-radius:18px;flex-direction:column;flex:none;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.game-card:hover,.game-card:focus-visible{border-color:var(--card-color);outline:none;transform:translateY(-6px)}.game-card__art{background:var(--card-color);place-items:center;height:120px;display:grid}.game-card__emoji{font-size:5.4rem}.game-card__body{text-align:center;flex:1;padding:1rem 1rem .4rem}.game-card__title{font-size:var(--font-size-body);color:var(--fg);margin:0;font-weight:800;line-height:1.15}.game-card__cta{background:var(--accent);color:#fff;font-size:var(--font-size-button);min-height:var(--touch-target-min);text-align:center;border-radius:10px;margin:.4rem 1rem .75rem;padding:.7rem;font-weight:800}.home__footer{text-align:center;color:var(--muted);font-size:var(--font-size-button);min-height:var(--touch-target-min);font-weight:600}