: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:thin;scrollbar-color:rgba(255,255,255,0.15) rgba(255,255,255,0.03)}.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:1400px;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:55px;height:55px;filter:drop-shadow(var(--glow-yellow));animation:duck-bob 3s ease-in-out infinite;transition:transform 0.3s ease}.logo-duck:hover{transform:scale(1.15) rotate(-8deg)}.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: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: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}.btn-icon-inner{font-size:0.9rem}.header-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;min-width:0}.status-indicator{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(0,255,136,0.1);border:1px solid var(--accent-success);border-radius:4px}.status-dot{width:8px;height:8px;background:var(--accent-success);border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}.status-text{font-family:var(--font-heading);font-size:0.8rem;font-weight:600;color:var(--accent-success);letter-spacing:0.1em}.last-updated{display:flex;align-items:center;font-size:0.9rem;color:var(--text-secondary);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:var(--accent-primary)}.current-time{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0.75rem;background:rgba(0,229,255,0.08);border:1px solid rgba(0,229,255,0.25);border-radius:4px;white-space:nowrap}.current-time-label{font-family:var(--font-heading);font-size:0.7rem;font-weight:600;letter-spacing:0.1em;color:var(--text-muted)}#currentTime{font-family:var(--font-hud);font-size:0.95rem;font-weight:600;color:var(--accent-primary);text-shadow:0 0 10px rgba(0,229,255,0.4);letter-spacing:0.05em}.refresh-btn{background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px 6px;margin-left:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s ease}.refresh-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.refresh-btn:active{transform:scale(0.95)}.refresh-btn.spinning svg{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:1px solid transparent;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:color 0.2s ease,border-color 0.2s ease;margin-left:0.5rem}.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}.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{color:var(--text-primary);border-color:rgba(255,255,255,0.8)}.btn-flip-all{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:color 0.2s ease,border-color 0.2s ease;margin-left:0.5rem}.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);border-color:rgba(255,255,255,0.8)}.main-content{flex:1;max-width:1400px;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:380px;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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)}.card-front *,.card-back *{backface-visibility:hidden;-webkit-backface-visibility:hidden}.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:1rem;padding-top:3rem;display:flex;flex-direction:column;background:linear-gradient(145deg,#f5f0e8 0%,#e8e3db 100%);border-color:rgba(0,0,0,0.1)}.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}@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.active .card-inner::before{background:linear-gradient(160deg,#ffffff00 0%,var(--arc-orange) 15%,var(--arc-red) 20%,var(--arc-yellow) 25%,#ffffff00 35%,#ffffff00 40%,var(--arc-orange) 55%,var(--arc-red) 60%,var(--arc-yellow) 65%,#ffffff00 75%,#ffffff00 80%,var(--arc-orange) 95%,var(--arc-red) 100% );background-size:300% 300%}@keyframes gradientMove{0%{background-position:15% 15%}100%{background-position:75% 75%}}.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;border-bottom:1px solid var(--border-color)}.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;will-change:filter,opacity;transform:translateZ(0);-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)}}.event-card:not(.active) .map-image-bg.loaded{filter:brightness(0.35) saturate(0.5)}@media (hover:hover){.event-card:not(.active):hover .map-image-bg.loaded{filter:brightness(0.45) saturate(0.7)}}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;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;filter:drop-shadow(0 0 20px var(--event-color,var(--accent-primary))) blur(8px);opacity:0.7;transition:transform 0.3s ease,filter 0.4s ease,opacity 0.4s 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 20px var(--event-color,var(--accent-primary)));opacity:1}@media (hover:hover){.event-card:hover .event-icon-hero.loaded{transform:scale(1.1);filter:drop-shadow(0 0 30px var(--event-color,var(--accent-primary)))}}.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}.map-status{display:flex;flex-direction:column;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{color:var(--arc-cyan);background:rgba(0,229,255,0.15);border:1px solid rgba(0,229,255,0.4)}.status-next{color:var(--arc-orange);background:rgba(255,136,0,0.15);border:1px solid rgba(255,136,0,0.4)}.event-card-content{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.75rem;flex:1}.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;animation:blink 1s ease-in-out infinite}.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{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:all 0.2s ease;white-space:nowrap}.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:#000000;background:var(--event-color,var(--arc-cyan));border-color:var(--event-color,var(--arc-cyan));font-weight:700}.notify-btn.active:hover{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}.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}.card-back .flip-btn:hover{background:rgba(0,0,0,0.15);border-color:var(--event-color,#2a2a2a);color:var(--event-color,#2a2a2a)}.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(0,0,0,0.1);border:1px solid rgba(0,0,0,0.2);border-radius:50%;color:#5a5a5a;cursor:pointer;transition:all 0.2s ease}.back-notify-all-btn:hover{background:rgba(0,0,0,0.15);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:#000}.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)}.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:#1a1a1a;margin:0 0 0.25rem 0;text-align:center;align-self:center;display:inline-block;padding:0.3rem 0.75rem;background:var(--event-color,var(--arc-cyan));border-radius:4px}.back-status{text-align:center;margin-bottom:0.25rem}.back-status .status-active,.back-status .status-next{font-size:0.6rem;background:transparent;border:none}.back-status .status-active{color:#0099aa}.back-status .status-next{color:#cc6600}.schedule-subtitle{font-family:var(--font-heading);font-size:0.6rem;font-weight:600;letter-spacing:0.1em;color:#5a5a5a;text-align:center;margin-bottom:0.5rem;text-transform:uppercase}.back-timer{display:inline-flex;align-items:center;align-self:center;gap:0.5rem;padding:0.4rem 0.75rem;margin-bottom:0.75rem;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;animation:blink 1s ease-in-out infinite}.back-timer.active.urgent .back-timer-countdown{color:var(--arc-red)}.back-timer.expired .back-timer-countdown{opacity:0.6}.schedule-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0.4rem;padding-right:0.5rem;margin-right:-0.5rem;position:relative;z-index:10}.schedule-list::-webkit-scrollbar{width:6px}.schedule-list::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:3px}.schedule-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:3px}.schedule-list::-webkit-scrollbar-thumb:hover{background:var(--event-color,rgba(0,0,0,0.3))}.schedule-list{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.2) rgba(0,0,0,0.05)}.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}.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{color:#1a1a1a;font-weight:600}.schedule-slot.current .slot-time::before{content:"NOW:";font-size:0.6rem}.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{color:#2a2a2a;font-weight:500}.schedule-slot.consecutive-next .slot-time::before{content:"NEXT:";font-size:0.6rem;opacity:0.7}.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-notify-btn{width:28px;height:28px;padding:0;font-size:0.8rem;color:#5a5a5a;background:rgba(255,255,255,0.6);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}.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:#000000;background:var(--event-color,var(--arc-cyan));border-color:var(--event-color,var(--arc-cyan))}.slot-notify-btn.active:hover{filter:brightness(1.1)}.schedule-slot.current .slot-notify-btn.active{color:#000000;background:var(--event-color,var(--arc-cyan));border:1px solid #ffffff}.schedule-slot.current .slot-notify-btn.active:hover{filter:brightness(1.1)}.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}.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{padding:0.6rem 1.5rem;font-size:0.75rem;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:50px;transition:color 0.2s ease,border-color 0.2s ease;cursor:pointer}.btn-rounded:hover{color:var(--text-primary)}.btn-rounded.active{color:var(--text-primary);background:transparent;border-color:rgba(255,255,255,0.8);font-weight:700}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;font-size:0.7rem;font-weight:700;background:rgba(255,255,255,0.15);border-radius:10px}.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}.event-card.out-of-rotation{opacity:0.6;filter:grayscale(0.4);pointer-events:auto}.event-card.out-of-rotation .card-inner{cursor:default}.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}.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}.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%}.loading-placeholder{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);gap:1rem;background:rgba(25,20,40,0.6);border-radius:16px;border:1px solid rgba(255,255,255,0.08)}.loader{width:40px;height:40px;border:2px solid rgba(255,255,255,0.1);border-top-color:var(--accent-warning);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.events-grid.loading{position:relative;min-height:200px}.events-grid.loading::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,0.1);border-top-color:var(--accent-warning);border-radius:50%;animation:spin 0.8s linear infinite;z-index:10}.events-grid.loading>.event-card{opacity:0}.events-grid:not(.loading)>.event-card{opacity:1;transition:opacity 0.2s ease}.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}.error-message{grid-column:1 / -1;text-align:center;padding:2rem;background:rgba(255,51,51,0.1);border:1px solid rgba(255,51,51,0.3);border-radius:16px;color:var(--arc-red)}.error-message h3{font-family:var(--font-display);font-size:1.3rem;letter-spacing:0.1em;margin-bottom:0.75rem}.error-message p{font-family:var(--font-body);font-size:0.9rem;color:rgba(255,255,255,0.6);margin-bottom:1rem;word-break:break-word}.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}.footer a:hover{color:var(--text-primary);background:rgba(255,255,255,0.1)}.footer-credits{display:flex;justify-content:center;align-items:center;gap:0.5rem;flex-wrap:wrap}.footer-credits .separator{color:rgba(255,255,255,0.2);font-size:0.5rem}.footer .disclaimer{margin-top:0.75rem;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-top:1rem;padding-top:1rem;border-top: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:36px;height:36px;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}.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)}.share-btn:active{transform:translateY(0) scale(0.95)}.share-btn.copied{color:var(--arc-green);border-color:var(--arc-green);background:rgba(0,255,102,0.1)}.share-btn svg{width:16px;height:16px}@media (max-width:768px){.footer-share{flex-direction:column;gap:0.5rem}.share-btn{width:32px;height:32px}.share-btn svg{width:14px;height:14px}}#toast-container{position:fixed;top:120px;right:20px;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.toast{display:flex;align-items:stretch;gap:0;padding:0;background:rgba(255,255,255,0.97);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 ease,opacity 0.3s ease;pointer-events:auto;width:fit-content;max-width:400px;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;padding:12px 14px;background:var(--toast-color,var(--arc-cyan));flex-shrink:0}.toast-icon-img{width:24px;height:24px;object-fit:contain;border-radius:4px}.toast-content{flex:1;display:flex;flex-direction:column;gap:2px;padding:12px 14px}.toast-message{font-family:var(--font-body);font-size:0.9rem;color:#1a1a1a;font-weight:500;line-height:1.4}.toast-timestamp{font-family:var(--font-hud);font-size:0.7rem;color:#666}.toast-close{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}.toast-close:hover{background:rgba(0,0,0,0.08);color:#333}.toast.toast-hidden{display:none}.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)}.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)}.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)}}@media (max-width:1350px){.header-info{width:100%;justify-content:center;padding-top:0.75rem;margin-top:0.5rem;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:45px;height:45px}.logo-text{flex-direction:row;align-items:flex-end;gap:0.15rem}.logo-text h1{font-size:1.4rem}.logo-text .subtitle{font-size:0.5rem;letter-spacing:0.2em;margin-bottom:0.2rem}.arc-stripes{height:3px;margin-bottom:2px}.header-controls{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.5rem;width:100%}.filter-buttons{gap:0.3rem;justify-content:center}.btn-rounded{padding:0.4rem 0.6rem;font-size:0.65rem;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.filter-count{min-width:16px;height:16px;padding:0 4px;margin-left:3px;font-size:0.55rem}.header-controls .btn-primary{width:36px;height:36px;font-size:0.9rem}.header-info{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;padding-top:0.4rem;border-top:1px solid var(--border-color)}.status-indicator{padding:0.3rem 0.6rem}.status-text{font-size:0.7rem}.last-updated{font-size:0.75rem}.current-time{padding:0.3rem 0.5rem}.current-time-label{font-size:0.6rem}#currentTime{font-size:0.8rem}.main-content{padding:1rem}.events-grid{grid-template-columns:1fr}.event-card{height:360px}.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-view-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:color 0.2s ease,border-color 0.2s ease;margin-left:0.5rem}.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);border-color:rgba(255,255,255,0.8)}.events-grid.view-compact{grid-template-columns:1fr;gap:0.75rem;max-width:900px;margin:0 auto}.events-grid.view-compact .event-card{height:auto;min-height:120px;perspective:none;cursor:default}.events-grid.view-compact .event-card:hover .card-inner::before,.events-grid.view-compact .event-card:hover .card-inner::after{opacity:0 !important;animation-play-state:paused !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 .card-back{display:none}.events-grid.view-compact .event-card-hero{width:100px;min-width:100px;height:100%;border-bottom:none;border-right:1px solid var(--border-color);border-radius:16px 0 0 16px;padding:1rem;flex-shrink:0}.events-grid.view-compact .map-image-bg{width:100% !important;left:0 !important;border-radius:16px 0 0 16px}.events-grid.view-compact .hero-overlay{border-radius:16px 0 0 16px}.events-grid.view-compact .event-icon-hero{width:52px;height:52px}.events-grid.view-compact .event-title,.events-grid.view-compact .map-status{display:none}.events-grid.view-compact .event-card-content{padding:1rem 1.5rem;display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:1rem;flex:1;min-width:0}.events-grid.view-compact .event-info{display:flex;flex-direction:column;gap:0.4rem;min-width:0}.events-grid.view-compact .event-name{font-family:var(--font-display);font-size:1.6rem;letter-spacing:0.08em;color:var(--text-primary);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.events-grid.view-compact .event-labels{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.25rem;min-width:0;max-width:100%;overflow:hidden}.events-grid:not(.view-compact) .event-info{display:none}.events-grid.view-compact .timer-container{background:transparent;border:none;padding:0;display:flex;flex-direction:row;align-items:center;justify-self:end}.events-grid.view-compact .timer-label{font-size:0.6rem;margin-right:0.5rem;margin-bottom:0;color:var(--text-muted);white-space:nowrap}.events-grid.view-compact .timer-display{gap:0.3rem}.events-grid.view-compact .timer-segment{min-width:32px}.events-grid.view-compact .timer-value{font-size:1.6rem}.events-grid.view-compact .timer-separator{font-size:1.6rem}.events-grid.view-compact .timer-unit{display:none}.events-grid.view-compact .flip-btn{display:none}.events-grid.view-compact .notify-btn{width:44px;height:44px;min-width:44px;padding:0;border-radius:8px;justify-self:end;font-size:0;line-height:0;gap:0}.events-grid.view-compact .notify-btn .bell-icon{width:22px;height:22px}.events-grid.view-compact .compact-status-badge{display:inline-block;max-width:100%;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;overflow:hidden;text-overflow:ellipsis;background:rgba(255,136,0,0.15);color:var(--arc-orange);border:1px solid rgba(255,136,0,0.4)}.events-grid.view-compact .compact-status-badge.active{background:rgba(0,229,255,0.15);color:var(--arc-cyan);border:1px solid rgba(0,229,255,0.4)}.events-grid:not(.view-compact) .compact-status-badge,.events-grid:not(.view-compact) .event-labels{display:none}@media (max-width:768px){.btn-view-toggle{width:34px;height:34px;margin-left:0.2rem}.btn-view-toggle svg{width:13px;height:13px}.btn-audio-toggle{width:34px;height:34px;margin-left:0.2rem}.btn-audio-toggle svg{width:13px;height:13px}.btn-flip-all{width:34px;height:34px;margin-left:0.2rem}.btn-flip-all svg{width:13px;height:13px}.events-grid.view-compact{max-width:none}.events-grid.view-compact .event-card{min-height:90px}.events-grid.view-compact .event-card-hero{width:80px;min-width:80px;height:100%}.events-grid.view-compact .event-icon-hero{width:40px;height:40px}.events-grid.view-compact .event-card-content{padding:0.75rem 1rem;grid-template-columns:minmax(100px,1fr) auto auto;gap:0.5rem 0.75rem}.events-grid.view-compact .event-name{font-size:1.2rem}.events-grid.view-compact .timer-value{font-size:1.3rem}.events-grid.view-compact .timer-separator{font-size:1.3rem}.events-grid.view-compact .timer-segment{min-width:26px}.events-grid.view-compact .timer-container{flex-direction:column;align-items:flex-end}.events-grid.view-compact .timer-label{font-size:0.5rem;margin-right:0;margin-bottom:0.15rem}.events-grid.view-compact .compact-status-badge{font-size:0.6rem;padding:0.25rem 0.5rem}.events-grid.view-compact .notify-btn{width:38px;height:38px;min-width:38px;margin-left:0.3rem}.events-grid.view-compact .notify-btn .bell-icon{width:18px;height:18px}.events-grid.view-compact .event-card.active .card-front{border-left:3px solid var(--accent-secondary)}}@media (max-width:400px){.events-grid.view-compact .event-card{min-height:80px}.events-grid.view-compact .event-card-hero{width:70px;min-width:70px}.events-grid.view-compact .event-icon-hero{width:36px;height:36px}.events-grid.view-compact .event-name{font-size:1rem}.events-grid.view-compact .timer-value{font-size:1.1rem}.events-grid.view-compact .timer-separator{font-size:1.1rem}.events-grid.view-compact .timer-label{font-size:0.45rem}.events-grid.view-compact .notify-btn{width:34px;height:34px;min-width:34px}.events-grid.view-compact .notify-btn .bell-icon{width:16px;height:16px}}