.loop{position:relative;width:560px}.stagebox{position:relative;transform:perspective(1600px) rotateY(-9deg) rotateX(3deg);transform-style:flat;will-change:transform;transition:transform .7s var(--ease)}.loop:hover .stagebox{transform:perspective(1600px) rotateY(-4.5deg) rotateX(1.5deg) translateY(-8px) scale(1.018)}.loop .panel{transition:box-shadow .7s var(--ease)}.loop:hover .panel{box-shadow:var(--edge),0 4px 10px #00031499,0 62px 110px -44px #000314f2}@media(prefers-reduced-motion:reduce){.stagebox,.loop .panel{transition:none}.loop:hover .stagebox{transform:perspective(1600px) rotateY(-9deg) rotateX(3deg)}}.stagebox:before{content:"";position:absolute;inset:11px -11px -13px 9px;border-radius:26px;background:linear-gradient(140deg,#0c1e4c,#05102c);z-index:-2}.stagebox:after{content:"";position:absolute;left:0;right:0;bottom:-44px;height:56px;z-index:-3;background:radial-gradient(60% 50% at 50% 50%,rgba(0,3,20,.72),transparent 70%);filter:blur(14px)}.panel{position:relative;width:100%;height:430px;border-radius:24px;overflow:hidden;background:linear-gradient(168deg,#1b2e56f2,#0a193cf2);border:1px solid #3b5286;box-shadow:var(--edge),0 2px 6px #0003148c,0 44px 84px -38px #000314e6}.panel__spec{position:absolute;inset:0;pointer-events:none;z-index:8;background:linear-gradient(122deg,transparent 40%,rgba(86,238,244,.32) 50%,transparent 60%);transform:translate(-120%);animation:sweep 7s cubic-bezier(.4,0,.2,1) infinite}@keyframes sweep{0%,64%{transform:translate(-120%)}to{transform:translate(120%)}}.scene{position:absolute;inset:18px}.sbar{position:absolute;left:0;top:0;right:0;height:46px;border-radius:12px;background:#152c63;border:1px solid #3b5286;display:flex;align-items:center;gap:10px;padding:0 14px;z-index:5;box-shadow:var(--edge),0 2px 6px #00031480;animation:dimbar 8s linear infinite}.sbar svg{width:17px;height:17px;color:var(--fg-subtle);flex:none}.sbar .q{font-size:15px;color:var(--fg);white-space:nowrap;overflow:hidden;display:inline-block;animation:type 8s steps(22,end) infinite}.sbar .caret{width:1.5px;height:18px;background:var(--brand);animation:blink .9s steps(1,end) infinite}@keyframes type{0%{width:0}16%{width:var(--qw, 16.2ch)}96%{width:var(--qw, 16.2ch)}to{width:0}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes dimbar{0%,44%{opacity:1}52%,to{opacity:.5}}.lmap{position:absolute;inset:58px 0 0;border-radius:14px;overflow:hidden;background:#061434;border:1px solid #22376f;opacity:0;transform:scale(.985);z-index:2;animation:mapin 8s linear infinite}@keyframes mapin{0%,17%{opacity:0;transform:scale(.985)}23%,55%{opacity:1;transform:scale(1)}62%,94%{opacity:.46;transform:scale(.99)}97%,to{opacity:0}}.lmap__g{position:absolute;inset:0;opacity:.9;background-image:linear-gradient(#152c63 1px,transparent 1px),linear-gradient(90deg,#152c63 1px,transparent 1px);background-size:46px 46px}.lmap__road{position:absolute;background:#0e2350}.lmap__water{position:absolute;right:-30px;top:-20px;width:150px;height:170px;border-radius:50%;background:#0d2452;transform:rotate(18deg)}.pin{position:absolute;width:26px;height:26px;color:var(--fg-muted);opacity:0;transform:translateY(-10px);animation:pindrop 8s var(--ease) infinite}.pin svg{width:100%;height:100%}.pin--1{left:22%;top:26%;animation-delay:0s}.pin--2{left:63%;top:52%;animation-delay:.16s}.pin--3{left:48%;top:74%;animation-delay:.32s}@keyframes pindrop{0%,19%{opacity:0;transform:translateY(-12px)}25%,94%{opacity:1;transform:translateY(0)}97%,to{opacity:0}}.rank{position:absolute;left:34%;top:22%;z-index:4;display:flex;align-items:center;gap:8px;padding:7px 11px 7px 8px;border-radius:11px;background:#152c63;border:1px solid #3b5286;box-shadow:var(--edge),0 10px 24px -8px #000314cc;opacity:0;transform:scale(.9);animation:rankin 8s var(--ease) infinite}.rank b{width:22px;height:22px;border-radius:7px;background:var(--brand-fill);color:#fff;font:600 12px/22px var(--font-m);text-align:center}.rank span{font-size:12.5px;font-weight:600;color:var(--fg);white-space:nowrap}.rank:after{content:"";position:absolute;inset:-6px;border-radius:15px;border:2px solid var(--brand);opacity:0;animation:pulse 2s ease-out infinite}@keyframes rankin{0%,26%{opacity:0;transform:scale(.9)}31%,94%{opacity:1;transform:scale(1)}97%,to{opacity:0}}@keyframes pulse{0%{opacity:.55;transform:scale(.94)}70%{opacity:0;transform:scale(1.16)}to{opacity:0}}.call{position:absolute;right:0;top:106px;width:214px;z-index:6;border-radius:14px;background:#152c63;border:1px solid #3b5286;padding:13px 14px;opacity:0;transform:translateY(10px);box-shadow:var(--edge),0 18px 38px -14px #000314d9;animation:callin 8s var(--ease) infinite}@keyframes callin{0%,38%{opacity:0;transform:translateY(10px)}44%,58%{opacity:1;transform:translateY(0)}66%,94%{opacity:.5;transform:translateY(0)}97%,to{opacity:0}}.call__row{display:flex;align-items:center;gap:10px}.call__ic{position:relative;width:34px;height:34px;border-radius:10px;background:#0f2a63;color:var(--brand-fill);display:grid;place-items:center;flex:none}.call__ic svg{width:17px;height:17px}.call__ic:before,.call__ic:after{content:"";position:absolute;inset:0;border-radius:12px;border:1.5px solid var(--brand);opacity:0;animation:ring 8s ease-out infinite}.call__ic:after{animation-delay:.4s}@keyframes ring{0%,40%{opacity:0;transform:scale(.92)}44%{opacity:.6;transform:scale(1)}56%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}.call__t{font-size:13px;font-weight:600;color:var(--fg);line-height:1.25}.call__s{font-size:11px;font-family:var(--font-m);letter-spacing:.06em;color:var(--fg-subtle);margin-top:2px}.reply{position:absolute;left:0;bottom:94px;width:312px;z-index:7;border-radius:14px;background:#152c63;border:1px solid #3b5286;padding:13px 15px;opacity:0;transform:translateY(10px);box-shadow:var(--edge),0 18px 38px -14px #000314d9;animation:replyin 8s var(--ease) infinite}@keyframes replyin{0%,57%{opacity:0;transform:translateY(10px)}63%,94%{opacity:1;transform:translateY(0)}97%,to{opacity:0}}.reply p{font-size:13px;line-height:1.45;color:var(--fg)}.reply .who{font:500 10.5px/1.2 var(--font-m);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:6px}.timer{position:absolute;right:-10px;top:-13px;display:flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:9px;background:var(--s-cyan);color:#000c38;font:600 11px/1 var(--font-m);letter-spacing:.06em;box-shadow:0 8px 18px -6px #000314e6}.timer svg{width:12px;height:12px}.loop-ph{font-style:italic;color:#000c38}.cal{position:absolute;left:0;right:0;bottom:0;height:74px;z-index:7;border-radius:14px;background:#152c63;border:1px solid #3b5286;padding:11px 13px;opacity:0;transform:translateY(10px);box-shadow:var(--edge),0 18px 38px -14px #000314d9;animation:calin 8s var(--ease) infinite}@keyframes calin{0%,76%{opacity:0;transform:translateY(10px)}82%,94%{opacity:1;transform:translateY(0)}97%,to{opacity:0}}.cal__h{font:500 10.5px/1.2 var(--font-m);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:8px}.cal__row{display:flex;gap:7px}.slot{flex:1;height:26px;border-radius:8px;background:var(--bg-well);border:1px solid #2a3b66}.slot--fill{position:relative;background:var(--brand-fill);border-color:var(--brand-fill);display:grid;place-items:center;overflow:hidden}.slot--fill i{position:absolute;inset:0;background:var(--bg-well);transform-origin:right;animation:fillslot 8s var(--ease) infinite}@keyframes fillslot{0%,82%{transform:scaleX(1)}88%,to{transform:scaleX(0)}}.slot--fill span{position:relative;z-index:2;font:600 10px/1 var(--font-m);letter-spacing:.1em;color:#fff;opacity:0;animation:stamp 8s var(--ease) infinite}@keyframes stamp{0%,87%{opacity:0;transform:scale(1.3)}91%,94%{opacity:1;transform:scale(1)}97%,to{opacity:0}}.caps{position:relative;height:30px;margin-top:26px}.caps span{position:absolute;left:0;top:0;font-size:16px;font-weight:500;color:var(--fg);opacity:0}.caps b{color:var(--fg-muted);font-weight:500}.cap1{animation:c1 8s linear infinite}.cap2{animation:c2 8s linear infinite}.cap3{animation:c3 8s linear infinite}.cap4{animation:c4 8s linear infinite}.cap5{animation:c5 8s linear infinite}@keyframes c1{0%,18%{opacity:1}20%,to{opacity:0}}@keyframes c2{0%,20%{opacity:0}22%,38%{opacity:1}40%,to{opacity:0}}@keyframes c3{0%,40%{opacity:0}42%,58%{opacity:1}60%,to{opacity:0}}@keyframes c4{0%,60%{opacity:0}62%,78%{opacity:1}80%,to{opacity:0}}@keyframes c5{0%,80%{opacity:0}82%,to{opacity:1}}.prog{display:flex;gap:6px;margin-top:14px}.prog i{flex:1;height:3px;border-radius:2px;background:#2a3b66;overflow:hidden;display:block}.prog i em{display:block;height:100%;background:var(--s-cyan);transform-origin:left;transform:scaleX(0)}.prog i:nth-child(1) em{animation:s1 8s linear infinite}.prog i:nth-child(2) em{animation:s2 8s linear infinite}.prog i:nth-child(3) em{animation:s3 8s linear infinite}.prog i:nth-child(4) em{animation:s4 8s linear infinite}.prog i:nth-child(5) em{animation:s5 8s linear infinite}@keyframes s1{0%{transform:scaleX(0)}20%,99%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes s2{0%,20%{transform:scaleX(0)}40%,99%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes s3{0%,40%{transform:scaleX(0)}60%,99%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes s4{0%,60%{transform:scaleX(0)}80%,99%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes s5{0%,80%{transform:scaleX(0)}to{transform:scaleX(1)}}.loop:hover *{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.loop *{animation:none!important}.sbar{opacity:.5}.sbar .q{width:var(--qw, 16.2ch)}.sbar .caret{opacity:0}.lmap{opacity:.46;transform:scale(.99)}.pin,.rank{opacity:1;transform:none}.rank:after{opacity:0}.call{opacity:.5;transform:none}.reply,.cal{opacity:1;transform:none}.slot--fill i{transform:scaleX(0)}.slot--fill span{opacity:1;transform:none}.caps span{opacity:0}.caps .cap5{opacity:1}.prog i em{transform:scaleX(1)}.panel__spec{opacity:0}.rank:after,.call__ic:before,.call__ic:after{animation:none!important;opacity:0}}@media(max-width:1180px){.loop{width:100%;max-width:560px}}