.pixel-event{--blue:#4285f4;--red:#ea4335;--yellow:#fbbc05;--green:#34a853}.pixel-hero{overflow:hidden;border:4px solid #111;background:#0b1018;color:#fff;box-shadow:10px 10px 0 var(--blue)}.hero-copy{padding:clamp(22px,5vw,60px)}.pixel-hero>img{display:block;width:100%;height:auto}.status{display:inline-block;padding:8px 13px;background:var(--yellow);color:#111;font-weight:900;border:2px solid #fff}.status.live{background:var(--red);color:#fff}.status.completed{background:var(--green);color:#fff}.time-cards,.world-times,.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.time-cards>div,.world-times>div,.device-card{display:grid;gap:6px;padding:18px;border:2px solid #111;background:#fff;color:#111}.time-cards b{font-size:1.4rem;color:var(--blue)}.countdown{margin-top:24px}.countdown>h2{color:#fff}.countdown>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.countdown>div>div{display:grid;text-align:center;padding:12px;background:#fff;color:#111}.countdown b{font-size:clamp(1.5rem,5vw,3rem)}.quick-answer{padding:24px;border-left:10px solid var(--blue);background:#eef5ff}.world-times{grid-template-columns:repeat(3,minmax(0,1fr))}.world-times dt{font-weight:900}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.device-card:nth-child(4n+1){border-top:10px solid var(--blue)}.device-card:nth-child(4n+2){border-top:10px solid var(--red)}.device-card:nth-child(4n+3){border-top:10px solid var(--yellow)}.device-card:nth-child(4n){border-top:10px solid var(--green)}.stream-placeholder{display:grid;place-items:center;min-height:220px;padding:20px;border:3px dashed #777;background:#101827;color:#fff;text-align:center}.timeline{border-left:5px solid var(--blue);padding-left:24px}.timeline article{position:relative;padding:0 0 22px}.timeline article:before{content:'';position:absolute;left:-34px;top:4px;width:15px;height:15px;border-radius:50%;background:var(--red)}.timeline time{font-weight:900;color:var(--blue)}@media(max-width:700px){.time-cards,.world-times,.device-grid{grid-template-columns:1fr}.countdown>div{grid-template-columns:repeat(2,1fr)}.pixel-hero{box-shadow:6px 6px 0 var(--blue)}}