.preorder-countdown{isolation:isolate;color:#f5effa;background:radial-gradient(at 95% 0,#5b3a7855,#0000 65%),#1c1823;border:1px solid #8c729b70;border-radius:16px;grid-template-columns:1.15fr 1fr;gap:36px 48px;max-width:1240px;margin:32px auto;padding:clamp(26px,4vw,52px);display:grid;position:relative;overflow:hidden;container-type:inline-size}.preorder-countdown .drop-heading>span{letter-spacing:.16em;color:#d8bce8;font:650 11px/1.6 Inter,Arial,sans-serif}.preorder-countdown h2{letter-spacing:-.045em;color:#faf6ff;margin:16px 0;font:650 clamp(30px,3.4vw,46px)/1.1 Inter,Arial,sans-serif}.preorder-countdown p{color:#c6b9d1;margin:0;font-size:15px;line-height:1.65}.preorder-countdown small{color:#bbaec5;font-size:13px;line-height:1.6}.drop-stock{text-align:left;border-left:1px solid #d4b5ed24;flex-direction:column;justify-content:center;padding-left:36px;display:flex}.drop-stock>strong{font-variant-numeric:tabular-nums;letter-spacing:-.055em;color:#e8d4ad;font:600 clamp(48px,5vw,68px)/1.08 Inter,Arial,sans-serif}.drop-stock>span{margin-top:6px;font-size:15px;font-weight:550}.drop-stock>small{margin-top:6px}.drop-meter{background:#ffffff16;border-radius:4px;height:4px;margin:18px 0 0;overflow:hidden}.drop-meter>span{background:#c6a2df;height:100%;transition:width .3s;display:block}.drop-deadline{text-align:center;border-top:1px solid #d4b5ed24;grid-column:1/-1;padding-top:30px}.drop-deadline>p{font-size:13px}.drop-deadline>p+p{margin-top:12px}.drop-deadline>details{text-align:left;margin-top:18px;font-size:13px}.drop-deadline>details>summary{cursor:pointer;color:#e8d4ad}.drop-deadline>details>p{margin:12px 0;font-size:13px}.drop-deadline time{color:#f2e9fa;margin:3px 0;font-size:21px;font-weight:550;display:block}.drop-deadline>p>span{color:#bbaec5;font-size:12px}.drop-clock{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:760px;margin:24px auto 20px;display:grid}.drop-clock>div{background:linear-gradient(#302639,#241d2c);border:1px solid #9876b348;border-radius:9px;gap:9px;min-width:0;padding:24px 10px 19px;display:grid;box-shadow:inset 0 1px #e6ceff0a}.drop-clock b{font-variant-numeric:tabular-nums;letter-spacing:-.025em;color:#f7f0fd;font:550 clamp(34px,5vw,58px)/1 Inter,Arial,sans-serif}.drop-clock span{color:#c7b5d6;font-size:13px}.preorder-countdown-compact{grid-template-columns:1fr;gap:24px;margin:24px 0;padding:26px}.preorder-countdown-compact .drop-stock{border-left:0;padding:0}.preorder-countdown-compact .drop-clock b{font-size:36px}.release-overview{padding:4px 24px 16px;scroll-margin-top:90px}.release-overview .preorder-countdown{max-width:1288px;margin:28px auto 0}@media (max-width:700px){.preorder-countdown{grid-template-columns:1fr;gap:24px;margin:22px 16px;padding:28px 22px}.preorder-countdown .drop-heading{text-align:left}.preorder-countdown h2{font-size:34px}.drop-stock{border:0;border-top:1px solid #d4b5ed24;padding:22px 0 0}.drop-stock>strong{font-size:56px}.drop-deadline{padding-top:24px}.drop-clock{gap:9px}.drop-clock>div{padding:22px 6px 17px}.release-overview{padding:4px 18px 12px}.release-overview .preorder-countdown{margin:22px 0 0}.preorder-countdown-compact{margin:20px 0}}@container (width<=370px){.drop-clock{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.drop-clock b,.preorder-countdown-compact .drop-clock b{font-size:40px}}@media (prefers-reduced-motion:reduce){.drop-meter>span{transition:none}}
