@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&family=Orbitron:wght@400;500;600;700;800;900&display=swap";
.senki-cd{--cd-red:#ff2638;--cd-red-bright:#ff3448;--cd-red-dark:#7d101b;--cd-white:#f4f6fa;--cd-gray:#7c8494;--cd-green:#00e58a;--cd-font-display:"Orbitron", sans-serif;--cd-font-mono:"JetBrains Mono", monospace;width:100%;max-width:1100px;min-height:480px;color:var(--cd-white);background:radial-gradient(circle,#ff26380e,#0000 40%),radial-gradient(circle at 50% 0,#19325a1f,#0000 45%),#05070d;border:1px solid #ffffff12;border-radius:.5rem;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 120px #000000a6}.senki-cd:after{content:"";pointer-events:none;z-index:20;opacity:.55;background:repeating-linear-gradient(#0000 0 3px,#ffffff05 4px);position:absolute;inset:0}.senki-cd-grid{z-index:0;opacity:.32;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:45px 45px;animation:15s linear infinite senkiGridMove;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 78%);mask-image:radial-gradient(#000 20%,#0000 78%)}@keyframes senkiGridMove{0%{background-position:0 0}to{background-position:45px 45px}}.senki-cd-corner{z-index:10;pointer-events:none;width:70px;height:70px;position:absolute}.senki-cd-corner:before,.senki-cd-corner:after{content:"";background:var(--cd-red);position:absolute}.senki-cd-corner:before{width:45px;height:2px}.senki-cd-corner:after{width:2px;height:45px}.senki-cd-corner.tl{top:14px;left:14px}.senki-cd-corner.tl:before,.senki-cd-corner.tl:after{top:0;left:0}.senki-cd-corner.tr{top:14px;right:14px}.senki-cd-corner.tr:before,.senki-cd-corner.tr:after{top:0;right:0}.senki-cd-corner.bl{bottom:14px;left:14px}.senki-cd-corner.bl:before,.senki-cd-corner.bl:after{bottom:0;left:0}.senki-cd-corner.br{bottom:14px;right:14px}.senki-cd-corner.br:before,.senki-cd-corner.br:after{bottom:0;right:0}.senki-cd-particle{z-index:1;background:#ffffff8c;width:2px;height:2px;animation:5s ease-in-out infinite senkiParticle;position:absolute;box-shadow:0 0 8px #ffffff59}.senki-cd-particle.p1{animation-delay:0s;top:22%;left:31%}.senki-cd-particle.p2{animation-delay:1s;top:27%;left:68%}.senki-cd-particle.p3{animation-delay:2s;top:71%;left:24%}.senki-cd-particle.p4{animation-delay:3s;top:64%;left:77%}.senki-cd-particle.p5{animation-delay:1.5s;top:15%;left:50%}.senki-cd-particle.p6{animation-delay:2.5s;top:48%;left:15%}@keyframes senkiParticle{50%{opacity:.15;transform:translateY(-10px)}}.senki-cd-center{z-index:3;justify-content:center;align-items:center;width:100%;height:420px;display:flex;position:relative}.senki-cd-hud{aspect-ratio:1;border-radius:50%;width:min(460px,80vw);position:absolute}.senki-cd-ring{border-radius:50%;position:absolute;inset:0}.senki-cd-ring-outer{border:1px solid #ffffff14;box-shadow:inset 0 0 25px #ff263806}.senki-cd-ring-red{border:3px solid #0000;border-top-color:var(--cd-red);border-right-color:var(--cd-red);filter:drop-shadow(0 0 8px #ff2638bf);animation:9s linear infinite senkiSpin;inset:17px}.senki-cd-ring-red-2{border:2px dashed #ff263845;animation:20s linear infinite senkiSpinReverse;inset:30px}.senki-cd-ring-inner{border:1px solid #ffffff14;inset:53px}.senki-cd-ring-inner-2{border:1px dashed #ffffff0e;animation:30s linear infinite senkiSpin;inset:66px}@keyframes senkiSpin{to{transform:rotate(360deg)}}@keyframes senkiSpinReverse{to{transform:rotate(-360deg)}}.senki-cd-ticks{opacity:.35;background:repeating-conic-gradient(#ffffff4d 0deg .6deg,#0000 .6deg 5deg);border-radius:50%;animation:60s linear infinite senkiSpinReverse;position:absolute;inset:42px;-webkit-mask:radial-gradient(#0000 77%,#000 78% 79%,#0000 80%);mask:radial-gradient(#0000 77%,#000 78% 79%,#0000 80%)}.senki-cd-segment{background:var(--cd-red);border-radius:10px;width:60px;height:4px;position:absolute;box-shadow:0 0 12px #ff2638bf}.senki-cd-segment.s1{top:15px;left:50%;transform:translate(-50%)}.senki-cd-segment.s2{bottom:26px;left:17%;transform:rotate(-45deg)}.senki-cd-segment.s3{bottom:26px;right:17%;transform:rotate(45deg)}.senki-cd-content{z-index:4;text-align:center;width:min(560px,100%);padding:0 16px;position:relative}.senki-cd-tournament-label{color:#c9ced7;font-family:var(--cd-font-display);letter-spacing:.35em;justify-content:center;align-items:center;gap:13px;margin-bottom:14px;font-size:11px;display:flex}.senki-cd-tournament-label span{color:var(--cd-red)}.senki-cd-status{color:var(--cd-red);font-family:var(--cd-font-display);letter-spacing:.35em;text-shadow:0 0 20px #ff263859;margin-bottom:22px;font-size:14px;font-weight:600}.senki-cd-status.upcoming{color:#ef9f27;text-shadow:0 0 20px #ef9f2759}.senki-cd-box{clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);background:linear-gradient(#121824e0,#05080eeb);border:1px solid #ffffff1f;padding:28px 20px 22px;position:relative;box-shadow:0 0 40px #00000073,inset 0 0 30px #ff263806}.senki-cd-box:before{content:"";background:linear-gradient(90deg, transparent, var(--cd-red), transparent);width:70%;height:1px;position:absolute;top:0;left:15%;box-shadow:0 0 15px #ff263899}.senki-cd-box.upcoming:before{background:linear-gradient(90deg,#0000,#ef9f27,#0000);box-shadow:0 0 15px #ef9f2799}.senki-cd-grid-numbers{grid-template-columns:repeat(4,1fr);display:grid}.senki-cd-unit{padding:0 16px;position:relative}.senki-cd-unit:not(:last-child):after{content:"";background:linear-gradient(#0000,#ffffff26,#0000);width:1px;height:70px;position:absolute;top:8px;right:0}.senki-cd-number{font-family:var(--cd-font-mono);letter-spacing:-.07em;color:#f7f8fa;text-shadow:0 0 20px #ffffff0f;font-size:clamp(34px,4.5vw,60px);font-weight:800;line-height:1;transition:transform .15s}.senki-cd-number.tick{animation:.45s senkiNumberTick}@keyframes senkiNumberTick{0%{opacity:.35;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.senki-cd-label{color:var(--cd-red);font-family:var(--cd-font-display);letter-spacing:.22em;text-transform:uppercase;margin-top:12px;font-size:8px;font-weight:600}.senki-cd-live{font-family:var(--cd-font-display);letter-spacing:.32em;color:var(--cd-white);justify-content:center;align-items:center;gap:11px;margin-top:22px;font-size:10px;display:flex}.senki-cd-live-dot{background:var(--cd-red);width:8px;height:8px;box-shadow:0 0 15px var(--cd-red);border-radius:50%;animation:1.2s infinite senkiLivePulse}.senki-cd-live-dot.upcoming{background:#ef9f27;box-shadow:0 0 15px #ef9f27}@keyframes senkiLivePulse{50%{opacity:.3;transform:scale(.65)}}.senki-cd.upcoming .senki-cd-ring-red{filter:drop-shadow(0 0 8px #ef9f27bf);border-top-color:#ef9f27;border-right-color:#ef9f27}.senki-cd.upcoming .senki-cd-ring-red-2{border-color:#ef9f2745}.senki-cd.upcoming .senki-cd-segment{background:#ef9f27;box-shadow:0 0 12px #ef9f27bf}.senki-cd.upcoming .senki-cd-label{color:#ef9f27}.senki-cd.upcoming .senki-cd-corner:before,.senki-cd.upcoming .senki-cd-corner:after{background:#ef9f27}@media (max-width:800px){.senki-cd{border-radius:.25rem;min-height:380px}.senki-cd-hud{width:min(360px,85vw)}.senki-cd-center{height:360px}.senki-cd-box{padding:22px 6px}.senki-cd-unit{padding:0 7px}.senki-cd-number{font-size:clamp(24px,7vw,38px)}.senki-cd-label{font-size:6px}.senki-cd-unit:not(:last-child):after{height:48px}.senki-cd-status{letter-spacing:.25em;font-size:10px}.senki-cd-tournament-label{font-size:8px}}@media (max-width:430px){.senki-cd{min-height:320px}.senki-cd-center{height:310px}.senki-cd-hud{width:290px}.senki-cd-ring-red{inset:12px}.senki-cd-ring-red-2{inset:22px}.senki-cd-ring-inner{inset:38px}.senki-cd-ring-inner-2{inset:50px}.senki-cd-ticks{inset:34px}.senki-cd-box{padding:18px 3px}.senki-cd-number{font-size:22px}.senki-cd-label{margin-top:8px;font-size:5px}.senki-cd-status{font-size:9px}.senki-cd-tournament-label{font-size:7px}}