:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background-light);color:var(--color-text-dark)}a{font-weight:500;color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-dark);text-decoration:underline}button{border-radius:var(--radius-sm);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--color-primary);color:#fff;cursor:pointer;transition:background-color .2s ease}button:hover{background-color:var(--color-primary-dark)}button:focus,button:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5em}p{margin-bottom:1em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*{margin:0;padding:0;box-sizing:border-box}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center;min-height:100vh}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--color-background-light);color:var(--color-text-dark);line-height:1.5}.coming-soon-container{min-height:100vh;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:var(--space-md)}.header{padding:var(--space-xl) 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.site-logo{max-width:180px;height:auto}.site-title{color:var(--color-primary-dark);font-size:var(--font-size-4xl);font-weight:700;letter-spacing:.02em}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-3xl);padding:var(--space-2xl) 0}.announcement{text-align:center;max-width:600px;animation:fadeIn 1s ease-in}.announcement-title{font-size:var(--font-size-5xl);color:var(--color-primary);margin-bottom:var(--space-lg);font-weight:700}.announcement-text{font-size:var(--font-size-xl);color:var(--color-text-medium);line-height:1.6}.upcoming-events{width:100%;max-width:800px;background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:0 4px 12px #0000000d;border:1px solid var(--color-divider)}.events-title{color:var(--color-primary-dark);font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);position:relative;display:inline-block}.events-title:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background-color:var(--color-secondary);border-radius:var(--radius-full)}.events-container{display:flex;flex-direction:column;gap:var(--space-md)}.event-placeholder{padding:var(--space-lg);background-color:var(--color-primary-subtle);border-radius:var(--radius-md);text-align:center;color:var(--color-primary)}.social-links{width:100%;max-width:800px;background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:0 4px 12px #0000000d;border:1px solid var(--color-divider);margin-top:var(--space-2xl);text-align:center}.social-links-title{color:var(--color-primary-dark);font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);position:relative;display:inline-block}.social-links-title:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background-color:var(--color-secondary);border-radius:var(--radius-full)}.store-info{margin-bottom:var(--space-xl)}.store-details{background-color:var(--color-primary-subtle);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.store-details h4{color:var(--color-primary-dark);font-size:var(--font-size-lg);margin-bottom:var(--space-md);text-align:center}.store-address{margin-bottom:var(--space-md);line-height:1.6}.store-contact{margin-bottom:var(--space-md);font-weight:500}.store-description{color:var(--color-text-medium);font-style:italic;margin-bottom:0}.social-buttons{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap;margin-top:var(--space-lg)}.social-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:background-color .2s,transform .2s}.social-button:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.social-button.discord{background-color:#5865f2}.social-button.discord:hover{background-color:#4752c4}.social-button.facebook{background-color:#1877f2}.social-button.facebook:hover{background-color:#0d65d9}.social-button.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-button.instagram:hover{filter:brightness(1.1)}.footer{margin-top:auto;padding:var(--space-xl) 0;text-align:center;color:var(--color-text-light);font-size:var(--font-size-sm);border-top:1px solid var(--color-divider)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.site-title{font-size:var(--font-size-3xl)}.announcement-title{font-size:var(--font-size-4xl)}.announcement-text{font-size:var(--font-size-lg)}.main-content{gap:var(--space-2xl)}.social-buttons{flex-direction:column;align-items:center}}:root{--color-primary-dark: #1B5E20;--color-primary: #2E7D32;--color-primary-light: #43A047;--color-primary-subtle: #E8F5E9;--color-secondary-dark: #EF6C00;--color-secondary: #FF8F00;--color-secondary-light: #FFB74D;--color-secondary-subtle: #FFF3E0;--color-text-dark: #212121;--color-text-medium: #616161;--color-text-light: #9E9E9E;--color-divider: #E0E0E0;--color-background-light: #F5F5F5;--color-white: #FFFFFF;--color-success: #4CAF50;--color-warning: #FFC107;--color-error: #F44336;--color-info: #2196F3;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}.events-list{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.events-loading,.events-error,.no-events{padding:var(--space-lg);background-color:var(--color-primary-subtle);border-radius:var(--radius-md);text-align:center;color:var(--color-primary)}.events-error{background-color:#f443361a;color:var(--color-error)}.event-card{display:flex;gap:var(--space-md);background-color:var(--color-white);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-divider);transition:transform .2s ease,box-shadow .2s ease}.event-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.event-date-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:70px;padding:var(--space-md);background-color:var(--color-secondary);color:#fff;font-weight:600}.event-date-badge span:first-child{font-size:var(--font-size-2xl);line-height:1}.event-date-badge span:last-child{font-size:var(--font-size-sm);text-transform:uppercase}.event-details{flex:1;padding:var(--space-md);text-align:left}.event-title{color:var(--color-text-dark);font-size:var(--font-size-lg);margin-bottom:var(--space-xs);font-weight:600}.event-time,.event-date,.event-location{color:var(--color-text-medium);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.event-location{display:flex;align-items:center;gap:var(--space-xs)}.event-description{margin-top:var(--space-sm);color:var(--color-text-medium);font-size:var(--font-size-sm);line-height:1.5}@media (max-width: 600px){.event-card{flex-direction:column}.event-date-badge{flex-direction:row;width:100%;gap:var(--space-sm);justify-content:flex-start;padding:var(--space-sm)}}
