:root{--clock-spacing-xs: .5rem;--clock-spacing-sm: 1rem;--clock-spacing-md: 1.5rem;--clock-spacing-lg: 2rem;--clock-spacing-xl: 3rem;--clock-radius-sm: 8px;--clock-radius-md: 12px;--clock-radius-lg: 16px;--clock-radius-xl: 32px;--clock-glass-bg: rgba(255, 255, 255, .05);--clock-glass-border: rgba(255, 255, 255, .1);--clock-card-bg: rgba(255, 255, 255, .03);--clock-card-border: rgba(255, 255, 255, .08);--clock-animation-duration: 1s;--clock-blur-heavy: blur(15px);--clock-blur-medium: blur(10px);--clock-blur-light: blur(8px)}.bg-layer{position:fixed;inset:0}.bg-primary{background:linear-gradient(135deg,var(--bg-dark) 0%,#2a2a2a 50%,var(--bg-dark) 100%)}.clock-content{position:relative;z-index:10}.modern-clock-page{min-height:calc(100vh - 140px);padding:2rem 0}.clock-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.title-only-section{text-align:center;margin-bottom:3rem}.title-only-heading{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:900;margin:0;color:var(--text-inverse)}.master-clock-container{display:flex;justify-content:center;max-width:1400px;margin:0 auto;padding:0 2rem}.secondary-timers-container{margin-top:3rem}.master-clock{background:var(--clock-glass-bg);backdrop-filter:var(--clock-blur-heavy);border:2px solid var(--clock-glass-border);border-radius:var(--clock-radius-xl);contain:layout style;padding:var(--clock-spacing-lg) var(--clock-spacing-xl);position:relative;overflow:hidden;width:100%;max-width:1200px;transform:translateZ(0);will-change:transform,opacity}.clock-bg-animation{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02),transparent);pointer-events:none;z-index:1}.hero-top-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--clock-spacing-lg);padding-bottom:var(--clock-spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.utc-info{text-align:left}.utc-note{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:#ffffffb3;margin:0 0 2rem;text-transform:uppercase;letter-spacing:.05em;position:relative}.current-time-info{text-align:right;display:flex;flex-direction:column;gap:.5rem}.current-date{font-family:var(--font-primary);font-size:var(--text-sm);color:#fff9;font-weight:500}.current-utc{font-family:var(--font-primary);font-size:var(--text-base);color:#ffffffe6;font-weight:700}.hero-main-content{display:flex;justify-content:space-between;align-items:center;gap:4rem;min-height:200px}.game-section{flex:1;display:flex;align-items:center;gap:2rem}.timer-section{flex:1.5;text-align:center}.game-info-container{display:flex;align-items:flex-start;gap:1.5rem}.game-wrapper{display:flex;align-items:flex-start;gap:1.5rem;padding:16px;background:var(--clock-glass-bg);border-radius:var(--clock-radius-md);border:1px solid var(--clock-glass-border);backdrop-filter:var(--clock-blur-light);contain:layout style}.game-info{display:flex;flex-direction:column;gap:8px;text-align:left}.game-image-container{position:relative;width:80px;height:80px;border-radius:20px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent)}.game-image{width:100%;height:100%;object-fit:cover;display:block;transform:translateZ(0)}.game-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin:0;line-height:1.1}.game-status{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.timer-description-section{margin-bottom:1.5rem}.timer-main-label{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.clock-display{display:flex;justify-content:center;align-items:center}.time-unit-group{display:flex;align-items:center;gap:1rem}.time-unit{display:flex;flex-direction:column;align-items:center;gap:.5rem}.time-value{font-family:var(--font-primary);font-size:3.5rem;font-weight:700;line-height:1;min-width:2ch;text-align:center}.time-label{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.time-separator{font-family:var(--font-primary);font-size:3rem;font-weight:700;opacity:.5;line-height:1}.game-timers-header{text-align:center;margin-bottom:2.5rem}.timers-grid-wrapper,.timer-section-group{display:flex;flex-direction:column;gap:1.5rem}.timers-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--clock-spacing-md);margin:var(--clock-spacing-lg) 0;align-items:stretch}.timer-card{background:var(--clock-card-bg);backdrop-filter:var(--clock-blur-medium);border:1px solid var(--clock-card-border);border-radius:var(--clock-radius-lg);contain:layout style;padding:var(--clock-spacing-md);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:160px}.priority-card{border-width:2px}.timer-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.timer-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.timer-card-subtitle{font-family:var(--font-primary);font-size:var(--text-sm);color:#fff9;margin-bottom:1rem}.timer-card-content{display:flex;flex-direction:column;gap:.75rem}.timer-card-counter{text-align:center;margin-top:1rem}.timer-card-value{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:700;display:block;margin-bottom:.25rem}.timer-card-label{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.7}@media (max-width: 768px){.title-only-heading{font-size:var(--text-2xl)}.title-only-section{margin-bottom:2rem}.utc-note{display:block!important;text-align:center;font-size:.75rem;margin:0;padding:.5rem 1rem;background:#ffffff0d;border-radius:20px;backdrop-filter:blur(10px)}.hero-top-section{flex-direction:column;gap:1rem;text-align:center;margin-bottom:1.5rem;padding-bottom:1rem}.utc-info{text-align:center}.current-time-info{text-align:center;order:-1}.hero-main-content{flex-direction:column;gap:1.5rem;text-align:center;min-height:auto}.game-section{justify-content:center;gap:1rem;order:2}.timer-section{text-align:center;order:1;margin-bottom:1rem}.game-image-container{width:50px;height:50px;border-radius:12px}.game-wrapper{gap:1rem;padding:12px;max-width:300px;margin:0 auto}.game-info{gap:6px;text-align:left}.master-clock{padding:1.5rem 1.25rem;border-radius:24px;backdrop-filter:var(--clock-blur-medium);margin:0 .5rem}.master-clock-container{padding:0 1rem}.time-value{font-size:2.5rem;height:1em}.time-separator{font-size:2.5rem}.time-unit-group{gap:.75rem}.timer-main-label{font-size:var(--text-lg)}.timers-row{grid-template-columns:1fr;gap:1rem}.timer-card{padding:1.25rem;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;border-radius:16px}.timer-card-value{font-size:var(--text-lg)}.timer-card-title{font-size:var(--text-base)}.region-switcher-container{margin:0 1rem 2rem}.region-switcher{display:flex;gap:.5rem;justify-content:center;max-width:400px;margin:0 auto}.region-button{flex:1;padding:.75rem 1rem;font-size:.85rem;border-radius:12px}}@media (max-width: 480px){.title-only-heading{font-size:var(--text-xl)}.game-name{font-size:1rem}.game-status{font-size:.65rem}.time-value,.time-separator{font-size:2rem}.time-unit-group{gap:.5rem}.master-clock-container,.clock-container{padding:0 .5rem}.master-clock{padding:1.25rem 1rem;border-radius:20px;margin:0}.timer-main-label{font-size:var(--text-base)}.timers-grid-wrapper{gap:1.25rem}.timers-row{grid-template-columns:1fr;gap:.75rem}.timer-card{padding:1rem;min-height:120px;overflow:hidden;border-radius:14px}.timer-card-header{margin-bottom:.75rem}.timer-card-title{font-size:.9rem}.timer-card-subtitle{font-size:.8rem}.timer-card-value{font-size:var(--text-base)}.timer-card-label{font-size:.7rem}.region-switcher{flex-direction:column;gap:.5rem;max-width:280px}.region-button{padding:.75rem;font-size:.8rem}.current-date{font-size:.8rem}.current-utc{font-size:.9rem}.utc-note{font-size:.7rem;padding:.4rem .8rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.master-clock-container,.secondary-timers-container,.title-only-section{animation:none}}