.cop-scope{--void:#07080c;--surface:#0e1016;--surface2:#141722;--edge:#20242f;--edge2:#2c3140;--gold:#e9a23b;--amber:#e8a33d;--amber-hi:#ffcf7d;--gold-soft:#e9a23b21;--jade:#4ade9b;--green:#63d98a;--teal:#3fd9c4;--cyan:#4fd8d0;--iris:#8b7bf0;--alert:#e45b5b;--red:#f0654a;--ash:#868c9c;--bone:#ecedf1}.cop-scope .scene{z-index:4;pointer-events:none;contain:layout paint;height:164px;position:absolute;top:0;left:0;right:0}.cop-scope .halo{pointer-events:none;filter:blur(26px);opacity:.5;width:210px;height:210px;transform:translate3d(calc(var(--px,0) * -9px), calc(var(--py,0) * -7px), 0);background:radial-gradient(closest-side,#e8a33d57,#0000 72%);border-radius:50%;transition:background .5s;position:absolute;top:-34px;right:-12px}.cop-scope .scene[data-mood=scan] .halo{background:radial-gradient(closest-side,#4fd8d057,#0000 72%)}.cop-scope .scene[data-mood=alert] .halo{background:radial-gradient(closest-side,#f0654a52,#0000 72%)}.cop-scope .scene[data-mood=gg] .halo{background:radial-gradient(closest-side,#63d98a52,#0000 72%)}.cop-scope .groundwrap{pointer-events:none;transform:translate3d(calc(var(--px,0) * 8px), 0, 0);position:absolute;top:150px;left:calc(100% - 82px)}.cop-scope .ground{will-change:transform, opacity;filter:blur(7px);background:#0000009e;border-radius:50%;width:84px;height:18px;margin:0 0 0 -42px;position:absolute;top:0;left:0}.cop-scope .radar{border:1px solid var(--amber);opacity:0;border-radius:50%;width:76px;height:18px;margin:0 0 0 -38px;position:absolute;top:0;left:0}.cop-scope .stand{aspect-ratio:894/1024;perspective:620px;perspective-origin:50% 34%;width:132px;position:absolute;top:4px;right:16px}.cop-scope .tilt{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .12s ease-out;position:absolute;inset:0}.cop-scope .figure{isolation:isolate;transform-origin:50% 90%;will-change:transform;backface-visibility:hidden;position:absolute;inset:0}.cop-scope .base,.cop-scope .sheen,.cop-scope .shade{background:var(--img) center/100% 100% no-repeat;position:absolute;inset:0}.cop-scope .sheen{mix-blend-mode:screen;opacity:0;-webkit-mask-image:linear-gradient(102deg,#0000 33%,#000 46% 54%,#0000 67%);mask-image:linear-gradient(102deg,#0000 33%,#000 46% 54%,#0000 67%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--sheen,50%) 0;-webkit-mask-position:var(--sheen,50%) 0;-webkit-mask-position:var(--sheen,50%) 0;mask-position:var(--sheen,50%) 0;transition:opacity .3s}.cop-scope .shade{mix-blend-mode:multiply;opacity:0;-webkit-mask-image:linear-gradient(102deg,#000 6%,#0000 42%);mask-image:linear-gradient(102deg,#000 6%,#0000 42%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--shade,50%) 0;-webkit-mask-position:var(--shade,50%) 0;-webkit-mask-position:var(--shade,50%) 0;mask-position:var(--shade,50%) 0;transition:opacity .3s}.cop-scope .scene.lit .sheen{opacity:.4}.cop-scope .scene.lit .shade{opacity:.34}.cop-scope .lay{pointer-events:none;position:absolute}.cop-scope .lid{transform-origin:50% 0;border-radius:46% 46% 38% 38%/70% 70% 34% 34%;transform:scaleY(0);box-shadow:0 1px #3412048c}.cop-scope .lid.l{background:linear-gradient(#8f4a1e,#c4762f);width:9.6%;height:7.4%;top:24.2%;left:40.3%}.cop-scope .lid.r{background:linear-gradient(#a8622f,#e8a85c);width:9.4%;height:7.4%;top:24.2%;left:55.2%}.cop-scope .patch{opacity:0;filter:blur(4px);background:radial-gradient(60% 70% at 78% 40%,#f0a037f2,#0000 70%),linear-gradient(100deg,#c57324 0%,#e09733 38%,#e9a03a 66%,#de8e28 100%);border-radius:50%;width:19%;height:6.6%;transition:opacity .16s;top:33.2%;left:45.2%}.cop-scope .patch.show{opacity:1}.cop-scope .mouth{width:var(--mw,11%);height:var(--mh,0.6%);opacity:0;border-radius:var(--mr,46% 46% 50% 50%/40% 40% 60% 60%);background:radial-gradient(130% 160% at 50% 0,#2b0b07 42%,#5c1d15 100%);transition:width 70ms linear,height 70ms linear,border-radius 70ms linear;top:36.4%;left:54.7%;overflow:hidden;transform:translate(-50%,-50%)rotate(-5.5deg);box-shadow:0 -.04em .1em #60260a8c,inset 0 .12em .22em #000000a6}.cop-scope .mouth.show{opacity:1}.cop-scope .teeth{background:linear-gradient(#fffaf0,#e9dabd);border-radius:0 0 20% 20%/0 0 46% 46%;height:36%;position:absolute;top:0;left:4%;right:4%}.cop-scope .teeth:after{content:"";background:linear-gradient(#fcf3e2,#e2cfae);border-radius:0 0 26% 26%/0 0 60% 60%;width:18%;height:52%;position:absolute;top:96%;left:41%}.cop-scope .tongue{background:radial-gradient(80% 100% at 50% 20%,#d06e60,#9a342c);border-radius:50% 50% 44% 44%/60% 60% 40% 40%;height:62%;position:absolute;bottom:-14%;left:19%;right:19%}.cop-scope .lip{opacity:0;filter:blur(1.2px);background:linear-gradient(#ffd08a99,#ffd08a00);border-radius:50%;width:15%;height:1.1%;transition:opacity .16s;top:38.4%;left:47.2%}.cop-scope .lip.show{opacity:1}.cop-scope .cup{aspect-ratio:1;border:.24em solid var(--cyan);opacity:0;mix-blend-mode:screen;border-radius:50%;width:11.4%;top:21.4%}.cop-scope .cup.l{left:24.8%}.cop-scope .cup.r{left:64.2%}.cop-scope .mapglow{aspect-ratio:1.15;mix-blend-mode:screen;opacity:0;background:radial-gradient(closest-side,#ffbe5ad9,#0000 72%);width:34%;top:38%;left:52%}.cop-scope .bead{aspect-ratio:1.4;mix-blend-mode:screen;opacity:0;background:radial-gradient(closest-side,#4fd8d0cc,#0000 70%);width:22%;top:41.5%;left:41%}.cop-scope .scanbox{opacity:0;border-radius:8px;width:38%;height:26%;top:17%;left:33%;overflow:hidden}.cop-scope .scanbox i{background:linear-gradient(#0000,#4fd8d0bf,#0000);height:16%;position:absolute;left:0;right:0;box-shadow:0 0 18px #4fd8d0b3}.cop-scope .hud{opacity:0;border:1px solid #4fd8d08c;border-radius:8px;width:38%;height:26%;top:17%;left:33%}.cop-scope .hud:before,.cop-scope .hud:after{content:"";border:1.5px solid var(--cyan);width:8px;height:8px;position:absolute}.cop-scope .hud:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.cop-scope .hud:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.cop-scope .bang{color:var(--red);opacity:0;text-shadow:0 0 18px #f0654a99;font-size:30px;font-weight:800;top:4%;left:74%;transform:scale(.4)}.cop-scope .spark{opacity:0;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);width:8px;height:8px}.cop-scope .spark.a{background:var(--amber-hi);top:20%;left:18%}.cop-scope .spark.b{background:var(--cyan);top:12%;left:78%}.cop-scope .spark.c{background:var(--green);top:30%;left:60%}@keyframes cop-floaty{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-11px)rotate(.6deg)}}@keyframes cop-gfloat{0%,to{opacity:.62;transform:scale(1)}50%{opacity:.36;transform:scale(.8)}}@keyframes cop-nod{0%,to{transform:translateY(-4px)rotate(-1.4deg)}50%{transform:translateY(-9px)rotate(1.4deg)}}@keyframes cop-lean{0%,to{transform:translateY(-6px)scale(1)}50%{transform:translateY(-12px)scale(1.015)}}@keyframes cop-shake{0%,to{transform:translateY(-6px)translate(0)}20%{transform:translateY(-6px)translate(-7px)rotate(-2deg)}40%{transform:translateY(-6px)translate(6px)rotate(2deg)}60%{transform:translateY(-6px)translate(-4px)}80%{transform:translateY(-6px)translate(3px)}}@keyframes cop-hop{0%{transform:translateY(0)scaleY(1)scaleX(1)}18%{transform:translateY(6px)scaleY(.9)scaleX(1.09)}46%{transform:translateY(-40px)scaleY(1.1)scaleX(.92)}72%{transform:translateY(4px)scaleY(.93)scaleX(1.06)}to{transform:translateY(0)scaleY(1)scaleX(1)}}@keyframes cop-ghop{0%,to{opacity:.62;transform:scale(1)}18%{opacity:.7;transform:scale(1.12)}46%{opacity:.22;transform:scale(.5)}72%{opacity:.68;transform:scale(1.1)}}@keyframes cop-blink{0%,95.5%,to{transform:scaleY(0)}97%,98.4%{transform:scaleY(1)}}@keyframes cop-ringpulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}@keyframes cop-glowpulse{0%,to{opacity:.25}50%{opacity:.75}}@keyframes cop-sweep{0%{top:-18%}to{top:104%}}@keyframes cop-radar{0%{opacity:.5;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}@keyframes cop-bang{0%{opacity:0;transform:scale(.4)translateY(10px)}35%{opacity:1;transform:scale(1.15)translateY(0)}60%{transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes cop-burst{0%{opacity:0;transform:scale(.2)rotate(0)}30%{opacity:1;transform:scale(1.5)rotate(50deg)}to{opacity:0;transform:scale(.5)rotate(120deg)}}@keyframes cop-eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.cop-scope .scene[data-mood] .figure{animation:5.2s ease-in-out infinite cop-floaty}.cop-scope .scene[data-mood] .ground{animation:5.2s ease-in-out infinite cop-gfloat}.cop-scope .scene[data-mood=idle] .lid,.cop-scope .scene[data-mood=alert] .lid{animation:6.5s infinite cop-blink}.cop-scope .scene[data-mood=idle] .bead{animation:3.4s ease-in-out infinite cop-glowpulse}.cop-scope .scene[data-mood=idle] .radar{animation:3.6s ease-out infinite cop-radar}.cop-scope .scene[data-mood=talk] .figure{animation:1.05s ease-in-out infinite cop-nod}.cop-scope .scene[data-mood=talk] .cup{opacity:1;border-color:var(--amber);animation:.9s ease-in-out infinite cop-ringpulse}.cop-scope .scene[data-mood=talk] .mapglow{animation:1.4s ease-in-out infinite cop-glowpulse}.cop-scope .scene[data-mood=scan] .figure{animation:2.6s ease-in-out infinite cop-lean}.cop-scope .scene[data-mood=scan] .cup{opacity:1;border-color:var(--cyan);animation:.7s ease-in-out infinite cop-ringpulse}.cop-scope .scene[data-mood=scan] .scanbox,.cop-scope .scene[data-mood=scan] .hud{opacity:1}.cop-scope .scene[data-mood=scan] .scanbox i{animation:1.5s linear infinite cop-sweep}.cop-scope .scene[data-mood=scan] .bead{opacity:.7}.cop-scope .scene[data-mood=alert] .figure{animation:.5s ease-in-out 2 cop-shake,5.2s ease-in-out .9s infinite cop-floaty}.cop-scope .scene[data-mood=alert] .cup{opacity:1;border-color:var(--red);animation:.45s ease-in-out infinite cop-ringpulse}.cop-scope .scene[data-mood=alert] .bang{animation:.55s cubic-bezier(.2,1.5,.4,1) forwards cop-bang}.cop-scope .scene[data-mood=gg] .figure{animation:.85s cubic-bezier(.3,.8,.4,1) cop-hop,5.2s ease-in-out .85s infinite cop-floaty}.cop-scope .scene[data-mood=gg] .ground{animation:.85s cubic-bezier(.3,.8,.4,1) cop-ghop,5.2s ease-in-out .85s infinite cop-gfloat}.cop-scope .scene[data-mood=gg] .cup{opacity:1;border-color:var(--green);animation:.5s ease-in-out infinite cop-ringpulse}.cop-scope .scene[data-mood=gg] .spark{animation:.9s ease-out forwards cop-burst}.cop-scope .scene[data-mood=gg] .spark.b{animation-delay:.12s}.cop-scope .scene[data-mood=gg] .spark.c{animation-delay:.22s}.cop-scope.speaking .lid{animation:none!important;transform:scaleY(0)!important}.cop-orb .scene{height:170px;position:absolute;top:0;left:0;right:0}.cop-orb .stand{width:136px;top:6px;right:20px}.cop-orb .groundwrap{top:158px;left:calc(100% - 88px)}.cop-scope .voicechip{z-index:5;border:1px solid var(--gold);letter-spacing:.08em;color:var(--gold);opacity:0;pointer-events:none;background:#07080cd9;border-radius:9px;align-items:center;gap:6px;padding:4px 9px;font-size:8.5px;transition:all .25s;display:flex;position:absolute;top:2px;left:2px;transform:translateY(-4px)}.cop-scope.speaking .voicechip{opacity:1;transform:translateY(0)}.cop-scope .voicechip .eq{align-items:flex-end;gap:2px;height:10px;display:flex}.cop-scope .voicechip .eq i{background:var(--gold);border-radius:2px;width:2.5px;animation:.7s ease-in-out infinite cop-eq}.cop-scope .voicechip .eq i:first-child{height:5px}.cop-scope .voicechip .eq i:nth-child(2){height:9px;animation-delay:.15s}.cop-scope .voicechip .eq i:nth-child(3){height:6px;animation-delay:.3s}.cop-scope .voicechip .eq i:nth-child(4){height:8px;animation-delay:.45s}.cop-scope .mchip{z-index:5;white-space:nowrap;border:1px solid var(--edge2);letter-spacing:.08em;color:var(--ash);pointer-events:none;background:#07080cd9;border-radius:9px;align-items:center;gap:6px;padding:3.5px 9px;font-size:8.5px;transition:border-color .3s,color .3s;display:inline-flex;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.cop-scope .mchip b{background:var(--amber);border-radius:50%;width:6px;height:6px;transition:background .3s}.cop-scope .mchip.scan{color:var(--cyan);border-color:#4fd8d073}.cop-fig{width:var(--cop-fig-w,150px);aspect-ratio:894/1024;margin:0 auto;position:relative}.cop-fig .art{background:var(--img) center/100% 100% no-repeat;position:absolute;inset:0}.cop-fig.locked .art{filter:grayscale(.55)brightness(.72)}@media (prefers-reduced-motion:reduce){.cop-scope .figure,.cop-scope .lid,.cop-scope .scanbox i,.cop-scope .bead,.cop-scope .mapglow,.cop-scope .cup,.cop-scope .radar,.cop-scope .spark,.cop-scope .bang,.cop-scope .voicechip .eq i,.cop-scope .ground{animation:none!important}.cop-scope .tilt{transform:none!important}}
