:root{--bg-primary:#0f0a1a;--bg-secondary:#1a1428;--bg-card:#1e1832;--bg-card-hover:#2a2245;--arc-green:#00ff66;--arc-cyan:#00e5ff;--arc-red:#ff3333;--arc-orange:#ff8800;--arc-yellow:#ffcc00;--arc-teal:#00d4aa;--arc-purple:#bf7fff;--accent-primary:var(--arc-cyan);--accent-secondary:var(--arc-red);--accent-warning:var(--arc-yellow);--accent-success:var(--arc-green);--text-primary:#ffffff;--text-secondary:#a8a0b8;--text-muted:#6b6480;--border-color:#3a3050;--glow-cyan:0 0 20px rgba(0,229,255,0.5);--glow-orange:0 0 20px rgba(255,136,0,0.5);--glow-green:0 0 20px rgba(0,255,102,0.5);--glow-yellow:0 0 20px rgba(255,204,0,0.5);--font-display:'Bebas Neue',sans-serif;--font-heading:'Prompt',sans-serif;--font-body:'Barlow',sans-serif;--font-hud:'JetBrains Mono',monospace;--btn-easing:0.3s ease}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;scroll-behavior:smooth;overflow-y:auto;scrollbar-gutter:stable}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative;display:flex;flex-direction:column;opacity:0;transition:opacity 0.3s ease-out}body.page-loaded{opacity:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,0.03)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25)}html{scrollbar-width:auto;scrollbar-color:rgba(255,255,255,0.25) rgba(255,255,255,0.05)}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:6px}html::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:6px;border:2px solid transparent;background-clip:padding-box}html::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3);background-clip:padding-box}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;background:repeating-linear-gradient( 0deg,rgba(0,0,0,0.1) 0px,rgba(0,0,0,0.1) 1px,transparent 1px,transparent 2px );opacity:0.3}.noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;opacity:0.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.header{background:rgba(20,15,35,0.85);padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,0.08);position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);overflow:visible;min-height:fit-content}.header-content{max-width:1750px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;overflow:visible;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:1rem;flex-shrink:0}.logo-duck{width:clamp(2.8125rem,calc(2.3125rem + 1.667vw),3.4375rem);height:clamp(2.8125rem,calc(2.3125rem + 1.667vw),3.4375rem);filter:drop-shadow(var(--glow-yellow));animation:duck-bob 3s ease-in-out infinite;transition:transform 0.3s ease}@media (hover:hover){.logo-duck:hover{transform:scale(1.15) rotate(-8deg);animation:none}}.duck-img{width:100%;height:100%;object-fit:contain}@keyframes duck-bob{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(3deg)}}.logo-text{display:flex;flex-direction:column}.title-wrapper{display:inline-flex;flex-direction:column;align-items:flex-start;width:fit-content}.arc-stripes{display:block;margin-bottom:4px;height:4px;width:100%;background:linear-gradient(90deg,var(--arc-green) 0% 19%,transparent 19% 20%,var(--arc-cyan) 20% 39%,transparent 39% 40%,var(--arc-red) 40% 59%,transparent 59% 60%,var(--arc-orange) 60% 79%,transparent 79% 80%,var(--arc-yellow) 80% 100% )}.logo-text h1{font-family:var(--font-display);font-size:clamp(1.4rem,calc(0.76rem + 2.133vw),2.2rem);font-weight:400;letter-spacing:0.08em;color:var(--text-primary);text-shadow:none;margin:0;line-height:1}.logo-text .subtitle{font-family:var(--font-heading);font-size:clamp(0.5rem,calc(0.34rem + 0.533vw),0.7rem);font-weight:500;letter-spacing:0.4em;color:var(--arc-teal);display:block}.header-controls{display:flex;align-items:center;gap:1.5rem;min-width:0;flex-wrap:wrap;justify-content:center}.filter-buttons{display:flex;gap:0.5rem;flex-wrap:wrap;justify-content:center;min-width:26.5rem}.header-icons{display:flex;align-items:center;gap:0.6rem}.btn-icon-inner{font-size:0.9rem}.header-info{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;justify-content:center;min-width:0}.time-status-group{display:flex;align-items:center;gap:0.75rem}.status-indicator{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(0,212,170,0.12);border:1px solid rgba(0,212,170,0.5);border-radius:4px}.status-dot{width:8px;height:8px;background:var(--arc-teal);border-radius:50%;box-shadow:0 0 6px rgba(0,212,170,0.6);animation:blink 1s ease-in-out infinite}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}:root{--separator-opacity:1;animation:separatorBlink 1s ease-in-out infinite}@keyframes separatorBlink{0%,49%{--separator-opacity:1}50%,100%{--separator-opacity:0}}.status-text{font-family:var(--font-heading);font-size:clamp(0.7rem,calc(0.62rem + 0.267vw),0.8rem);font-weight:600;color:var(--arc-teal);letter-spacing:0.1em}.last-updated{display:flex;align-items:center;font-size:clamp(0.75rem,calc(0.63rem + 0.4vw),0.9rem);color:var(--text-muted);flex-shrink:1;min-width:0}.last-updated .label{margin-right:0.5rem;font-weight:600}.last-updated #lastUpdated{font-family:var(--font-hud);color:#9a9aad}.current-time{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0.75rem;background:rgba(120,140,160,0.08);border:1px solid rgba(120,140,160,0.3);border-radius:4px;white-space:nowrap}.current-time-label{font-family:var(--font-heading);font-size:clamp(0.6rem,calc(0.52rem + 0.267vw),0.7rem);font-weight:600;letter-spacing:0.1em;color:var(--text-muted)}#currentTime{font-family:var(--font-hud);font-size:clamp(0.8rem,calc(0.68rem + 0.4vw),0.95rem);font-weight:600;color:#8aa8c0;text-shadow:0 0 8px rgba(138,168,192,0.3);letter-spacing:0.05em}.refresh-btn{background:transparent;border:1px solid var(--border-color);border-radius:0.25rem;cursor:pointer;padding:0.25rem 0.375rem;margin-left:0.5rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s ease}.refresh-btn img{filter:invert(60%) sepia(10%) saturate(300%) hue-rotate(170deg);transition:filter 0.2s ease}@media (hover:hover){.refresh-btn:hover{border-color:var(--accent-primary)}.refresh-btn:hover img{filter:invert(75%) sepia(50%) saturate(1000%) hue-rotate(150deg) brightness(1.1)}}.refresh-btn:active{transform:scale(0.95)}.refresh-btn.spinning img{animation:spin 0.8s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn-audio-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:color 0.2s ease,outline-color 0.2s ease,transform 0.1s ease;outline:2px solid transparent;outline-offset:0}@media (hover:hover){.btn-audio-toggle:hover{color:var(--text-primary)}}.btn-audio-toggle:active{transform:scale(0.95)}.btn-audio-toggle .audio-icon{width:18px;height:18px;filter:brightness(0) invert(0.7);transition:filter 0.2s ease}@media (hover:hover){.btn-audio-toggle:hover .audio-icon{filter:brightness(0) invert(1)}}.btn-audio-toggle .audio-icon-on{display:none}.btn-audio-toggle .audio-icon-muted{display:block}.btn-audio-toggle.audio-enabled .audio-icon-on{display:block}.btn-audio-toggle.audio-enabled .audio-icon-muted{display:none}.btn-audio-toggle.audio-enabled .audio-icon{filter:brightness(0) invert(1)}.btn-audio-toggle.audio-enabled{outline-color:rgba(255,255,255,0.85)}.btn-flip-all{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:color 0.2s ease,outline-color 0.2s ease,transform 0.1s ease;outline:2px solid transparent;outline-offset:0}@media (hover:hover){.btn-flip-all:hover{color:var(--text-primary)}}.btn-flip-all:active{transform:scale(0.95)}.btn-flip-all .flip-icon{width:18px;height:18px}.btn-flip-all.all-flipped{color:var(--text-primary);outline-color:rgba(255,255,255,0.85)}.main-content{flex:1;max-width:1750px;width:100%;margin:0 auto;padding:2rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.event-card{perspective:1000px;height:340px;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;container-type:inline-size}.card-inner{position:relative;width:100%;height:100%;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);transform-style:preserve-3d;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}.event-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;border:1px solid rgba(255,255,255,0.1);background:rgba(25,20,40,0.9);overflow:hidden;transition:border-color 0.2s ease,box-shadow 0.2s ease;-webkit-transform:translateZ(0);transform:translateZ(1px);opacity:1}.card-back{pointer-events:none}.event-card.flipped .card-front{pointer-events:none}.event-card.flipped .card-back{pointer-events:auto}.card-front{pointer-events:auto;display:flex;flex-direction:column;justify-content:flex-start}.card-back{transform:rotateY(180deg) translateZ(1px);padding:0.75rem 1rem 1rem;padding-top:2.75rem;display:flex;flex-direction:column;background:linear-gradient(145deg,#f5f0e8 0%,#e8e3db 100%);border-color:rgba(0,0,0,0.1);will-change:transform;isolation:isolate}.card-front,.card-back{opacity:1 !important}.card-back-content{display:flex;flex-direction:column;flex:1;min-height:0;transform-origin:top center;transition:transform 0.15s ease-out}@container (max-width:280px){.card-back-content{transform:scale(0.9)}.card-back{padding-top:2.25rem}}@container (max-width:240px){.card-back-content{transform:scale(0.8)}.card-back{padding-top:2rem;padding-left:0.75rem;padding-right:0.75rem}}@container (max-width:200px){.card-back-content{transform:scale(0.7)}.card-back{padding-top:1.75rem;padding-left:0.5rem;padding-right:0.5rem}}.card-inner::before{content:'';position:absolute;inset:-4px;background:linear-gradient(160deg,#ffffff00 0%,#ffffff 15%,var(--arc-cyan) 20%,var(--arc-purple) 25%,#ffffff00 35%,#ffffff00 40%,#ffffff 55%,var(--arc-cyan) 60%,var(--arc-purple) 65%,#ffffff00 75%,#ffffff00 80%,#ffffff 95%,var(--arc-cyan) 100% );background-size:300% 300%;filter:blur(0px);border-radius:16px;opacity:0;transition:opacity var(--btn-easing),filter var(--btn-easing);animation:gradientMove 3s linear infinite paused;transform:translateZ(-2px);pointer-events:none;backface-visibility:hidden}.card-inner::after{content:'';position:absolute;inset:-2px;background:var(--bg-primary);border-radius:14px;opacity:0;transition:opacity 0.5s ease;transform:translateZ(-1px);pointer-events:none;backface-visibility:hidden}.event-card.flipped .card-inner::before,.event-card.flipped .card-inner::after,.event-card.flipping .card-inner::before,.event-card.flipping .card-inner::after{opacity:0 !important;transition:none !important;animation-play-state:paused !important}.event-card:not(.in-view) .card-inner::before{animation-play-state:paused !important}@media (hover:hover){.event-card:not(.flipped):not(.flipping):hover .card-inner::before{opacity:1;filter:blur(4px);animation-play-state:running}.event-card:not(.flipped):not(.flipping):hover .card-inner::after{opacity:1}.event-card.flipped:hover .card-back{border-color:var(--event-color,rgba(0,0,0,0.3));box-shadow:0 0 15px rgba(0,0,0,0.2),0 0 0 2px var(--event-color,rgba(0,0,0,0.2))}}.event-card.demo-active:not(.flipped):not(.flipping) .card-inner::before{opacity:1;filter:blur(4px);animation-play-state:running}.event-card.demo-active:not(.flipped):not(.flipping) .card-inner::after{opacity:1}.event-card.demo-active.flipped .card-back{border-color:var(--event-color,rgba(0,0,0,0.3));box-shadow:0 0 15px rgba(0,0,0,0.2),0 0 0 2px var(--event-color,rgba(0,0,0,0.2))}@media (hover:hover){.event-card.split-theme.flipped:hover .card-back{border-color:#4a4a4a;box-shadow:0 0 15px rgba(0,0,0,0.2),0 0 0 2px #4a4a4a}}.event-card.split-theme.demo-active.flipped .card-back{border-color:#4a4a4a;box-shadow:0 0 15px rgba(0,0,0,0.2),0 0 0 2px #4a4a4a}.event-card.active .card-inner::before{background:linear-gradient(160deg,#ffffff00 0%,var(--arc-teal) 15%,#00b894 20%,#00a882 25%,#ffffff00 35%,#ffffff00 40%,var(--arc-teal) 55%,#00b894 60%,#00a882 65%,#ffffff00 75%,#ffffff00 80%,var(--arc-teal) 95%,#00b894 100% );background-size:300% 300%}.event-card.active:not(.flipped):not(.flipping) .card-inner::before{opacity:0.5;filter:blur(3px);animation-play-state:running}.event-card.active:not(.flipped):not(.flipping) .card-inner::after{opacity:0.5}@media (hover:hover){.event-card.active:not(.flipped):not(.flipping):hover .card-inner::before{background:linear-gradient(160deg,#ffffff00 0%,#ffffff 15%,var(--arc-cyan) 20%,var(--arc-purple) 25%,#ffffff00 35%,#ffffff00 40%,#ffffff 55%,var(--arc-cyan) 60%,var(--arc-purple) 65%,#ffffff00 75%,#ffffff00 80%,#ffffff 95%,var(--arc-cyan) 100% );background-size:300% 300%;opacity:1;filter:blur(4px);animation-play-state:running}.event-card.active:not(.flipped):not(.flipping):hover .card-inner::after{opacity:1}}@keyframes gradientMove{0%{background-position:15% 15%}100%{background-position:75% 75%}}.event-card.starting-soon:not(.active) .card-inner::before{background:linear-gradient(160deg,#ffffff00 0%,#ffd700 15%,#e8b84a 20%,#c9a030 25%,#ffffff00 35%,#ffffff00 40%,#ffd700 55%,#e8b84a 60%,#c9a030 65%,#ffffff00 75%,#ffffff00 80%,#ffd700 95%,#e8b84a 100% );background-size:300% 300%}.event-card.starting-soon:not(.active):not(.flipped):not(.flipping) .card-inner::before{opacity:0.5;filter:blur(3px);animation-play-state:running}.event-card.starting-soon:not(.active):not(.flipped):not(.flipping) .card-inner::after{opacity:0.5}@media (hover:hover){.event-card.starting-soon:not(.active):not(.flipped):not(.flipping):hover .card-inner::before{background:linear-gradient(160deg,#ffffff00 0%,#ffffff 15%,var(--arc-cyan) 20%,var(--arc-purple) 25%,#ffffff00 35%,#ffffff00 40%,#ffffff 55%,var(--arc-cyan) 60%,var(--arc-purple) 65%,#ffffff00 75%,#ffffff00 80%,#ffffff 95%,var(--arc-cyan) 100% );background-size:300% 300%;opacity:1;filter:blur(4px);animation-play-state:running}.event-card.starting-soon:not(.active):not(.flipped):not(.flipping):hover .card-inner::after{opacity:1}}.event-card.split-theme .status-active:nth-child(1),.event-card.split-theme .status-next:nth-child(1){color:var(--label-text-color-1,#ffffff);background:color-mix(in srgb,var(--event-color-1) 15%,rgba(0,0,0,0.35));border:1px solid color-mix(in srgb,var(--event-color-1) 60%,transparent)}.event-card.split-theme .status-active:nth-child(2),.event-card.split-theme .status-next:nth-child(2){color:var(--label-text-color-2,#ffffff);background:color-mix(in srgb,var(--event-color-2) 15%,rgba(0,0,0,0.35));border:1px solid color-mix(in srgb,var(--event-color-2) 60%,transparent)}.event-card.split-theme .compact-status-badge:nth-child(1){color:var(--label-text-color-1,#ffffff);background:color-mix(in srgb,var(--event-color-1) 15%,rgba(0,0,0,0.35));border:1px solid color-mix(in srgb,var(--event-color-1) 60%,transparent)}.event-card.split-theme .compact-status-badge:nth-child(2){color:var(--label-text-color-2,#ffffff);background:color-mix(in srgb,var(--event-color-2) 15%,rgba(0,0,0,0.35));border:1px solid color-mix(in srgb,var(--event-color-2) 60%,transparent)}.event-card-hero{width:100%;height:160px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;padding:1rem}.map-image-bg{position:absolute;top:0;height:100%;object-fit:cover;filter:brightness(0.5) saturate(0.9) blur(10px);opacity:0;transition:filter 0.5s ease,opacity 0.5s ease,transform 0.4s ease;will-change:filter,opacity,transform;transform:translateZ(0) scale(1.35);-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}.map-image-bg.loaded{filter:brightness(0.5) saturate(0.9);opacity:1}@media (hover:hover){.event-card:hover .map-image-bg.loaded{filter:brightness(0.6) saturate(1);transform:translateZ(0) scale(1.45)}}.event-card:not(.active) .map-image-bg.loaded{filter:brightness(0.35) saturate(0.5)}.event-card.starting-soon:not(.active) .map-image-bg.loaded{filter:brightness(0.42) saturate(0.65)}@media (hover:hover){.event-card:not(.active):hover .map-image-bg.loaded{filter:brightness(0.45) saturate(0.7);transform:translateZ(0) scale(1.45)}.event-card.starting-soon:not(.active):hover .map-image-bg.loaded{filter:brightness(0.52) saturate(0.8);transform:translateZ(0) scale(1.45)}}.event-image-bg{position:absolute;top:0;height:100%;object-fit:cover;filter:brightness(0.5) saturate(0.9) blur(10px);opacity:0;transition:filter 0.5s ease,opacity 0.5s ease,transform 0.4s ease;will-change:filter,opacity,transform;transform:translateZ(0) scale(1.35);-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}.event-card.split-theme .event-image-bg:nth-child(1){width:50% !important;left:0 !important;clip-path:inset(0)}.event-card.split-theme .event-image-bg:nth-child(2){width:50% !important;left:50% !important;clip-path:inset(0)}.event-image-bg.loaded{filter:brightness(0.5) saturate(0.9);opacity:1}@media (hover:hover){.event-card:hover .event-image-bg.loaded{filter:brightness(0.6) saturate(1);transform:translateZ(0) scale(1.45)}}.event-card:not(.active) .event-image-bg.loaded{filter:brightness(0.35) saturate(0.5)}.event-card.starting-soon:not(.active) .event-image-bg.loaded{filter:brightness(0.42) saturate(0.65)}@media (hover:hover){.event-card:not(.active):hover .event-image-bg.loaded{filter:brightness(0.45) saturate(0.7);transform:translateZ(0) scale(1.45)}.event-card.starting-soon:not(.active):hover .event-image-bg.loaded{filter:brightness(0.52) saturate(0.8);transform:translateZ(0) scale(1.45)}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,10,26,0.3) 0%,rgba(15,10,26,0.6) 100% );z-index:1}.event-icon-hero{width:52px;height:52px;object-fit:contain;z-index:2;border-radius:50%;border:3px solid var(--ring-color,var(--event-color,var(--accent-primary)));box-sizing:border-box;filter:drop-shadow(0 0 15px var(--ring-color,var(--event-color,var(--accent-primary)))) blur(8px);opacity:0.7;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),filter 0.4s ease,opacity 0.4s ease,border-color 0.3s ease;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.event-icon-hero.loaded{filter:drop-shadow(0 0 15px var(--ring-color,var(--event-color,var(--accent-primary))));opacity:1}@media (hover:hover){.event-card:hover .event-icon-hero.loaded{transform:scale(1.15) translateY(-4px);filter:drop-shadow(0 0 25px var(--ring-color,var(--event-color,var(--accent-primary)))) drop-shadow(0 6px 12px rgba(0,0,0,0.4))}}.map-icon-hero{width:52px;height:52px;object-fit:contain;z-index:2;border-radius:50%;border:3px solid var(--ring-color,#4a4a4a);box-sizing:border-box;filter:drop-shadow(0 0 15px var(--ring-color,var(--accent-primary))) blur(8px);opacity:0.7;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),filter 0.4s ease,opacity 0.4s ease,border-color 0.3s ease;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.map-icon-hero.loaded{filter:drop-shadow(0 0 15px var(--ring-color,var(--accent-primary)));opacity:1}@media (hover:hover){.event-card:hover .map-icon-hero.loaded{transform:scale(1.15) translateY(-4px);filter:drop-shadow(0 0 25px var(--ring-color,var(--accent-primary))) drop-shadow(0 6px 12px rgba(0,0,0,0.4))}}.icon-ring-wrapper.split-ring{display:inline-block;position:relative;width:52px;height:52px;border-radius:50%;z-index:2;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1)}.icon-ring-wrapper.split-ring::before{content:'';position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 180deg,var(--ring-color-1) 0deg 180deg,var(--ring-color-2) 180deg 360deg);filter:blur(15px);opacity:0.5;z-index:-1;transition:filter 0.4s ease,opacity 0.4s ease}.icon-ring-wrapper.split-ring::after{content:'';position:absolute;inset:0;border-radius:50%;border:3px solid transparent;background:conic-gradient(from 180deg,var(--ring-color-1) 0deg 180deg,var(--ring-color-2) 180deg 360deg) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.icon-ring-wrapper.split-ring .map-icon-hero{position:absolute;top:3px;left:3px;width:calc(100% - 6px) !important;height:calc(100% - 6px) !important;border:none !important;border-radius:50%;object-fit:cover;filter:blur(8px);opacity:0.7}.icon-ring-wrapper.split-ring .map-icon-hero.loaded{filter:none;opacity:1;transform:none !important}@media (hover:hover){.event-card:hover .icon-ring-wrapper.split-ring{transform:scale(1.15) translateY(-4px)}.event-card:hover .icon-ring-wrapper.split-ring::before{filter:blur(25px);opacity:0.7}}.event-title{font-family:var(--font-display);font-size:1.4rem;font-weight:400;letter-spacing:0.12em;color:var(--text-primary);text-shadow:0 2px 15px rgba(0,0,0,0.9),0 0 30px rgba(0,0,0,0.5);z-index:2;text-align:center;line-height:1.1;position:relative}.event-title .wiki-link{position:absolute;top:50%;transform:translateY(-55%);margin-left:0.15em;display:inline-flex;align-items:center;justify-content:center;padding:0.2em;color:rgba(255,255,255,0.5);text-decoration:none;border-radius:3px;transition:color 0.2s ease,background-color 0.2s ease,transform 0.15s ease}@media (hover:hover){.event-title .wiki-link:hover{color:var(--text-primary);background:rgba(255,255,255,0.15);transform:translateY(-55%) scale(1.15)}}.event-title .wiki-link:active{transform:translateY(-55%) scale(0.95)}.event-title .wiki-link .wiki-link-icon{width:14px;height:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.5))}.map-status{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:0.25rem;z-index:2}.status-active,.status-next{font-family:var(--font-heading);font-size:0.65rem;font-weight:600;letter-spacing:0.1em;padding:0.2rem 0.5rem;border-radius:3px}.status-active,.status-next{color:var(--label-text-color,#ffffff);background:color-mix(in srgb,var(--event-color,var(--arc-teal)) 15%,rgba(0,0,0,0.35));border:1px solid color-mix(in srgb,var(--event-color,var(--arc-teal)) 60%,transparent)}.status-active .map-wiki-link,.status-next .map-wiki-link,.status-active .event-wiki-link,.status-next .event-wiki-link{display:inline-flex;align-items:center;justify-content:center;margin-left:0.25em;padding:0.1em;color:inherit;opacity:0.6;text-decoration:none;border-radius:2px;vertical-align:middle;transition:opacity 0.2s ease,background-color 0.2s ease,transform 0.15s ease;transform:scale(1)}@media (hover:hover){.status-active .map-wiki-link:hover,.status-next .map-wiki-link:hover,.status-active .event-wiki-link:hover,.status-next .event-wiki-link:hover{opacity:1;background:rgba(255,255,255,0.2);transform:scale(1.15)}}.status-active .map-wiki-link:active,.status-next .map-wiki-link:active,.status-active .event-wiki-link:active,.status-next .event-wiki-link:active{transform:scale(0.95)}.status-active .map-wiki-link .wiki-link-icon,.status-next .map-wiki-link .wiki-link-icon,.status-active .event-wiki-link .wiki-link-icon,.status-next .event-wiki-link .wiki-link-icon{width:10px;height:10px}.status-overflow{font-family:var(--font-heading);font-size:0.65rem;font-weight:600;letter-spacing:0.1em;padding:0.2rem 0.5rem;border-radius:3px;color:var(--text-secondary);background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2)}.event-card-content{padding:0.75rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5rem;flex:1;border-top:1px solid var(--border-color)}.event-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem}.event-icon{width:20px;height:20px;object-fit:contain;filter:brightness(1.1);vertical-align:middle;margin-right:0.25rem}.event-type-badge{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;font-family:var(--font-heading);font-size:0.65rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;border-radius:3px}.event-type-badge.storm,.event-type-badge.electromagnetic{background:rgba(138,43,226,0.2);color:#bf7fff;border:1px solid #8a2be2}.event-type-badge.matriarch{background:rgba(255,61,0,0.2);color:#ff6b3d;border:1px solid #ff3d00}.event-type-badge.night-raid{background:rgba(0,100,200,0.2);color:#4da6ff;border:1px solid #0064c8}.event-type-badge.cache{background:rgba(0,255,136,0.2);color:#00ff88;border:1px solid #00ff88}.event-type-badge.harvester{background:rgba(255,136,0,0.2);color:var(--arc-orange);border:1px solid var(--arc-orange)}.event-type-badge.lush{background:rgba(255,105,180,0.2);color:#ff69b4;border:1px solid #ff69b4}.event-type-badge.loot{background:rgba(255,204,0,0.2);color:var(--arc-yellow);border:1px solid var(--arc-yellow)}.event-type-badge.default{background:rgba(0,240,255,0.2);color:var(--accent-primary);border:1px solid var(--accent-primary)}.event-time-slot{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem;padding:0.4rem 0.6rem;background:rgba(0,0,0,0.3);border-radius:4px;border-left:3px solid var(--event-color,var(--accent-primary))}.time-slot-label{font-family:var(--font-heading);font-size:0.6rem;font-weight:600;letter-spacing:0.1em;color:var(--text-muted)}.time-slot-value{font-family:var(--font-hud);font-size:0.85rem;font-weight:600;color:var(--event-color,var(--accent-primary))}.timer-container{background:rgba(0,0,0,0.3);border-radius:6px;padding:0.75rem;border:1px solid var(--border-color);display:flex;flex-direction:row;align-items:center;gap:0.75rem}.timer-label{font-family:var(--font-heading);font-size:0.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em;white-space:nowrap}.timer-display{display:flex;gap:0.5rem;justify-content:center}.timer-segment{text-align:center;min-width:45px}.timer-value{font-family:var(--font-hud);font-size:2rem;font-weight:700;color:var(--text-primary);text-shadow:0 0 15px rgba(255,255,255,0.3);line-height:1}.timer-unit{font-family:var(--font-heading);font-size:0.55rem;font-weight:600;color:#8a7fa0;text-transform:uppercase;letter-spacing:0.1em;margin-top:0.2rem;display:block}.timer-separator{font-family:var(--font-hud);font-size:2rem;font-weight:700;color:var(--text-muted);line-height:1;opacity:var(--separator-opacity)}.notification-controls{display:flex;gap:0.5rem;margin-top:auto;padding-top:0.75rem}.bell-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.notify-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0.3rem;padding:0.4rem 0.7rem;font-family:var(--font-heading);font-size:0.6rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:1px solid rgba(255,255,255,0.25);border-radius:4px;cursor:pointer;transition:color 0.2s ease,background 0.2s ease,border-color 0.2s ease,filter 0.2s ease,width 0.25s ease-out,height 0.25s ease-out,padding 0.25s ease-out,border-radius 0.25s ease-out,gap 0.25s ease-out;white-space:nowrap;overflow:hidden}.notify-btn-text{display:inline;transition:opacity 0.2s ease-out,max-width 0.25s ease-out;max-width:200px;overflow:hidden}@media (hover:hover){.notify-btn:hover{color:var(--event-color,var(--arc-cyan));border-color:var(--event-color,var(--arc-cyan));background:var(--event-bg,rgba(0,229,255,0.1))}}.notify-btn.active{color:var(--event-text-color,#000000);background:var(--event-color,var(--arc-cyan));border-color:var(--event-color,var(--arc-cyan));font-weight:700}@media (hover:hover){.notify-btn.active:hover{filter:brightness(1.1)}}.event-card.split-theme .notify-btn{color:var(--text-secondary);border-color:var(--border-color)}.event-card.split-theme .notify-btn.active{color:#ffffff;background:#4a4a4a;border-color:#4a4a4a}@media (hover:hover){.event-card.split-theme .notify-btn:hover{color:#888;border-color:#666;background:rgba(74,74,74,0.2)}.event-card.split-theme .notify-btn.active:hover{color:#ffffff;background:#4a4a4a;border-color:#4a4a4a;filter:brightness(1.1)}}.flip-btn{position:absolute;top:0.75rem;right:0.75rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.3);border-radius:50%;cursor:pointer;color:rgba(255,255,255,0.7);transition:all 0.2s ease;z-index:10}@media (hover:hover){.flip-btn:hover{background:rgba(255,255,255,0.15);border-color:var(--event-color,var(--accent-primary));color:var(--event-color,var(--accent-primary));transform:scale(1.1)}}.flip-btn:active{transform:scale(0.95)}.flip-btn svg{width:16px;height:16px}.card-back .flip-btn{background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.2);color:#5a5a5a}@media (hover:hover){.card-back .flip-btn:hover{background:rgba(0,0,0,0.15);border-color:var(--event-color,#2a2a2a);color:var(--event-color,#2a2a2a)}}.flip-btn.demo-active{background:rgba(255,255,255,0.15);border-color:var(--event-color,var(--accent-primary));color:var(--event-color,var(--accent-primary));transform:scale(1.1)}.card-back .flip-btn.demo-active{background:rgba(0,0,0,0.15);border-color:var(--event-color,#2a2a2a);color:var(--event-color,#2a2a2a)}.event-card.split-theme .flip-btn{border-color:rgba(255,255,255,0.3);color:rgba(255,255,255,0.7)}@media (hover:hover){.event-card.split-theme .flip-btn:hover{border-color:#888;color:#888}}.event-card.split-theme .card-back .flip-btn{border-color:rgba(0,0,0,0.2);color:#5a5a5a}@media (hover:hover){.event-card.split-theme .card-back .flip-btn:hover{border-color:#4a4a4a;color:#4a4a4a}}.back-notify-all-btn{position:absolute;top:0.75rem;left:0.75rem;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.85);border:1px solid rgba(0,0,0,0.15);border-radius:50%;color:#5a5a5a;cursor:pointer;transition:all 0.2s ease}@media (hover:hover){.back-notify-all-btn:hover{background:rgba(255,255,255,0.95);border-color:var(--event-color,#2a2a2a);color:var(--event-color,#2a2a2a);transform:scale(1.1)}}.back-notify-all-btn:active{transform:scale(0.95)}.back-notify-all-btn.active{background:var(--event-color,var(--arc-cyan));border-color:var(--event-color,var(--arc-cyan));color:var(--event-text-color,#000)}@media (hover:hover){.back-notify-all-btn.active:hover{background:var(--event-color,var(--arc-cyan));border-color:var(--event-color,var(--arc-cyan));filter:brightness(1.1)}}@media (hover:hover){.event-card.split-theme .back-notify-all-btn:hover{border-color:#4a4a4a;color:#4a4a4a}}.event-card.split-theme .back-notify-all-btn.active{background:#4a4a4a;border-color:#4a4a4a;color:#ffffff}@media (hover:hover){.event-card.split-theme .back-notify-all-btn.active:hover{background:#4a4a4a;border-color:#4a4a4a}}.back-notify-all-btn .bell-icon{width:14px;height:14px}.schedule-title{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:0.05em;color:var(--event-text-color,#1a1a1a);margin:0 0 0.5rem 0;text-align:center;align-self:center;display:inline-flex;align-items:center;padding:0.3rem 0.75rem;background:var(--event-color,var(--arc-cyan));border-radius:4px}.schedule-title .wiki-link{display:inline-flex;align-items:center;justify-content:center;margin-left:0.4em;padding:0.15em;color:var(--event-text-color,#1a1a1a);opacity:0.6;text-decoration:none;border-radius:3px;transition:opacity 0.2s ease,background-color 0.2s ease,transform 0.15s ease}@media (hover:hover){.schedule-title .wiki-link:hover{opacity:1;background:rgba(0,0,0,0.1);transform:scale(1.15)}}.schedule-title .wiki-link:active{transform:scale(0.95)}.schedule-title .wiki-link .wiki-link-icon{width:12px;height:12px}.back-timer{display:inline-flex;align-items:center;align-self:center;gap:0.5rem;padding:0.4rem 0.75rem;margin-bottom:0.5rem;background:rgba(0,0,0,0.08);border-radius:4px;border-left:none;border:1px solid rgba(0,0,0,0.1)}.back-timer-label{font-family:var(--font-heading);font-size:0.6rem;font-weight:600;letter-spacing:0.08em;color:#666;text-transform:uppercase}.back-timer-countdown{font-family:var(--font-hud);font-size:0.85rem;font-weight:600;color:#333;letter-spacing:0.02em;display:inline-flex;align-items:center}.back-time-value{display:inline-block;min-width:1.7ch;text-align:center}.back-timer-separator{display:inline-block;margin:0 0.1em;opacity:var(--separator-opacity)}.back-timer.active.urgent .back-timer-countdown{color:var(--arc-red)}.back-timer.expired .back-timer-countdown{opacity:0.6}.schedule-container{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0;transform:translateZ(0);isolation:isolate}.schedule-list{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:0.4rem;padding:0 0.25rem 0 0.5rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:auto}.schedule-list::-webkit-scrollbar{width:10px}.schedule-list::-webkit-scrollbar-track{background:rgba(0,0,0,0.08);border-radius:5px;margin:2px 0}.schedule-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.25);border-radius:5px;border:2px solid transparent;background-clip:padding-box}.schedule-list::-webkit-scrollbar-thumb:hover{background:var(--event-color,rgba(0,0,0,0.35));background-clip:padding-box}.schedule-list::-webkit-scrollbar-button{display:none}.schedule-list{scrollbar-width:auto;scrollbar-color:rgba(0,0,0,0.25) rgba(0,0,0,0.08)}.schedule-date-separator{font-family:var(--font-heading);font-size:0.65rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:rgba(0,0,0,0.5);padding:0.25rem 0.5rem;margin-top:0.25rem;flex-shrink:0}.schedule-slot{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0.75rem;background:rgba(255,255,255,0.6);border-radius:6px;border:1px solid rgba(0,0,0,0.08);transition:all 0.2s ease;flex-shrink:0}@media (hover:hover){.schedule-slot:hover{background:rgba(255,255,255,0.9);border-color:rgba(0,0,0,0.15)}}.schedule-slot.current{background:var(--event-color,var(--arc-cyan));border-color:var(--event-color,var(--arc-cyan))}.schedule-slot.current .slot-time,.schedule-slot.current .slot-map,.schedule-slot.current .slot-event{color:var(--event-text-color,#1a1a1a);font-weight:600}.schedule-slot.consecutive-next{background:color-mix(in srgb,var(--event-color,var(--arc-cyan)) 40%,white);border-color:var(--event-color,var(--arc-cyan));border-style:dashed}.schedule-slot.consecutive-next .slot-time,.schedule-slot.consecutive-next .slot-map,.schedule-slot.consecutive-next .slot-event{color:#1a1a1a;font-weight:500}.slot-info{display:flex;align-items:center;gap:0.75rem}.slot-time{font-family:var(--font-hud);font-size:0.7rem;font-weight:600;color:#5a5a5a;min-width:80px}.slot-map{font-family:var(--font-body);font-size:0.75rem;font-weight:500;color:#2a2a2a}.slot-event{font-family:var(--font-body);font-size:0.75rem;font-weight:500;color:#2a2a2a}.slot-map .map-wiki-link,.slot-event .event-wiki-link{display:inline-flex;align-items:center;justify-content:center;margin-left:0.25em;padding:0.1em;color:#5a5a5a;opacity:0.5;text-decoration:none;border-radius:2px;vertical-align:middle;transition:opacity 0.2s ease,color 0.2s ease,background-color 0.2s ease,transform 0.15s ease;transform:translateY(-1px) scale(1)}@media (hover:hover){.slot-map .map-wiki-link:hover,.slot-event .event-wiki-link:hover{opacity:1;color:var(--event-color,#2a2a2a);background:rgba(0,0,0,0.08);transform:translateY(-1px) scale(1.15)}}.slot-map .map-wiki-link:active,.slot-event .event-wiki-link:active{transform:translateY(-1px) scale(0.95)}.slot-map .map-wiki-link .wiki-link-icon,.slot-event .event-wiki-link .wiki-link-icon{width:10px;height:10px}.schedule-slot.current .slot-map .map-wiki-link,.schedule-slot.consecutive-next .slot-map .map-wiki-link,.schedule-slot.current .slot-event .event-wiki-link,.schedule-slot.consecutive-next .slot-event .event-wiki-link{color:inherit;opacity:0.7}.schedule-slot.current .slot-map .map-wiki-link .wiki-link-icon,.schedule-slot.current .slot-event .event-wiki-link .wiki-link-icon{filter:var(--event-icon-filter,none)}.schedule-slot.consecutive-next .slot-map .map-wiki-link .wiki-link-icon,.schedule-slot.consecutive-next .slot-event .event-wiki-link .wiki-link-icon{filter:brightness(0)}@media (hover:hover){.schedule-slot.current .slot-map .map-wiki-link:hover,.schedule-slot.consecutive-next .slot-map .map-wiki-link:hover,.schedule-slot.current .slot-event .event-wiki-link:hover,.schedule-slot.consecutive-next .slot-event .event-wiki-link:hover{opacity:1;color:inherit;background:rgba(255,255,255,0.2)}}.slot-notify-btn{width:28px;height:28px;padding:0;font-size:0.8rem;color:#5a5a5a;background:rgba(255,255,255,0.85);border:1px solid rgba(0,0,0,0.15);border-radius:6px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (hover:hover){.slot-notify-btn:hover{color:var(--event-color,#1a1a1a);background:rgba(255,255,255,0.9);border-color:var(--event-color,rgba(0,0,0,0.25))}}.slot-notify-btn.active{color:var(--event-text-color,#000000);background:var(--event-color,var(--arc-cyan));border-color:var(--event-color,var(--arc-cyan))}@media (hover:hover){.slot-notify-btn.active:hover{filter:brightness(1.1)}}.schedule-slot.current .slot-notify-btn{color:#5a5a5a;background:rgba(255,255,255,0.85);border-color:rgba(0,0,0,0.15)}@media (hover:hover){.schedule-slot.current .slot-notify-btn:hover{color:var(--event-text-color,#1a1a1a);background:rgba(255,255,255,0.4);border-color:var(--event-text-color,rgba(0,0,0,0.25))}}.schedule-slot.current .slot-notify-btn.active{color:var(--event-text-color,#000000);background:var(--event-color,var(--arc-cyan));border:1px solid var(--event-text-color,#ffffff)}@media (hover:hover){.schedule-slot.current .slot-notify-btn.active:hover{filter:brightness(1.1)}}.schedule-slot.consecutive-next .slot-notify-btn{color:#5a5a5a;background:rgba(255,255,255,0.85);border-color:rgba(0,0,0,0.15)}@media (hover:hover){.schedule-slot.consecutive-next .slot-notify-btn:hover{color:#1a1a1a;background:rgba(255,255,255,0.7);border-color:var(--event-color,rgba(0,0,0,0.25))}}.schedule-slot.consecutive-next .slot-notify-btn.active{color:var(--event-text-color,#000000);background:var(--event-color,var(--arc-cyan));border:1px solid rgba(0,0,0,0.15)}@media (hover:hover){.schedule-slot.consecutive-next .slot-notify-btn.active:hover{filter:brightness(1.1)}}.event-card.split-theme .slot-notify-btn{color:#5a5a5a}@media (hover:hover){.event-card.split-theme .slot-notify-btn:hover{color:#4a4a4a;border-color:#4a4a4a}}.event-card.split-theme .slot-notify-btn.active{color:#ffffff;background:#4a4a4a;border-color:#4a4a4a}@media (hover:hover){.event-card.split-theme .slot-notify-btn.active:hover{background:#5a5a5a}}.event-card.split-theme .schedule-slot.current{background:#4a4a4a;border-color:#4a4a4a}.event-card.split-theme .schedule-slot.current .slot-time,.event-card.split-theme .schedule-slot.current .slot-map,.event-card.split-theme .schedule-slot.current .slot-event{color:#ffffff}.event-card.split-theme .schedule-slot.consecutive-next{background:color-mix(in srgb,#4a4a4a 40%,white);border-color:#4a4a4a}.event-card.split-theme .schedule-title{background:#4a4a4a;color:#ffffff}.event-card.split-theme .schedule-title .wiki-link{color:#ffffff}.event-card.split-theme .schedule-slot.current .slot-notify-btn.active{border:1px solid #ffffff}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-family:var(--font-heading);font-weight:600;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:color var(--btn-easing),background-color var(--btn-easing);white-space:nowrap;border:none}.btn-primary{position:relative;padding:0.6rem;font-size:1.1rem;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center}.btn-primary .btn-text{display:none}.btn-primary::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--border-color);opacity:0;transition:opacity 0.2s ease;background:transparent;z-index:-1}.btn-primary::after{display:none}@media (hover:hover){.btn-primary:hover::before{opacity:1}}.btn-primary.active{background:var(--accent-warning);border-color:var(--accent-warning)}.btn-primary.active .btn-icon-inner{filter:grayscale(1) brightness(0.1)}.btn-primary.active::before{border-color:var(--accent-warning)}.btn-rounded{display:inline-flex;align-items:center;justify-content:center;padding:clamp(0.35rem,calc(0.15rem + 0.667vw),0.6rem) clamp(0.5rem,calc(-0.3rem + 2.667vw),1.5rem);font-size:clamp(0.6rem,calc(0.48rem + 0.4vw),0.75rem);font-weight:600;color:var(--text-secondary);background:transparent;border:none;border-radius:50px;transition:color 0.2s ease,outline-color 0.2s ease;cursor:pointer;outline:2px solid transparent;outline-offset:0}@media (hover:hover){.btn-rounded:hover{color:var(--text-primary)}}.btn-rounded.active{color:var(--text-primary);background:transparent;font-weight:700;outline-color:rgba(255,255,255,0.85)}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(0.875rem,calc(0.575rem + 1vw),1.25rem);height:clamp(0.875rem,calc(0.575rem + 1vw),1.25rem);padding:0 clamp(0.1875rem,calc(0.0375rem + 0.5vw),0.375rem);margin-left:clamp(0.125rem,calc(-0.075rem + 0.667vw),0.375rem);font-size:clamp(0.5rem,calc(0.34rem + 0.533vw),0.7rem);font-weight:700;background:rgba(255,255,255,0.15);border-radius:0.625rem}.btn-rounded.active .filter-count{background:rgba(255,255,255,0.3)}.events-grid.filter-active .event-card.inactive{display:none}.events-grid.filter-inactive .event-card.active{display:none}.events-grid.filter-active .event-card.out-of-rotation{display:none}.events-grid.filter-inactive .event-card.out-of-rotation{display:none}.events-grid.filter-inactive .event-card.inactive:not(.starting-soon){display:none}.event-card.out-of-rotation{opacity:0.6;filter:grayscale(0.4);pointer-events:auto}.event-card.out-of-rotation .card-inner{cursor:default}@media (hover:hover){.event-card.out-of-rotation:not(.flipped):not(.flipping):hover .card-inner::before,.event-card.out-of-rotation:not(.flipped):not(.flipping):hover .card-inner::after{opacity:0;animation-play-state:paused}}.event-card.out-of-rotation .event-card-hero{filter:brightness(0.7)}.event-card.out-of-rotation .timer-container{opacity:0.7}.event-card.out-of-rotation .timer-container.out-of-rotation .timer-label{color:#888;font-size:0.7rem}.event-card.out-of-rotation .timer-value{color:#666}.status-out-of-rotation{color:#888;font-size:0.65rem;font-weight:600;letter-spacing:0.1em;padding:0.25rem 0.5rem;background:rgba(100,100,100,0.3);border-radius:3px;text-transform:uppercase}.compact-status-badge.out-of-rotation{background:rgba(100,100,100,0.3);color:#888;border:1px solid rgba(100,100,100,0.5)}.event-card.out-of-rotation .notify-btn.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.btn-ghost{padding:0.65rem 1.5rem;font-size:0.8rem;color:var(--accent-primary);background:transparent;border:2px solid var(--accent-primary);overflow:hidden}.btn-ghost::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,229,255,0.3),transparent);transition:left 0.5s ease}.btn-ghost::after{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:var(--accent-primary);transition:width 0.3s ease;z-index:-1}@media (hover:hover){.btn-ghost:hover{color:var(--bg-primary);box-shadow:0 0 20px rgba(0,229,255,0.3)}.btn-ghost:hover::before{left:100%}.btn-ghost:hover::after{width:100%}}.arc-loading-dialog{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:linear-gradient(180deg,#F5F0E6 0%,#F5F0E6 60%,#1a1a2e 60%,#1a1a2e 100%);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.arc-loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem}.arc-loader{position:relative;width:60px;height:60px}.arc-loader-ring{position:absolute;inset:0;border:3px solid transparent;border-top-color:#FFB800;border-radius:50%;animation:arc-spin 1.2s cubic-bezier(0.5,0,0.5,1) infinite}.arc-loader-ring:nth-child(2){inset:8px;border-top-color:#1a1a2e;animation-delay:-0.3s}.arc-loader-core{position:absolute;inset:18px;background:#FFB800;border-radius:50%;animation:arc-pulse 1.2s ease-in-out infinite}@keyframes arc-spin{to{transform:rotate(360deg)}}@keyframes arc-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(0.85)}}.arc-loading-text{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:0.15em;color:#1a1a2e;text-transform:uppercase}.arc-loading-subtext{font-family:var(--font-body);font-size:0.9rem;color:rgba(26,26,46,0.7)}.no-events{grid-column:1 / -1;text-align:center;padding:3rem 2rem;color:var(--text-muted);font-size:1.1rem;background:rgba(25,20,40,0.6);border:1px solid rgba(255,255,255,0.08);border-radius:16px}.arc-error-dialog{grid-column:1 / -1;display:flex;flex-direction:column;background:#1a1a2e;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.arc-error-content{position:relative;padding:2.5rem 2rem 2rem;background:#F5F0E6}.arc-error-title{font-family:var(--font-display);font-size:1.5rem;font-weight:900;letter-spacing:0.08em;color:#1a1a2e;margin-bottom:1rem;text-transform:uppercase}.arc-error-message{font-family:var(--font-body);font-size:1rem;color:#1a1a2e;line-height:1.5}.arc-error-code{position:absolute;bottom:1rem;right:1.5rem;font-family:var(--font-mono);font-size:0.85rem;color:rgba(26,26,46,0.5);letter-spacing:0.05em}.arc-error-actions{display:flex;gap:1rem;padding:1.5rem 2rem;background:#1a1a2e}.arc-btn{flex:1;padding:1rem 2rem;font-family:var(--font-display);font-size:0.9rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;border:none;border-radius:50px;cursor:pointer;transition:all 0.2s ease}.arc-btn-primary{background:#FFB800;color:#1a1a2e}.arc-btn-primary:hover{background:#FFC933;transform:translateY(-1px)}.arc-btn-secondary{background:#4a4a5a;color:#ffffff}.arc-btn-secondary:hover{background:#5a5a6a;transform:translateY(-1px)}.footer{margin-top:4rem;padding:1.5rem 2rem;background:rgba(20,15,35,0.6);border-top:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(10px);text-align:center;color:var(--text-muted);font-size:0.85rem}.footer a{color:rgba(255,255,255,0.7);text-decoration:none;transition:all 0.3s ease;padding:0.2rem 0.4rem;border-radius:4px}@media (hover:hover){.footer a:hover{color:var(--text-primary);background:rgba(255,255,255,0.1)}}.footer-sources{display:flex;justify-content:center;align-items:center;gap:0.75rem;flex-wrap:wrap;margin-bottom:0.75rem}.source-item{display:flex;align-items:center;gap:0.4rem}.source-label{font-family:var(--font-heading);font-size:0.7rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.4)}.source-separator{color:rgba(255,255,255,0.2);font-size:0.75rem}.built-with-logos{display:flex;align-items:center;gap:0.35rem}.built-with-link{display:flex;align-items:center;transition:opacity 0.3s ease}.built-with-logo{width:18px;height:18px;filter:grayscale(1) brightness(1.3);opacity:0.8;transition:filter 0.2s ease,opacity 0.2s ease}@media (hover:hover){.built-with-link:hover .built-with-logo{filter:none;opacity:1}}.claude-happy{display:none}.built-with-claude:hover .claude-default{display:none}.built-with-claude:hover .claude-happy{display:block}.footer .disclaimer{margin-top:0;font-size:0.75rem;color:rgba(255,255,255,0.4)}.footer-share{display:flex;align-items:center;justify-content:center;gap:0.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.08)}.share-label{font-family:var(--font-heading);font-size:0.7rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted)}.share-buttons{display:flex;gap:0.5rem}.share-btn{display:flex;align-items:center;justify-content:center;width:clamp(1.75rem,calc(1.35rem + 1.333vw),2.25rem);height:clamp(1.75rem,calc(1.35rem + 1.333vw),2.25rem);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all 0.2s ease;text-decoration:none}.footer .share-btn{color:var(--text-muted);padding:0;border-radius:50%;text-decoration:none;border-bottom:none}@media (hover:hover){.share-btn:hover,.footer .share-btn:hover{color:var(--text-primary);background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3);transform:translateY(-2px);text-decoration:none;border-bottom:none}.share-btn:hover .share-icon{filter:none;opacity:1}}.share-btn:active{transform:translateY(0) scale(0.95)}.share-btn.copied{color:var(--arc-teal);border-color:var(--arc-teal);background:rgba(0,212,170,0.1)}.share-btn.copied .share-icon{filter:none;opacity:1}.share-icon{width:clamp(0.75rem,calc(0.55rem + 0.667vw),1rem);height:clamp(0.75rem,calc(0.55rem + 0.667vw),1rem);filter:grayscale(1) brightness(1.3);opacity:0.8;transition:filter 0.2s ease,opacity 0.2s ease}@media (max-width:768px){.footer-share{flex-direction:column;gap:0.5rem}.share-btn{width:32px;height:32px}.share-icon{width:14px;height:14px}}#toast-container{position:fixed;top:var(--toast-top,120px);right:20px;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none;transition:top 0.2s ease-out}.toast{display:flex;align-items:stretch;gap:0;padding:0;background:transparent;border:none;border-radius:6px;backdrop-filter:blur(20px);box-shadow:0 4px 20px rgba(0,0,0,0.15),0 2px 8px rgba(0,0,0,0.1);transform:translateX(120%);opacity:0;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),opacity 0.25s ease-out;pointer-events:auto;width:fit-content;overflow:hidden}.toast.show{transform:translateX(0);opacity:1}.toast-success{--toast-color:var(--arc-green)}.toast-warning{--toast-color:#ffa500}.toast-error{--toast-color:#ff4444}.toast-info{--toast-color:var(--arc-cyan)}.toast-icon-wrapper{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:100%;background:var(--toast-color,var(--arc-cyan));flex-shrink:0;width:56px;min-width:56px;padding:8px;border-radius:6px 0 0 6px}.toast-icon-img{width:32px;height:32px;object-fit:contain;filter:var(--toast-icon-filter,brightness(0))}.toast-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px 14px;background:rgba(255,255,255,0.97);border-radius:0 6px 6px 0;margin-right:-80px;padding-right:94px}.toast-message{font-family:var(--font-body);font-size:0.9rem;color:#1a1a1a;font-weight:500;line-height:1.4;white-space:nowrap}.toast-timestamp{font-family:var(--font-hud);font-size:0.7rem;color:#666}.toast-close{position:relative;z-index:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#999;font-size:1.1rem;cursor:pointer;transition:all 0.2s ease;flex-shrink:0;margin:8px 8px 8px 0;align-self:flex-start}@media (hover:hover){.toast-close:hover{background:rgba(0,0,0,0.08);color:#333}}.toast-action{position:relative;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.06);border:1px solid rgba(0,0,0,0.1);border-radius:6px;color:#666;cursor:pointer;transition:all 0.2s ease;flex-shrink:0;margin:auto 4px}@media (hover:hover){.toast-action:hover{background:var(--toast-color,var(--arc-cyan));border-color:var(--toast-color,var(--arc-cyan));color:var(--toast-action-hover-color,#fff)}}.toast-action svg{width:18px;height:18px}.toast-action.toast-action-disabled{opacity:0;pointer-events:none;transition:opacity 0.3s ease}.toast.toast-hidden{display:none}#toast-container.no-transition .toast{transition:none !important}.toast-overflow-controls{display:flex;gap:8px;justify-content:flex-end;pointer-events:auto}.toast-show-more,.toast-clear-all{padding:8px 16px;font-family:var(--font-heading);font-size:0.75rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:all 0.2s ease}.toast-show-more{background:rgba(255,255,255,0.95);border:1px solid rgba(0,0,0,0.15);color:#555;box-shadow:0 2px 8px rgba(0,0,0,0.1)}@media (hover:hover){.toast-show-more:hover{background:#fff;border-color:rgba(0,0,0,0.25);color:#333}}.toast-clear-all{background:rgba(255,255,255,0.95);border:1px solid rgba(200,80,80,0.4);color:#c55;box-shadow:0 2px 8px rgba(0,0,0,0.1)}@media (hover:hover){.toast-clear-all:hover{background:#fff;border-color:rgba(200,80,80,0.6);color:#a33}}@media (max-width:768px){#toast-container{top:auto;bottom:20px;left:10px;right:10px;align-items:center}.toast{max-width:100%;width:100%;transform:translateY(120%)}.toast.show{transform:translateY(0)}.toast-message{white-space:normal}}@media (max-width:1350px){.header-info{width:100%;justify-content:center;padding-top:0.4rem;margin-top:0.25rem;border-top:1px solid var(--border-color);order:3}}@media (max-width:1350px){.header-content{justify-content:center}.header-controls{width:100%;order:2}.logo{order:1}}@media (max-width:768px){body::-webkit-scrollbar{display:none}body{scrollbar-width:none;-ms-overflow-style:none}.header{padding:0.75rem 1rem}.header-content{flex-direction:column;align-items:center;gap:0.6rem;position:relative}.logo{justify-content:center}.logo-duck{width:2.8125rem;height:2.8125rem}.logo-text{flex-direction:row;align-items:flex-end;gap:0.15rem}.logo-text .subtitle{letter-spacing:0.2em;margin-bottom:0.2rem}.arc-stripes{height:3px;margin-bottom:2px}.header-controls{display:flex;flex-direction:column;align-items:center;gap:0.625rem;width:100%}.filter-buttons{gap:0.3rem;justify-content:center;min-width:0;width:100%}.header-icons{justify-content:center;width:100%}.btn-rounded{white-space:nowrap}.filter-count{min-width:1rem;height:1rem;padding:0 0.25rem;margin-left:0.1875rem;font-size:0.55rem}.header-controls .btn-primary{width:2.25rem;height:2.25rem;font-size:0.9rem}.header-info{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0.5rem;width:100%;padding-top:0.3rem;border-top:1px solid var(--border-color)}.time-status-group{gap:0.5rem}.status-indicator{padding:0.3rem 0.6rem}.current-time{padding:0.3rem 0.5rem}.main-content{padding:1rem}.events-grid{grid-template-columns:1fr}.events-grid:not(.view-compact){max-width:420px;margin-left:auto;margin-right:auto}.event-card{height:320px}.timer-value{font-size:1.6rem}.timer-separator{font-size:1.6rem}.timer-segment{min-width:38px}.notification-controls{flex-direction:column}.notify-btn{font-size:0.55rem}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.event-card{animation:fadeIn 0.3s ease-out forwards}.timer-container.expired .timer-value{animation:expiredPulse 1.5s ease-in-out infinite}@keyframes expiredPulse{0%,100%{color:#ff4444;text-shadow:0 0 6px rgba(255,68,68,0.4)}50%{color:#ff6666;text-shadow:0 0 8px rgba(255,102,102,0.5)}}.timer-container.active.urgent .timer-value{color:var(--arc-red)}.timer-container.active.urgent .timer-separator{color:var(--arc-red)}.btn-card-mode-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:color 0.2s ease,outline-color 0.2s ease,transform 0.1s ease;outline:2px solid transparent;outline-offset:0}@media (hover:hover){.btn-card-mode-toggle:hover{color:var(--text-primary)}}.btn-card-mode-toggle:active{transform:scale(0.95)}.btn-card-mode-toggle .mode-icon{width:18px;height:18px}.btn-card-mode-toggle .mode-icon-map{display:none}.btn-card-mode-toggle .mode-icon-type{display:block}.btn-card-mode-toggle.mode-map .mode-icon-map{display:block}.btn-card-mode-toggle.mode-map .mode-icon-type{display:none}.btn-card-mode-toggle.mode-map{color:var(--text-primary);outline-color:rgba(255,255,255,0.85)}.btn-view-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:color 0.2s ease,outline-color 0.2s ease,transform 0.1s ease;outline:2px solid transparent;outline-offset:0}@media (hover:hover){.btn-view-toggle:hover{color:var(--text-primary)}}.btn-view-toggle:active{transform:scale(0.95)}.btn-view-toggle .view-icon{width:18px;height:18px}.btn-view-toggle .view-icon-compact{display:none}.btn-view-toggle .view-icon-full{display:block}.btn-view-toggle.compact .view-icon-compact{display:block}.btn-view-toggle.compact .view-icon-full{display:none}.btn-view-toggle.compact{color:var(--text-primary);outline-color:rgba(255,255,255,0.85)}.view-compact~* .main-content,body:has(.view-compact) .main-content{max-width:none}.events-grid.view-compact{grid-template-columns:repeat(auto-fill,minmax(320px,440px));justify-content:center;gap:1.5rem;max-width:1900px;margin:0 auto;padding:0}.events-grid.view-compact .event-card{height:auto;max-width:440px;perspective:none;cursor:default;overflow:hidden}.events-grid.view-compact .event-card .card-inner::before,.events-grid.view-compact .event-card .card-inner::after{opacity:0 !important;animation-play-state:paused !important;transition:none !important}.events-grid.view-compact .card-inner{height:auto;transform-style:flat;transform:none !important;transition:none !important}.events-grid.view-compact .card-front{position:relative;height:auto;display:flex;flex-direction:row;align-items:center;gap:0;pointer-events:auto !important}.events-grid.view-compact .event-card.active .card-front{border-left:3px solid var(--arc-teal);transition:border-color 0.15s ease-out}.events-grid.view-compact .event-card.starting-soon:not(.active) .card-front{border-left:3px solid #b8922a;transition:border-color 0.15s ease-out}.events-grid.view-compact.transitioning-to-full .event-card.active .card-front,.events-grid.view-compact.transitioning-to-full .event-card.starting-soon .card-front{border-color:transparent}.events-grid.view-transitioning .map-image-bg.loaded,.events-grid.view-transitioning .event-image-bg.loaded{opacity:0 !important;transition:none !important}.events-grid.hero-fade-in .map-image-bg.loaded,.events-grid.hero-fade-in .event-image-bg.loaded{transition:filter 0.4s ease,opacity 0.4s ease,transform 0.4s ease !important}.events-grid.view-compact .card-back{display:none}.events-grid.view-compact .event-card-hero{width:clamp(70px,27%,120px);min-width:0;align-self:stretch;border-bottom:none;border-right:1px solid var(--border-color);border-radius:16px 0 0 16px;padding:0.75rem;flex-shrink:0}.events-grid.view-compact .map-image-bg,.events-grid.view-compact .event-image-bg{width:100% !important;left:0 !important;border-radius:16px 0 0 16px}.events-grid.view-compact .event-card.split-theme .event-image-bg{width:100% !important;height:50% !important;left:0 !important}.events-grid.view-compact .event-card.split-theme .event-image-bg:nth-child(1){top:0;border-radius:16px 0 0 0;z-index:2;transform-origin:center bottom !important}.events-grid.view-compact .event-card.split-theme .event-image-bg:nth-child(2){top:50%;border-radius:0 0 0 16px;z-index:1;transform-origin:center top !important}.events-grid.view-compact .hero-overlay{border-radius:16px 0 0 16px}@media (hover:hover){.events-grid.view-compact .event-card:hover .map-image-bg.loaded,.events-grid.view-compact .event-card:hover .event-image-bg.loaded{transform:translateZ(0) scale(1.45) translateY(-4px)}.events-grid.view-compact .event-card:not(.active):hover .map-image-bg.loaded,.events-grid.view-compact .event-card:not(.active):hover .event-image-bg.loaded{transform:translateZ(0) scale(1.45) translateY(-4px)}.events-grid.view-compact .event-card.starting-soon:not(.active):hover .map-image-bg.loaded,.events-grid.view-compact .event-card.starting-soon:not(.active):hover .event-image-bg.loaded{transform:translateZ(0) scale(1.45) translateY(-4px)}}.events-grid.view-compact .event-icon-hero,.events-grid.view-compact .map-icon-hero{width:clamp(35px,55%,50px);height:auto;aspect-ratio:1 / 1}.events-grid.view-compact .icon-ring-wrapper.split-ring{width:clamp(35px,55%,50px);height:clamp(35px,55%,50px)}.events-grid.view-compact .icon-ring-wrapper.split-ring::after{background:conic-gradient(from 270deg,var(--ring-color-1) 0deg 180deg,var(--ring-color-2) 180deg 360deg) border-box}.events-grid.view-compact .icon-ring-wrapper.split-ring::before{background:conic-gradient(from 270deg,var(--ring-color-1) 0deg 180deg,var(--ring-color-2) 180deg 360deg)}.events-grid.view-compact .event-title,.events-grid.view-compact .map-status{display:none}.events-grid.view-compact .event-card-content{padding:0.6rem clamp(0.85rem,4%,1.25rem) 0.6rem clamp(0.5rem,3%,1rem);display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;flex:1;min-width:0;overflow:hidden;border-top:none}.events-grid.view-compact .compact-timer-row{display:flex;align-items:center;gap:0.6rem;width:100%}.events-grid.view-compact .event-info{display:flex;flex-direction:column;align-items:stretch;gap:0.35rem;min-width:0;overflow:hidden;flex:1}.events-grid.view-compact .event-name{font-family:var(--font-display);font-size:clamp(1.15rem,6cqi,1.6rem);letter-spacing:0.08em;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.events-grid.view-compact .event-name .wiki-link{display:inline-flex;align-items:center;justify-content:center;margin-left:0.3em;padding:0.15em;color:rgba(255,255,255,0.4);text-decoration:none;vertical-align:middle;border-radius:3px;transition:color 0.2s ease,background-color 0.2s ease,transform 0.15s ease;flex-shrink:0}@media (hover:hover){.events-grid.view-compact .event-name .wiki-link:hover{color:var(--text-primary);background:rgba(255,255,255,0.15);transform:scale(1.15)}}.events-grid.view-compact .event-name .wiki-link:active{transform:scale(0.95)}.events-grid.view-compact .event-name .wiki-link .wiki-link-icon{width:14px;height:14px}.events-grid.view-compact .event-labels{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.25rem;width:100%}.events-grid.view-compact .labels-overflow{display:inline-flex;align-items:center;justify-content:center;padding:0.35rem 0.5rem;border-radius:4px;font-family:var(--font-heading);font-size:0.7rem;font-weight:600;background:rgba(255,255,255,0.1);color:var(--text-secondary);border:1px solid rgba(255,255,255,0.2);white-space:nowrap;cursor:pointer;flex-shrink:0}.events-grid.view-compact .labels-tooltip{position:absolute;top:calc(100% + 8px);left:0;display:none;flex-direction:column;gap:0.35rem;padding:0.75rem;background:rgba(25,20,40,0.98);border:1px solid rgba(255,255,255,0.2);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.5);z-index:100;min-width:180px}@media (hover:hover){.events-grid.view-compact .event-labels:hover .labels-tooltip{display:flex}}.events-grid.view-compact .labels-tooltip.active{display:flex}.events-grid.view-compact .labels-tooltip .tooltip-label{display:inline-block;padding:0.35rem 0.75rem;border-radius:4px;font-family:var(--font-heading);font-size:0.7rem;font-weight:600;letter-spacing:0.06em;white-space:nowrap;background:rgba(0,212,170,0.15);color:var(--arc-teal);border:1px solid rgba(0,212,170,0.45)}.events-grid:not(.view-compact) .event-info{display:none}.events-grid:not(.view-compact) .compact-timer-row{display:flex;flex-direction:column;align-items:center;gap:0.75rem}.events-grid.view-compact .timer-container{background:rgba(0,0,0,0.3);border:1px solid var(--border-color);border-radius:6px;padding:0.5rem clamp(0.4rem,3cqi,0.75rem);display:flex;flex-direction:row;align-items:center;gap:clamp(0.25rem,2cqi,0.5rem);min-width:0;flex:1}.events-grid.view-compact .timer-label{font-size:clamp(0.55rem,2.5cqi,0.75rem);min-width:clamp(3.8em,15cqi,5.5em);text-align:right;margin-right:0;margin-bottom:0;color:var(--text-muted);white-space:nowrap}.events-grid.view-compact .timer-container.out-of-rotation .timer-label{display:none}.events-grid.view-compact .timer-container.out-of-rotation{justify-content:center}.events-grid.view-compact .timer-container.out-of-rotation .timer-value{color:#666}.events-grid.view-compact .timer-container.out-of-rotation .timer-separator{color:#666}.events-grid.view-compact .timer-display{gap:clamp(0.1rem,1cqi,0.25rem)}.events-grid.view-compact .timer-segment{min-width:0}.events-grid.view-compact .timer-value{font-size:clamp(1rem,5cqi,1.6rem)}.events-grid.view-compact .timer-separator{font-size:clamp(1rem,5cqi,1.6rem)}.events-grid.view-compact .timer-unit{font-size:clamp(0.52rem,2cqi,0.63rem)}.events-grid.view-compact .flip-btn{display:none}.events-grid.view-compact .notify-btn{width:clamp(32px,12cqi,42px);height:clamp(32px,12cqi,42px);min-width:0;flex-shrink:0;padding:0;border-radius:6px;gap:0}.events-grid.view-compact .notify-btn-text{opacity:0;max-width:0;position:absolute;pointer-events:none}.events-grid.view-compact .notify-btn .bell-icon{width:clamp(18px,5.5vw,28px);height:clamp(18px,5.5vw,28px)}.compact-status-badge{display:inline-block;padding:0.25rem 0.6rem;border-radius:4px;font-family:var(--font-heading);font-size:0.7rem;font-weight:600;letter-spacing:0.05em;white-space:nowrap;color:var(--label-text-color,#ffffff);background:color-mix(in srgb,var(--event-color,var(--arc-teal)) 15%,rgba(0,0,0,0.35));border:1px solid color-mix(in srgb,var(--event-color,var(--arc-teal)) 60%,transparent);transition:opacity 0.25s ease-out,transform 0.25s ease-out;opacity:0;transform:translateX(10px);pointer-events:none}.events-grid.view-compact .compact-status-badge{opacity:1;transform:translateX(0);pointer-events:auto}.events-grid.view-compact .compact-status-badge .map-wiki-link,.events-grid.view-compact .compact-status-badge .event-wiki-link{display:inline-flex;align-items:center;justify-content:center;margin-left:0.25em;padding:0.1em;color:inherit;opacity:0.5;text-decoration:none;border-radius:2px;vertical-align:middle;transition:opacity 0.2s ease,background-color 0.2s ease,transform 0.15s ease;transform:scale(1)}@media (hover:hover){.events-grid.view-compact .compact-status-badge .map-wiki-link:hover,.events-grid.view-compact .compact-status-badge .event-wiki-link:hover{opacity:1;background:rgba(255,255,255,0.15);transform:scale(1.15)}}.events-grid.view-compact .compact-status-badge .map-wiki-link:active,.events-grid.view-compact .compact-status-badge .event-wiki-link:active{transform:scale(0.95)}.events-grid.view-compact .compact-status-badge .map-wiki-link .wiki-link-icon,.events-grid.view-compact .compact-status-badge .event-wiki-link .wiki-link-icon{width:10px;height:10px}.events-grid:not(.view-compact) .event-labels{display:none}@media (max-width:768px){.btn-card-mode-toggle,.btn-view-toggle,.btn-audio-toggle,.btn-flip-all{width:2.125rem;height:2.125rem}.btn-card-mode-toggle svg,.btn-view-toggle svg,.btn-audio-toggle .audio-icon,.btn-flip-all svg{width:0.8125rem;height:0.8125rem;min-width:0.8125rem;min-height:0.8125rem}.events-grid.view-compact{grid-template-columns:1fr}}@media (max-width:480px){.filter-buttons{gap:0.2rem;flex-wrap:nowrap}.filter-count{min-width:0.875rem;height:0.875rem;padding:0 0.1875rem;margin-left:0.125rem;font-size:0.5rem}.btn-card-mode-toggle,.btn-view-toggle,.btn-audio-toggle,.btn-flip-all{width:2rem;height:2rem}.btn-card-mode-toggle svg,.btn-view-toggle svg,.btn-audio-toggle .audio-icon,.btn-flip-all svg{width:0.75rem;height:0.75rem;min-width:0.75rem;min-height:0.75rem}.footer{padding:1rem;font-size:0.75rem}.footer-sources{flex-direction:column;gap:0.5rem}.source-separator{display:none}.footer-share{margin-bottom:0.75rem;padding-bottom:0.75rem}.footer .disclaimer{margin-top:0.5rem;font-size:0.65rem}.events-grid.view-compact .event-card{max-width:100%}}