/* SVCV / 21.03.2027 — isolated cyberpunk countdown */
.cs-countdown{isolation:isolate;color:#f7fbff;background:#03030a;}
.cs-countdown video{filter:saturate(.7) contrast(1.22) brightness(.64);}
.cs-countdown::after{background:linear-gradient(125deg,rgba(2,3,15,.75),rgba(2,2,10,.58) 43%,rgba(13,0,24,.79));z-index:1;}
.cs-digital-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,rgba(8,10,28,.03) 0%,rgba(2,0,7,.65) 100%);}
.cs-grid{position:absolute;inset:-40%;z-index:2;opacity:.3;pointer-events:none;background-image:linear-gradient(rgba(56,241,255,.21) 1px,transparent 1px),linear-gradient(90deg,rgba(56,241,255,.21) 1px,transparent 1px);background-size:85px 85px;transform:perspective(900px) rotateX(65deg) translateY(20%);mask-image:linear-gradient(to top,black,transparent 72%);animation:cs-grid-motion 16s linear infinite;}
.cs-scanlines{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.23;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.7) 3px 4px);}
.cs-countdown-content{position:relative;z-index:4;width:min(96vw,1530px);box-sizing:border-box;padding:clamp(130px,17vh,190px) 24px clamp(70px,8vh,115px);margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.2vh,25px);}
.cs-category{margin:0!important;display:flex;align-items:center;gap:12px;font-family:'Inter','Noto Sans JP','Noto Sans SC','Noto Sans Thai',sans-serif;font-size:clamp(10px,1vw,14px)!important;font-weight:600!important;letter-spacing:.4em!important;text-transform:uppercase;color:#7bf4ff!important;text-shadow:0 0 18px #00e5ff99;opacity:1!important;animation:cs-in .85s ease-out both!important;}
.cs-status-lamp{display:block;width:7px;height:7px;flex-shrink:0;background:#ff4db8;box-shadow:0 0 12px #ff4db8,0 0 20px #ff4db8;border-radius:50%;animation:cs-blink 1.7s step-end infinite;}
.cs-date-headline{position:relative!important;display:inline-block;margin:0 0 clamp(4px,1vh,18px)!important;padding:0!important;font-family:'Oswald','Noto Sans JP','Noto Sans SC','Noto Sans Thai',sans-serif!important;font-size:clamp(44px,9.4vw,158px)!important;font-weight:600!important;line-height:1.05!important;letter-spacing:.085em!important;color:#fff!important;text-shadow:-3px 0 #00ecff,3px 0 #fa20ab,0 0 35px #008bff70;opacity:1!important;animation:cs-in .9s ease-out both,cs-main-flicker 9s linear infinite!important;white-space:nowrap;}
.cs-date-headline::before,.cs-date-headline::after{content:attr(data-ghost);position:absolute;inset:0;white-space:nowrap;pointer-events:none;}
.cs-date-headline::before{color:#00f9ff;transform:translate(-3px,0);clip-path:inset(10% 0 62% 0);opacity:.8;animation:cs-glitch-top 4.4s step-end infinite;}
.cs-date-headline::after{color:#ff269f;transform:translate(3px,0);clip-path:inset(69% 0 7% 0);opacity:.8;animation:cs-glitch-bottom 5.1s step-end infinite;}
.cs-timer{width:min(100%,1280px);display:grid;grid-template-columns:1.18fr repeat(3,1fr);gap:clamp(8px,1.6vw,26px);direction:ltr;}
.cs-time-unit{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.6vh,17px);padding:clamp(17px,2.8vw,41px) clamp(5px,1vw,16px) clamp(14px,2vw,27px);border:1px solid rgba(89,235,255,.37);background:linear-gradient(155deg,rgba(0,247,255,.065),rgba(5,6,20,.46) 55%,rgba(255,0,150,.075));box-shadow:0 0 23px rgba(0,224,255,.13),inset 0 0 30px rgba(0,230,255,.055);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));animation:cs-in .8s ease-out both;}
.cs-time-unit:nth-child(2){animation-delay:.12s}.cs-time-unit:nth-child(3){animation-delay:.22s}.cs-time-unit:nth-child(4){animation-delay:.32s}
.cs-time-unit::before{content:'';position:absolute;top:0;left:0;width:42%;height:2px;background:#36f8ff;box-shadow:0 0 13px #06efff;}
.cs-time-unit::after{content:'';position:absolute;right:0;bottom:0;width:40%;height:2px;background:#ff31a8;box-shadow:0 0 13px #ff31a8;}
.cs-time-number{position:relative;display:inline-block;font-family:'Oswald','Noto Sans JP','Noto Sans SC','Noto Sans Thai',sans-serif;font-variant-numeric:tabular-nums lining-nums;font-size:clamp(56px,8.8vw,145px);font-weight:500;line-height:1.06;letter-spacing:.018em;color:#f8fdff;text-shadow:-2px 0 #04faff,2px 0 #fb17ab,0 0 24px #21edff4d;white-space:nowrap;}
.cs-time-number::after{content:attr(data-ghost);position:absolute;inset:0;color:#ff3db4;opacity:0;clip-path:inset(48% 0 40% 0);pointer-events:none;animation:cs-number-glitch 7.2s step-end infinite;}
.cs-time-label{font-family:'Inter','Noto Sans JP','Noto Sans SC','Noto Sans Thai',sans-serif;font-size:clamp(9px,.85vw,13px);font-weight:500;letter-spacing:.28em;color:#89faff;text-shadow:0 0 10px #18d7e96b;text-transform:uppercase;}
.cs-launch-line{margin:clamp(5px,1.8vh,20px) 0 0!important;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;color:#d9dcf1!important;font-family:'Inter','Noto Sans JP','Noto Sans SC','Noto Sans Thai',sans-serif;font-size:clamp(10px,1.1vw,13px)!important;letter-spacing:.09em!important;line-height:1.9;text-transform:uppercase;font-weight:400!important;opacity:1!important;animation:cs-in 1s ease-out .4s both!important;}
.cs-line-mark{width:15px;height:1px;background:#ff2fae;box-shadow:0 0 12px #ff2fae;}
.cs-timezone{color:#8bf4fd;white-space:nowrap;}
.cs-corner{position:absolute;left:32px;z-index:4;font:500 10px/1.5 'Inter',sans-serif;letter-spacing:.26em;color:#a1d1df;opacity:.7;pointer-events:none;}
.cs-corner-top{top:calc(var(--nav-h) + 52px);}.cs-corner-bottom{bottom:24px;}
.cs-a11y-status{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
@keyframes cs-grid-motion{from{background-position:0 0,0 0}to{background-position:0 85px,85px 0}}
@keyframes cs-in{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes cs-blink{0%,100%{opacity:1}50%{opacity:.15}}
@keyframes cs-main-flicker{0%,93%,95%,98%,100%{filter:none}94%,97%{filter:brightness(1.9)}}
@keyframes cs-glitch-top{0%,86%,90%,97%,100%{transform:translate(-3px,0);opacity:.2}87%,89%{transform:translate(12px,-3px);opacity:1}98%{transform:translate(-14px,2px);opacity:1}}
@keyframes cs-glitch-bottom{0%,78%,84%,96%,100%{transform:translate(3px,0);opacity:.18}79%,82%{transform:translate(-14px,2px);opacity:1}97%{transform:translate(14px,-3px);opacity:1}}
@keyframes cs-number-glitch{0%,91%,94%,100%{opacity:0;transform:none}92%,93%{opacity:1;transform:translate(8px,-1px)}}
@media (max-width:650px){.cs-countdown-content{width:100%;padding:clamp(115px,17vh,155px) 16px 55px;gap:18px}.cs-date-headline{font-size:clamp(42px,10.4vw,67px)!important;letter-spacing:.025em!important}.cs-timer{width:min(100%,440px);grid-template-columns:1fr 1fr;gap:10px}.cs-time-unit{padding:15px 6px 14px;gap:5px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.cs-time-number{font-size:clamp(68px,17vw,98px)}.cs-time-label{font-size:10px;letter-spacing:.17em}.cs-launch-line{margin-top:3px!important;max-width:350px}.cs-corner{left:16px;font-size:9px}.cs-corner-top{top:calc(var(--nav-h) + 14px)}.cs-corner-bottom{bottom:10px}.cs-category{font-size:11px!important;letter-spacing:.24em!important}}
@media (max-height:600px) and (min-width:651px){.cs-countdown-content{padding-top:100px;padding-bottom:32px;gap:9px}.cs-date-headline{font-size:clamp(44px,8vh,100px)!important}.cs-time-unit{padding:8px}.cs-time-number{font-size:clamp(40px,13vh,95px)}.cs-corner-top{top:calc(var(--nav-h) + 10px)}}
@media (prefers-reduced-motion:reduce){.cs-countdown *,.cs-countdown::before,.cs-countdown::after{animation:none!important;transition:none!important}.cs-date-headline::before,.cs-date-headline::after,.cs-time-number::after{display:none}.cs-grid{opacity:.14}}
