.game-image-container{border-radius:8px;overflow:hidden;background:#7dd3fc1a;padding:4px}.game-image{width:100%;height:auto;object-fit:contain;border-radius:4px}.title-only-section{text-align:center;margin-bottom:3rem;padding:2rem 0}.ss-title-only-heading{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);background:linear-gradient(135deg,#7dd3fc,#6ee7b7,#bae6fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;padding:0;display:block;position:relative;line-height:var(--leading-tight)}.ss-game-name,.ss-timer-main-label,.server-reset-card .ss-timer-main-label{color:var(--ss-primary)}.ss-timer-main-label{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:.5rem;letter-spacing:var(--tracking-wide);line-height:var(--leading-normal)}.server-reset-card .ss-timer-main-label{font-size:var(--text-4xl);margin-bottom:1rem}.master-clock{border:1px solid var(--ss-primary-border);background:var(--ss-bg-card);backdrop-filter:blur(10px)}.clock-display{text-align:center}.time-unit-group{display:flex;justify-content:center;align-items:center;gap:.5rem}.time-unit{display:flex;flex-direction:column;align-items:center;min-width:80px}.time-value{font-family:var(--font-mono);font-size:3.5rem;font-weight:var(--font-bold);color:var(--ss-primary);line-height:1;display:block}.time-label{font-size:var(--text-sm);color:var(--ss-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:.5rem}.time-separator{font-size:3rem;font-weight:var(--font-bold);color:var(--ss-primary);margin:0 .5rem}.secondary-timers-container{margin-top:2rem}.game-timers-header{text-align:center;margin-bottom:2rem}.timer-subtitle{font-size:var(--text-base);color:var(--ss-text-secondary);margin-top:.5rem}.timers-grid-wrapper,.timer-section-group{display:flex;flex-direction:column;gap:1.5rem}.primary-timers .timers-row{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:stretch}.primary-timers .weekly-card{max-width:100%}.primary-timers .weekly-card .timer-card-content{display:flex;gap:2rem;justify-content:space-around}.primary-timers .weekly-card .reset-item{flex:1;text-align:center}.primary-timers .weekly-card .reset-time{text-align:center}@media (max-width: 768px){.primary-timers .weekly-card .timer-card-content{flex-direction:column;gap:1rem}.primary-timers .weekly-card .reset-item{text-align:left}.primary-timers .weekly-card .reset-time{text-align:right}}.secondary-timers .timers-row,.event-timers .timers-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;align-items:stretch}@media (max-width: 768px){.secondary-timers .timers-row,.event-timers .timers-row{grid-template-columns:1fr;gap:1rem}}.timer-card{background:var(--ss-bg-card);border:1px solid var(--ss-border);border-radius:12px;padding:1.5rem;height:100%}.timer-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ss-timer-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--ss-primary)}.timer-card-subtitle{font-size:var(--text-sm);color:var(--ss-text-secondary);margin-bottom:1rem}.server-status{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-online{background-color:var(--ss-success)}.status-maintenance{background-color:var(--ss-warning)}.status-coming-soon{background-color:var(--ss-info)}.status-text{font-size:var(--text-xs);color:var(--ss-text-secondary)}.launch-countdown-card{border-color:var(--ss-primary-border);background:linear-gradient(135deg,var(--ss-bg-card),rgba(125,211,252,.05))}.launch-countdown{text-align:center}.launch-countdown-display{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.countdown-unit{display:flex;flex-direction:column;align-items:center}.countdown-value{font-family:var(--font-mono);font-size:2.5rem;font-weight:var(--font-bold);color:var(--ss-primary);line-height:1}.countdown-label{font-size:var(--text-xs);color:var(--ss-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:.25rem}.launch-date{font-size:var(--text-sm);color:var(--ss-text-secondary)}.weekly-card{border-color:var(--ss-accent-20)}.reset-item{margin-bottom:1rem;text-align:left}.reset-item:last-child{margin-bottom:0}.reset-name{font-weight:var(--font-semibold);color:var(--ss-text-primary);margin-bottom:.25rem}.reset-subtitle{font-size:var(--text-sm);color:var(--ss-text-secondary);margin-bottom:.5rem}.reset-time{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--ss-accent);text-align:right}.maintenance-card{border-color:var(--ss-warning)}.maintenance-item{margin-bottom:1rem;text-align:left}.maintenance-item:last-child{margin-bottom:0}.maintenance-name{font-weight:var(--font-semibold);color:var(--ss-text-primary);margin-bottom:.5rem}.maintenance-time{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--ss-warning);text-align:right}.no-maintenance{text-align:center;padding:2rem}.no-maintenance .maintenance-name{color:var(--ss-text-secondary);font-weight:var(--font-normal)}.launch-card{border-color:var(--ss-primary-border)}.launch-card-content{text-align:center}.launch-counter{display:flex;flex-direction:column;align-items:center}.launch-days{font-family:var(--font-mono);font-size:2rem;font-weight:var(--font-bold);color:var(--ss-primary);line-height:1;margin-bottom:.5rem}.halloween-card{border-color:var(--ss-primary-border)}.halloween-card .launch-days{color:var(--ss-primary)}.newyear-card{border-color:var(--ss-primary-border)}.newyear-card .launch-days{color:var(--ss-primary)}.event-duration-card{border-color:var(--ss-primary-border)}.event-duration-card .event-days{color:var(--ss-primary);font-size:2rem}.event-shop-card{border-color:var(--ss-primary-border)}.event-shop-card .event-days{color:var(--ss-primary);font-size:2rem}.event-counter{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:80px}.event-days{font-family:var(--font-mono);font-size:3rem;font-weight:var(--font-bold);color:var(--ss-primary);line-height:1;margin-bottom:.5rem}.event-date{font-size:var(--text-sm);color:var(--ss-text-secondary);margin-bottom:.25rem}.event-period{font-size:var(--text-xs);color:var(--ss-text-muted)}@media (max-width: 768px){.time-unit-group{gap:.25rem}.time-unit{min-width:60px}.time-value{font-size:2.5rem}.time-separator{font-size:2rem}.launch-countdown-display{gap:.5rem}.countdown-value{font-size:2rem}.launch-days{font-size:2.5rem}.timer-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.time-unit{min-width:50px}.time-value{font-size:2rem}.time-separator,.countdown-value{font-size:1.5rem}.launch-days{font-size:2rem}}.banner-timer-card{background:linear-gradient(135deg,var(--ss-bg-accent-1),var(--ss-bg-accent-2));border:1px solid var(--ss-primary)}.banner-timer-display{text-align:center}.banner-countdown{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem}.banner-countdown .countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:60px}.banner-countdown .countdown-value{font-size:1.25rem;font-weight:600;color:var(--ss-primary);background:var(--ss-bg-card);padding:.5rem;border-radius:6px;min-width:50px;text-align:center;border:1px solid var(--ss-border)}.banner-countdown .countdown-label{font-size:.75rem;color:var(--ss-text-secondary);text-transform:uppercase;margin-top:.25rem;font-weight:500}.banner-period{font-size:.875rem;color:var(--ss-text-secondary);margin-bottom:.5rem;font-weight:500}.banner-featured{font-size:.875rem;color:var(--ss-primary);font-weight:600}@media (max-width: 768px){.banner-countdown{gap:.5rem}.banner-countdown .countdown-unit{min-width:50px}.banner-countdown .countdown-value{font-size:1.125rem;padding:.4rem;min-width:40px}.banner-countdown .countdown-label{font-size:.6875rem}}@media (max-width: 480px){.banner-countdown{gap:.4rem}.banner-countdown .countdown-unit{min-width:45px}.banner-countdown .countdown-value{font-size:1rem;padding:.3rem;min-width:35px}.banner-countdown .countdown-label{font-size:.625rem}.banner-period,.banner-featured{font-size:.8125rem}}
