:root{--primary:#d7b64a;--primary-dark:#caa63d;--dark:#970000;--light:#fffaf0;--red:#970000;--gold:#d7b64a;--accent:#b84e2f;--maroon:#970000;--goldenwhite:#d7b64a;--nav-height:74px}@media (max-width:1024px){:root{--nav-height:110px}}@media (max-width:768px){:root{--nav-height:74px}}@media (max-width:480px){:root{--nav-height:72px}}html{-ms-overflow-style:none!important;margin:0;max-width:100%;overflow-x:hidden;padding:0;scroll-behavior:smooth;scrollbar-width:none!important;width:100%}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none!important}::-webkit-scrollbar{display:none!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none!important;color:#970000;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;margin:0!important;max-width:100%;min-height:100vh;overflow-x:hidden;padding:0!important;scrollbar-width:none!important;width:100%}body:before{background:linear-gradient(180deg,#d7b64a,#d7b64a 16%,#f1dc90 55%,#fbf3d5 80%,#fffbf0);content:"";inset:0;pointer-events:none;position:fixed;transform:translateZ(0);will-change:transform;z-index:-10}.admin-theme{color:#fff!important}.admin-theme:before{background:linear-gradient(135deg,#0a0a12,#1a1a2e 35%,#2d1b69 70%,#0a0a12)!important}.admin-theme .app-content{padding-top:0!important}body::-webkit-scrollbar{display:none}#root{display:block;margin:0;padding:0;width:100%}.app-root{margin:0!important;overflow-x:hidden;padding:0!important;width:100%!important}*{box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none}::selection{background:#9700002e;color:#970000}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes goldRed{0%,to{box-shadow:0 4px 14px #97000026;transform:scale(1)}50%{box-shadow:0 6px 18px #97000038;transform:scale(1.03)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 4px 14px #d7b64a4d;transform:scale(1)}50%{box-shadow:0 6px 20px #d7b64a80;transform:scale(1.02)}}@keyframes shimmerBorder{0%{border-color:#d7b64a4d}50%{border-color:#d7b64acc}to{border-color:#d7b64a4d}}@keyframes floatUp{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalDropIn{0%{opacity:0;transform:translateY(-90px) scale(.74) rotateX(18deg)}58%{opacity:1;transform:translateY(12px) scale(1.02) rotateX(0deg)}78%{transform:translateY(-6px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes zoomIn{0%{transform:scale(1.1)}50%{transform:scale(1.15)}to{transform:scale(1.1)}}@keyframes slowZoom{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes imageGlow{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes buttonBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(0)}75%{transform:translateY(-2px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes logoDrift{0%{transform:translate3d(-10px,8px,0) scale(1)}50%{transform:translate3d(12px,-10px,0) scale(1.07)}to{transform:translate3d(-8px,-14px,0) scale(.98)}}button:hover{transform:translateY(-4px) scale(1.02);transition:all .3s cubic-bezier(.23,1,.32,1)}@media (max-width:900px){.search-input{flex:1 1 100%!important;font-size:15px!important;padding:12px 16px!important}.search-input,nav{width:100%!important}nav{margin:0!important;padding:12px 0!important}.nav-container{padding:0 clamp(12px,3vw,20px)!important;width:100%!important}}@media (max-width:600px){body{font-size:15px}nav{margin:0!important;padding:0!important;width:100%!important}.event-card{border-radius:16px!important}.event-card-img{display:block;height:100%!important;object-fit:contain!important;object-position:center!important;width:100%!important}.loginBtn,.logoutBtn{font-size:13px!important;padding:8px 12px!important}.nav-logo{align-items:center;display:flex;gap:8px}.logo-mark{border:2px solid #970000;box-sizing:border-box;height:36px!important;transform:translateY(4px)!important;width:36px!important}.logo-video{display:block!important}.logo-fallback{background:linear-gradient(135deg,#d7b64a,#f8e8b0);border-radius:50%;height:100%;width:100%}.logo-text{font-size:16px!important}}.filter-bar{-webkit-overflow-scrolling:touch;align-items:center;background:linear-gradient(180deg,#f5e6b3,#f9ead6 48%,#fef5e0);border-bottom:2px solid #d7b64a59;box-shadow:inset 0 1px 0 #fff9;display:flex;flex-wrap:nowrap;gap:clamp(10px,2vw,18px);justify-content:center;margin:0;overflow-x:auto;overflow-y:hidden;padding:clamp(16px,3.5vw,24px) clamp(12px,3vw,20px);scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%}body.desktop-layout{--nav-font-scale:1}body.desktop-layout .search-input{font-size:18px!important;max-width:640px!important;padding:12px 18px!important}body.desktop-layout .logo-text{font-size:24px!important}body.desktop-layout .logo-mark,body.desktop-layout .logo-mark video{height:40px!important;width:40px!important}body.desktop-layout .carouselContainer,body.desktop-layout .heroContent{margin:0 auto;max-width:1200px}.filter-bar::-webkit-scrollbar{height:5px}.filter-bar::-webkit-scrollbar-track{background:#0000}.filter-bar::-webkit-scrollbar-thumb{background:#d7b64a80;border-radius:3px}.filter-bar::-webkit-scrollbar-thumb:hover{background:#d7b64ab3}.filter-bar .filter-pill{align-items:center;background:linear-gradient(135deg,#e8d48f,#f0df9e 50%,#e8d48f);border:1.5px solid #d7b64a8c;border-radius:999px;box-shadow:0 4px 14px #9700001f;color:#970000;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:clamp(11px,1.9vw,13px);font-weight:800;justify-content:center;letter-spacing:.7px;min-width:max-content;padding:clamp(10px,2vw,12px) clamp(18px,3vw,26px);scroll-snap-align:start;text-transform:uppercase;transition:all .35s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.filter-bar .filter-pill:hover{background:linear-gradient(135deg,#f0df9e,#f5e8af 50%,#f0df9e);border:1.5px solid #d7b64abf;box-shadow:0 6px 18px #97000029;transform:translateY(-3px)}.filter-bar .filter-pill.active{background:linear-gradient(135deg,#d7b64a,#f8e8b0 50%,#d7b64a);border:1.5px solid #caa63d;box-shadow:0 8px 24px #97000038;color:#970000;font-weight:800;letter-spacing:.8px;transform:scale(1.05)}@media (max-width:600px){.filter-bar{flex-wrap:nowrap;gap:10px;justify-content:flex-start;overflow-x:auto!important;overflow-y:hidden!important;padding:14px 12px;scroll-behavior:smooth;width:100%}.filter-bar .filter-pill{flex-shrink:0;font-size:11px;letter-spacing:.4px;min-width:max-content;padding:8px 14px;white-space:nowrap}}@media (max-width:430px){.nav-container{align-items:stretch;display:flex;flex-direction:column;gap:8px}.nav-left,.nav-right{align-items:center;display:flex;gap:8px}.nav-right{justify-content:flex-end}.list-event-btn{font-size:13px!important;padding:8px 10px!important}.search-input{font-size:14px!important;padding:10px 12px!important}nav.nav-root{padding:10px 0!important}.nav-container{max-width:96%;padding:0 8px}.nav-left{align-items:center;flex-direction:row;gap:10px}.nav-left .nav-logo{align-items:center;display:flex;gap:10px}.nav-left .cityPicker{font-size:13px;margin-left:0;padding:4px 6px}.search-input{border-radius:14px!important;margin-top:8px;padding:12px 14px!important;width:100%!important}.nav-right{align-items:center;display:flex;justify-content:flex-end;position:relative}.hamburger{background:#ffffffeb;border-radius:8px;box-shadow:0 6px 16px #9700001f;font-size:24px;padding:6px 10px}.mobile-menu{left:0;right:0;top:64px!important;width:100%!important}.mobile-menu-btn{font-size:15px;padding:12px 14px}.logo-text{font-size:18px!important}.logo-mark{height:40px!important;width:40px!important}.cityName{font-size:13px!important}}@media (max-width:600px){.mobile-nav-container{max-width:96%;padding:0 8px}.mobile-topbar{align-items:center}.mobile-left{flex:1 1 auto;min-width:0}.mobile-hamburger{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#fffffff0,#f8e8b0f2);border:1px solid #caa63d8c;border-radius:12px;box-shadow:0 8px 20px #9700001f;display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;margin-top:2px;width:44px}.mobile-search-input{font-size:14px!important;margin-top:2px!important;max-width:none!important;padding:12px 14px!important;width:100%!important}.mobile-menu{left:0;right:0;top:118px;width:100%}.logo-mark{aspect-ratio:1/1;border:2px solid #970000;border-radius:50%;box-sizing:border-box;height:40px!important;overflow:hidden;transform:translateY(5px)!important;width:40px!important}.logo-video-mobile{display:block!important;object-fit:cover!important;object-position:center center!important}.logo-fallback{background:linear-gradient(135deg,#d7b64a,#f8e8b0);border-radius:50%;height:100%;width:100%}}.mobile-menu{background:linear-gradient(180deg,#fffaf0fa,#f8e8b0fa);border-radius:0 0 14px 14px;box-shadow:0 18px 50px #0000002e;display:flex;flex-direction:column;gap:8px;left:0;margin:0 auto;max-width:680px;padding:12px;position:fixed;right:0;top:74px;top:var(--nav-height);width:100%;z-index:2000}.mobile-menu-head{align-items:center;display:flex;justify-content:space-between}.mobile-menu-title{color:#970000;color:var(--dark);font-size:16px}.mobile-close{background:#0000;border:none;color:#970000;color:var(--dark);cursor:pointer;font-size:20px}.mobile-menu-list{display:flex;flex-direction:column;gap:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown .22s ease-out both}.hamburger{background:#0000;border:none;cursor:pointer;font-size:22px;padding:6px 8px}.hamburger,.mobile-menu-btn{color:#970000;color:var(--dark)}.mobile-menu-btn{background:linear-gradient(135deg,#d7b64a,#fffaf0);background:linear-gradient(135deg,var(--primary) 0,#fffaf0 100%);border:1px solid #caa63d;border:1px solid var(--primary-dark);border-radius:10px;font-weight:700;padding:10px 12px;text-align:left}nav.nav-root,nav.nav-root-mobile{position:sticky;top:0;width:100%;z-index:4000}.mobile-reward-btn,.reward-btn{animation:goldRed 3.5s ease-in-out infinite;background:linear-gradient(135deg,#fff8d6,#ffd86b 40%,#f6c93b)!important;border:1px solid #e0b432!important;box-shadow:0 10px 24px #9700002e,inset 0 0 0 1px #fff6!important;color:#7a3b00!important}.reward-btn{align-items:center;display:inline-flex;gap:10px}.mobile-reward-btn{align-items:center;display:flex!important;gap:10px;justify-content:flex-start}.reward-icon{align-items:center;animation:pulse 1.6s ease-in-out infinite;background:#ffffff61;border-radius:50%;box-shadow:inset 0 0 0 1px #7a3b001f;display:inline-flex;height:24px;justify-content:center;width:24px}.reward-text{line-height:1}a{color:#970000}@media (max-width:600px){.card-grid{align-items:stretch!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important;padding-left:12px!important;padding-right:12px!important}section{margin:0!important;padding:30px 0!important}}.card-grid::-webkit-scrollbar,.event-modal-gallery::-webkit-scrollbar{display:none!important}.card-grid{contain:content}.event-card{contain:layout style paint;contain-intrinsic-size:320px;content-visibility:auto;transform:translateZ(0)}.carouselContainer,.heroContent{contain:layout paint}@media (max-width:768px){*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.mobile-menu{background:#fffaf0fa!important}.city-modal-overlay,.event-modal-overlay,.notification-modal-overlay,.policy-modal-overlay{background:#000000c7!important}}@media (hover:none) and (pointer:coarse){.event-card:hover,.filter-pill:hover,a:hover,button:hover{transform:none!important}}.mobile-reward-btn,.reward-btn,.reward-icon{animation:none!important}.card-grid,.filter-bar,body,html{-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}*,:after,:before{box-sizing:border-box}.app-shell{min-height:100vh;overflow-x:hidden;width:100%}.app-content{padding-top:74px;padding-top:var(--nav-height,74px);width:100%}@media (max-width:768px){.app-content{padding-bottom:96px}}.event-modal-backdrop{align-items:center;background:#0e0000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:4500}.event-modal{background:linear-gradient(180deg,#fffaf0,#f8e8b0);border:1px solid #caa63dd9;border-radius:24px;box-shadow:0 30px 80px #9700004d;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);height:auto;max-height:min(85vh,720px);min-height:480px;overflow:hidden;width:min(92vw,920px)}.event-modal-image-container{align-items:center;background:#000;display:flex;height:100%;justify-content:center;position:relative;width:100%}.event-modal-image{height:100%;min-height:320px;object-fit:contain;width:100%}.carousel-arrow{align-items:center;background:#fffaf0a6;border:1.5px solid #d8b95a;border-radius:50%;box-shadow:0 4px 16px #9700002e;color:#970000;cursor:pointer;display:flex;font-size:32px;font-weight:700;height:44px;justify-content:center;line-height:1;outline:none;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .22s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:44px;z-index:10}.carousel-arrow:hover{background:#fffaf0f2;box-shadow:0 6px 20px #97000047;transform:translateY(-50%) scale(1.08)}.carousel-arrow:active{transform:translateY(-50%) scale(.96)}.carousel-arrow.left{left:14px;padding-right:4px}.carousel-arrow.right{padding-left:4px;right:14px}.event-modal-body{box-sizing:border-box;display:flex;flex-direction:column;height:auto;max-height:100%;overflow:hidden;padding:24px 28px}.event-modal-scroll-content{display:flex;flex:0 1 auto;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding-right:6px}.event-modal-scroll-content::-webkit-scrollbar{width:5px}.event-modal-scroll-content::-webkit-scrollbar-track{background:#9700000d;border-radius:4px}.event-modal-scroll-content::-webkit-scrollbar-thumb{background:#97000040;border-radius:4px}.event-modal-scroll-content::-webkit-scrollbar-thumb:hover{background:#97000080}.event-modal-kicker{color:#970000;font-size:12px;font-weight:800;letter-spacing:.18em;margin:0;text-transform:uppercase}.event-modal-body h2{color:#970000;font-size:clamp(20px,2.4vw,32px);-webkit-hyphens:auto;hyphens:auto;line-height:1.15;margin:0 0 4px}.event-modal-body h2,.event-modal-body p{overflow-wrap:break-word;word-break:break-word}.event-modal-body p{color:#6f2f1f;font-size:15px;line-height:1.5;margin:0}.event-modal-footer{background:#0000;border-top:1px solid #97000024;display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-top:8px;padding-top:12px}.event-modal-price{color:#970000!important;font-size:19px!important;font-weight:800;margin:0!important}.event-modal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px}.primary-action,.secondary-action{border:0;border-radius:14px;cursor:pointer;font-weight:800;padding:14px 18px}.primary-action{background:linear-gradient(135deg,#d7b64a,#f8e8b0);color:#970000}.secondary-action{background:#97000014;color:#970000}@media (max-width:760px){.event-modal{display:flex;flex-direction:column;height:auto;max-height:90vh}.event-modal-image-container{flex-shrink:0;height:190px}.event-modal-image{min-height:100%}.event-modal-body{display:flex;flex:0 1 auto;flex-direction:column;height:auto;max-height:calc(90vh - 190px);overflow:hidden;padding:20px}}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box;overflow-x:auto;width:100%}.responsive-table-wrapper table{min-width:600px;width:100%}.responsive-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.responsive-flex-wrap{box-sizing:border-box;display:flex;flex-wrap:wrap}.responsive-container{box-sizing:border-box;padding:clamp(12px,3vw,24px);width:100%}.mobile-bottom-nav-wrapper{display:none}@media (max-width:768px){.mobile-bottom-nav-wrapper{align-items:center;bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom, 0px));box-sizing:border-box;display:flex;justify-content:center;left:0;padding:0 12px;pointer-events:none;position:fixed;right:0;width:100%;z-index:4000}.mobile-bottom-nav{align-items:stretch;background:#0000;box-sizing:border-box;display:flex;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5));flex-direction:row;height:64px;justify-content:space-around;margin:0 auto;max-width:420px;padding:0 4px;pointer-events:auto;position:relative;transform:translateZ(0);width:100%}.nav-bg-svg{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.nav-tab{-webkit-tap-highlight-color:transparent;background:#0000;border:none;color:#fffaf0b3;cursor:pointer;flex:1 1;flex-direction:column;gap:4px;height:100%;justify-content:flex-end;margin:0;min-width:0;outline:none;padding-bottom:8px;padding-left:2px;padding-right:2px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:20%;z-index:2}.nav-tab,.nav-tab .nav-icon{align-items:center;display:flex}.nav-tab .nav-icon{color:inherit;font-size:21px;height:24px;justify-content:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .2s ease;width:24px}.nav-tab .nav-icon svg{display:block;height:21px;width:21px}.nav-tab .nav-label{color:inherit;font-size:11px;font-weight:700;letter-spacing:.2px;line-height:1;margin:0;padding:0;text-align:center;transition:color .2s ease,font-weight .2s ease;white-space:nowrap}.nav-tab.active{color:gold}.nav-tab.active .nav-icon{color:gold;transform:scale(1.12)}.nav-tab.active .nav-label{color:gold;font-weight:800;text-shadow:0 0 8px #ffd70066}.nav-tab:active{transform:scale(.96)}.rewards-tab{flex:1 1;flex-direction:column;justify-content:flex-end;min-width:0;padding-bottom:8px;position:relative}.center-coin-dock,.rewards-tab{align-items:center;cursor:pointer;display:flex}.center-coin-dock{height:38px;justify-content:center;left:50%;position:absolute;top:-20px;transform:translateX(-50%);transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:38px;z-index:5}.rewards-tab:active .center-coin-dock{transform:translateX(-50%) translateY(2px) scale(.95)}.rewards-tab .coin-image{display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(255,215,0,.5));height:38px;object-fit:contain;transition:transform .2s cubic-bezier(.34,1.56,.64,1);width:38px}.rewards-tab.active .coin-image{filter:drop-shadow(0 3px 8px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(255,215,0,.8));transform:scale(1.08)}.rewards-tab .rewards-label{color:gold;font-size:11px;font-weight:800;letter-spacing:.2px;line-height:1;margin:0;padding:0;text-align:center;text-shadow:0 0 8px #ffd70066;white-space:nowrap}.coin-image.flip-animation{animation:flipRightToLeft 1.2s ease-in-out}@keyframes flipRightToLeft{0%{transform:rotateY(0deg)}50%{transform:rotateY(-1turn)}to{transform:rotateY(-2turn)}}.reward-burst-popup{left:50%;pointer-events:none;position:absolute;top:-44px;transform:translateX(-50%);z-index:10}.reward-burst-popup span{animation:moveUp .9s forwards;background:#d7b64a;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#970000;display:inline-block;font-size:11px;font-weight:800;padding:3px 8px}@keyframes moveUp{0%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(-40px)}}@media (max-width:360px){.mobile-bottom-nav-wrapper{bottom:12px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));padding:0 8px}.mobile-bottom-nav{height:58px;padding:0 2px}.nav-tab{gap:3px;padding-bottom:6px}.center-coin-dock{top:-17px}.center-coin-dock,.rewards-tab .coin-image{height:34px;width:34px}.nav-tab .nav-icon{font-size:19px;height:22px;width:22px}.nav-tab .nav-icon svg{height:19px;width:19px}.nav-tab .nav-label,.rewards-tab .rewards-label{font-size:10px;letter-spacing:0}}}