@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";.app[data-v-fe164cdd]{min-height:100vh;display:flex;flex-direction:column}.navbar[data-v-fe164cdd]{position:fixed;top:0;left:0;right:0;z-index:100;background:#0f0a1aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-container[data-v-fe164cdd]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);height:56px;display:flex;align-items:center;justify-content:space-between}.nav-logo[data-v-fe164cdd]{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);font-size:1.375rem;font-weight:600;color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.nav-logo[data-v-fe164cdd]:hover{color:var(--color-accent-strong)}.nav-logo-icon[data-v-fe164cdd]{flex-shrink:0;color:var(--color-accent)}.nav-links[data-v-fe164cdd]{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-link[data-v-fe164cdd]{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link[data-v-fe164cdd]:hover{color:var(--color-text);background:var(--color-surface)}.nav-link.router-link-active[data-v-fe164cdd]{color:var(--color-accent);background:#f5c8421f}.main-content[data-v-fe164cdd]{flex:1;padding-top:56px}.app-card[data-v-fff29329]{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.app-card--padding-default[data-v-fff29329]{padding:var(--spacing-lg)}.app-card--padding-md[data-v-fff29329]{padding:var(--spacing-md)}.app-card--padding-none[data-v-fff29329]{padding:0}.app-card--interactive[data-v-fff29329]{cursor:pointer}.app-card--interactive[data-v-fff29329]:hover{background:var(--color-surface-hover);border-color:#ffffff2e;box-shadow:0 8px 24px #00000040}.app-card-title[data-v-fff29329]{margin:0 0 var(--spacing-md);font-size:1.125rem;font-weight:600;color:var(--color-text)}.app-btn[data-v-d892ffad]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-body);font-weight:600;border-radius:var(--btn-radius);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);border:1px solid transparent}.app-btn[data-v-d892ffad]:focus-visible{outline:none;box-shadow:var(--input-focus-ring)}.app-btn--disabled[data-v-d892ffad]{opacity:.55;cursor:not-allowed}.app-btn--sm[data-v-d892ffad]{min-height:36px;padding:0 14px;font-size:.875rem}.app-btn--md[data-v-d892ffad]{min-height:var(--btn-height);padding:0 var(--btn-padding-x);font-size:1rem}.app-btn--lg[data-v-d892ffad]{min-height:52px;padding:0 28px;font-size:1.0625rem}.app-btn--block[data-v-d892ffad]{width:100%}.app-btn--primary[data-v-d892ffad]{background:linear-gradient(135deg,var(--color-accent) 0%,#d4a82a 100%);color:#1a0a00;border-color:#d4a82a66}.app-btn--primary[data-v-d892ffad]:hover:not(.app-btn--disabled){filter:brightness(1.08)}.app-btn--primary[data-v-d892ffad]:active:not(.app-btn--disabled){filter:brightness(.95)}.app-btn--secondary[data-v-d892ffad]{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.app-btn--secondary[data-v-d892ffad]:hover:not(.app-btn--disabled){background:var(--color-surface-hover);border-color:#fff3}.app-btn--outline[data-v-d892ffad]{background:transparent;color:var(--color-accent);border-color:#f5c84280}.app-btn--outline[data-v-d892ffad]:hover:not(.app-btn--disabled){background:#f5c8421a;border-color:#f5c842b3}.app-btn--ghost[data-v-d892ffad]{background:transparent;color:var(--color-text-muted);border-color:transparent}.app-btn--ghost[data-v-d892ffad]:hover:not(.app-btn--disabled){background:var(--color-surface);color:var(--color-text)}.app-btn--danger[data-v-d892ffad]{background:var(--color-festive-soft);color:#f87171;border-color:#dc262666}.app-btn--danger[data-v-d892ffad]:hover:not(.app-btn--disabled){background:#dc262640;border-color:#dc262699}.home[data-v-4abcad7b]{min-height:calc(100vh - 56px);padding-bottom:100px}.home-header[data-v-4abcad7b]{text-align:center;padding:var(--spacing-2xl) var(--spacing-md)}.home-title[data-v-4abcad7b]{font-size:2rem;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-accent) 0%,#eab308 50%,var(--color-festive) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-subtitle[data-v-4abcad7b]{color:var(--color-text-muted);font-size:1rem}.games-section[data-v-4abcad7b]{padding:0 var(--spacing-md)}.container[data-v-4abcad7b]{max-width:900px;margin:0 auto}.empty-state[data-v-4abcad7b]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.empty-icon[data-v-4abcad7b]{color:var(--color-accent);opacity:.8}.empty-state p[data-v-4abcad7b]{margin:0}.games-grid[data-v-4abcad7b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-lg)}.game-card[data-v-4abcad7b]{cursor:pointer}.game-card-inner[data-v-4abcad7b]{text-align:center}.game-card-icon-wrap[data-v-4abcad7b]{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.game-card-icon[data-v-4abcad7b]{color:var(--color-accent)}.game-card-title[data-v-4abcad7b]{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--color-text)}.game-card-stats[data-v-4abcad7b]{font-size:.9375rem;color:var(--color-text-muted);margin:0}.fab[data-v-4abcad7b]{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:56px;height:56px;padding:0;border-radius:50%;min-height:56px}.fab-icon[data-v-4abcad7b]{font-size:1.75rem;font-weight:300;line-height:1}.fab-label[data-v-4abcad7b]{position:absolute;right:100%;margin-right:12px;white-space:nowrap;font-size:.875rem;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.fab:hover .fab-label[data-v-4abcad7b]{opacity:1}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-heading: "Fredoka", "Be Vietnam Pro", sans-serif;--font-body: "Be Vietnam Pro", sans-serif;--color-primary: #c026d3;--color-secondary: #9333ea;--color-accent: #f5c842;--color-accent-strong: #ffd700;--color-festive: #dc2626;--color-festive-soft: rgba(220, 38, 38, .15);--color-background: #0f0a1a;--color-surface: rgba(255, 255, 255, .06);--color-surface-hover: rgba(255, 255, 255, .1);--color-border: rgba(255, 255, 255, .12);--color-border-focus: rgba(245, 200, 66, .6);--color-text: #f8fafc;--color-text-muted: rgba(248, 250, 252, .65);--color-text-dim: rgba(248, 250, 252, .45);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--input-height: 44px;--input-padding-x: 14px;--input-padding-y: 10px;--input-border: 1px solid var(--color-border);--input-radius: var(--radius-md);--input-bg: rgba(255, 255, 255, .04);--input-focus-ring: 0 0 0 2px var(--color-border-focus);--btn-height: 44px;--btn-padding-x: 20px;--btn-radius: var(--radius-md);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-text);background-color:var(--color-background);min-height:100vh}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;letter-spacing:-.02em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.input-base{width:100%;min-height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);font-family:var(--font-body);font-size:1rem;color:var(--color-text);background:var(--input-bg);border:var(--input-border);border-radius:var(--input-radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-base::placeholder{color:var(--color-text-dim)}.input-base:hover{border-color:#fff3}.input-base:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--input-focus-ring)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:var(--color-primary);color:#fff}