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