@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";.app-header[data-v-860b3478]{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000;width:100%}.header-container[data-v-860b3478]{display:flex;justify-content:space-between;align-items:center}.app-header__logo[data-v-860b3478]{display:flex;align-items:center;height:100px;text-decoration:none;transition:transform .2s ease}.logo[data-v-860b3478]{height:100%;width:auto;object-fit:contain}.app-header__logo[data-v-860b3478]:hover{transform:scale(1.05)}.app-header__nav[data-v-860b3478]{display:flex;align-items:center;gap:var(--spacing-xl)}.app-header__nav ul[data-v-860b3478]{display:flex;gap:var(--spacing-lg);list-style:none;margin:0}.nav-link[data-v-860b3478]{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-decoration:none;padding-bottom:var(--spacing-sm);border-bottom:3px solid transparent;transition:all .2s ease}.nav-link[data-v-860b3478]:hover{color:var(--color-primary);border-bottom-color:var(--color-primary-light)}.nav-link.active[data-v-860b3478]{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}@media(max-width:768px){.app-header__nav ul[data-v-860b3478]{display:none}}.app-footer[data-v-eb0fc13c]{background-color:var(--color-text);color:var(--color-bg);padding-top:var(--spacing-xxl);margin-top:var(--spacing-xxl)}.footer-main[data-v-eb0fc13c]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-brand p[data-v-eb0fc13c]{color:var(--color-border);font-size:var(--font-size-sm);max-width:300px;line-height:1.5;margin-top:var(--spacing-md)}.app-footer__logo[data-v-eb0fc13c]{font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--color-primary);text-decoration:none}.footer-links h3[data-v-eb0fc13c]{font-family:var(--font-heading);font-size:var(--font-size-md);color:var(--color-white);margin-bottom:var(--spacing-md)}.footer-links ul[data-v-eb0fc13c]{list-style:none;padding:0;margin:0}.footer-links li[data-v-eb0fc13c]{margin-bottom:var(--spacing-sm)}.footer-links a[data-v-eb0fc13c]{color:var(--color-border);text-decoration:none;font-size:var(--font-size-base);transition:color .2s ease}.footer-links a[data-v-eb0fc13c]:hover{color:var(--color-primary)}.footer-bottom[data-v-eb0fc13c]{border-top:1px solid #4a4e5e;padding:var(--spacing-lg) 0;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:768px){.footer-main[data-v-eb0fc13c]{grid-template-columns:1fr;text-align:center}.footer-brand p[data-v-eb0fc13c]{margin-left:auto;margin-right:auto}}#app[data-v-c8ffa8c2]{display:flex;flex-direction:column;min-height:100vh}.main-content[data-v-c8ffa8c2]{flex:1;display:flex;flex-direction:column}.main-content.is-game-play[data-v-c8ffa8c2]{flex:1 1 100%;height:100vh;overflow:hidden}:root{--color-primary: #6FDA44;--color-primary-dark: #58C02B;--color-primary-light: #E8FADE;--color-secondary: #FF9F1C;--color-secondary-dark: #E68F19;--color-accent: #00A6FB;--color-accent-light: #E0F5FF;--color-white: #FFFFFF;--color-bg: #F8FDF6;--color-surface: #FFFFFF;--color-text: #333745;--color-text-muted: #7A7D8A;--color-border: #E8E8E8;--color-success: #28A745;--color-warning: #FFC107;--color-error: #DC3545;--font-heading: "Fredoka One", cursive;--font-body: "Nunito", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.5rem;--font-size-xl: 2.5rem;--font-size-xxl: 3.5rem;--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 4rem;--container-width: 1200px;--container-padding: var(--spacing-lg);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-circle: 50%;--border-width: 2px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--shadow-card: 0 4px 10px rgba(0, 0, 0, .07)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-weight:var(--font-weight-regular);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.2;color:var(--color-text);letter-spacing:.5px}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary-dark);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-secondary)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section-padding{padding-top:var(--spacing-xxl);padding-bottom:var(--spacing-xxl)}.section-title{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:center}.btn{display:inline-block;font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);padding:.8rem 1.8rem;border:none;border-radius:var(--border-radius-lg);cursor:pointer;text-decoration:none;text-align:center;transition:all .3s ease;transform:translateY(0);box-shadow:var(--shadow-md)}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 0 var(--color-primary-dark),0 6px 12px #0003}.btn-primary:hover{background-color:#7fe252;transform:translateY(-2px);box-shadow:0 6px 0 var(--color-primary-dark),0 8px 12px #0003}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 0 var(--color-primary-dark),0 4px 6px #0003}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white);box-shadow:0 4px 0 var(--color-secondary-dark),0 6px 12px #0003}.btn-secondary:hover{background-color:#ffab3c;transform:translateY(-2px);box-shadow:0 6px 0 var(--color-secondary-dark),0 8px 12px #0003}.btn-secondary:active{transform:translateY(1px);box-shadow:0 2px 0 var(--color-secondary-dark),0 4px 6px #0003}.btn-outline{background-color:var(--color-white);color:var(--color-primary);border:var(--border-width) solid var(--color-primary);box-shadow:var(--shadow-sm)}.btn-outline:hover{background-color:var(--color-primary-light)}.btn-outline:active{box-shadow:none}.card{background-color:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:all .3s ease}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.game-card{width:200px;flex-shrink:0}.game-card__image-wrapper{position:relative;aspect-ratio:4 / 3;background-color:var(--color-primary-light)}.game-card__image{width:100%;height:100%;object-fit:cover}.game-card__badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background-color:var(--color-secondary);color:var(--color-white);font-family:var(--font-body);font-weight:var(--font-weight-extrabold);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);text-transform:uppercase;letter-spacing:.5px}.game-card__content{padding:var(--spacing-md)}.game-card__title{font-size:var(--font-size-md);font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--spacing-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card__category{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-md)}.game-card__play-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:background-color .2s ease;display:block;text-align:center;text-decoration:none}.game-card__play-btn:hover{background-color:#008ad3}.category-card{position:relative;aspect-ratio:1 / 1;display:flex;align-items:flex-end;justify-content:center;padding:var(--spacing-lg);text-decoration:none;background:linear-gradient(180deg,#0000,#0000001a 40%,#000000b3)}.category-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .4s ease}.category-card:hover .category-card__image{transform:scale(1.1)}.category-card__title{font-size:var(--font-size-lg);color:var(--color-white);text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.game-grid .game-card{width:100%}