.shot{--loop:9s;--ease:cubic-bezier(.16, 1, .3, 1);--pop:cubic-bezier(.34, 1.45, .64, 1)}.shot-design{opacity:0;animation:shotDesign var(--loop) infinite var(--ease)}@keyframes shotDesign{0%,4%{opacity:0;transform:translate(7px,-26px)scale(1.03)}14%{opacity:.92;transform:translate(7px,9px)scale(1)}20%{opacity:.55;transform:translate(7px,9px)scale(1)}88%{opacity:.55;transform:translate(7px,9px)scale(1)}96%,to{opacity:0;transform:translate(7px,9px)scale(1)}}.shot-sweep{opacity:0;pointer-events:none;width:150px;animation:shotSweep var(--loop) infinite cubic-bezier(.4, 0, .2, 1);background:linear-gradient(90deg,#0000,#00f5d429,#00f5d480,#00f5d429,#0000);position:absolute;top:0;bottom:0}@keyframes shotSweep{0%,26%{opacity:0;left:-160px}28%{opacity:1;left:-160px}44%{opacity:1;left:100%}46%,to{opacity:0;left:100%}}.shot-mark{opacity:0;transform-origin:0;animation:shotMark var(--loop) infinite var(--ease)}@keyframes shotMark{0%,30%{opacity:0;transform:scaleX(.65)}38%{opacity:1;transform:none}88%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@property --shot-score{syntax:"<integer>";inherits:false;initial-value:0}.shot-score{counter-reset:s var(--shot-score);animation:shotCount var(--loop) infinite cubic-bezier(.2, .9, .3, 1)}.shot-score:after{content:counter(s) "%"}@keyframes shotCount{0%,36%{--shot-score:0}52%{--shot-score:87}to{--shot-score:87}}.shot-readout{animation:shotReadout var(--loop) infinite var(--pop)}@keyframes shotReadout{0%,34%{opacity:.25;transform:scale(.97)}42%{opacity:1;transform:none}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.shot *{animation:none!important}.shot-design{opacity:.55;transform:translate(7px,9px)}.shot-mark{opacity:1}.shot-sweep{opacity:0}}
.thermal{border:1px solid var(--hairline);isolation:isolate;background:#06070a;border-radius:14px;position:relative;overflow:hidden}.thermal-grid{background-image:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:96px 96px,96px 96px,24px 24px,24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 45%,#000 40%,#0000 100%)}.thermal-heat{filter:blur(28px);opacity:.9;position:absolute;inset:0}.thermal-heat span{border-radius:999px;position:absolute}.heat-cold-1{background:radial-gradient(closest-side,#00f5d457,#0000);width:42%;height:26%;top:22%;left:6%}.heat-cold-2{background:radial-gradient(closest-side,#00f5d442,#0000);width:38%;height:22%;top:58%;left:30%}.heat-warm-1{background:radial-gradient(closest-side,#0d99ff4d,#0000);width:30%;height:24%;top:14%;left:52%}.heat-hot-1{background:radial-gradient(closest-side,#ff00556b,#0000);width:26%;height:20%;top:44%;left:10%}.heat-hot-2{background:radial-gradient(closest-side,#ff005557,#0000);width:22%;height:20%;top:62%;left:64%}.thermal-scan{background:linear-gradient(#0000,#00f5d4e6,#0000);width:2px;animation:7s cubic-bezier(.5,0,.5,1) infinite thermalScan;position:absolute;top:-10%;bottom:-10%;box-shadow:0 0 24px 6px #00f5d459}.thermal-scan:before{content:"";background:linear-gradient(90deg,#0000,#00f5d41a);width:220px;position:absolute;top:0;bottom:0;right:0}@keyframes thermalScan{0%,8%{opacity:0;left:-4%}12%{opacity:1}88%{opacity:1}92%,to{opacity:0;left:104%}}.thermal-chip{border:1px solid var(--hairline-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.2px;color:var(--on-dark);white-space:nowrap;background:#0a0b0ed1;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex;position:absolute}@media (prefers-reduced-motion:reduce){.thermal-scan{animation:none;left:50%}}.toolbar{border:1px solid var(--hairline);background:linear-gradient(#101216,#0a0b0e);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:relative}.toolbar-url{border:1px solid var(--hairline);height:32px;color:var(--ash);background:#00000073;border-radius:8px;flex:1;align-items:center;padding:0 14px;font-size:12px;display:flex}.toolbar-icon{background:#ffffff0d;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.toolbar-icon.lit{background:#00f5d41a;border:1px solid #00f5d473;animation:3.2s ease-in-out infinite toolbarPulse;box-shadow:0 0 0 4px #00f5d414,0 0 28px 6px #00f5d447}@keyframes toolbarPulse{0%,to{box-shadow:0 0 0 4px #00f5d40f,0 0 22px 4px #00f5d433}50%{box-shadow:0 0 0 5px #00f5d41f,0 0 34px 8px #00f5d457}}@media (prefers-reduced-motion:reduce){.toolbar-icon.lit{animation:none}}.glow-card{border:1px solid var(--hairline);background:var(--surface);border-radius:12px;transition:border-color .18s;position:relative;overflow:hidden}.glow-card:before{content:"";background:radial-gradient(closest-side, var(--glow,#0d99ff38), transparent);filter:blur(22px);pointer-events:none;position:absolute;inset:-40% 40% 55% -30%}.glow-card:hover{border-color:var(--hairline-strong)}.glow-card>*{position:relative}
.intro-title{display:inline-block;position:relative}.intro-real{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) 1.05s both introReal;position:relative}@keyframes introReal{0%{opacity:0}55%{opacity:.85}to{opacity:1}}.intro-ghost{pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;position:absolute;inset:0}.intro-ghost-a{color:var(--match);animation:1.75s cubic-bezier(.16,1,.3,1) both introGhostA}.intro-ghost-b{color:var(--diff);animation:1.75s cubic-bezier(.16,1,.3,1) both introGhostB}@keyframes introGhostA{0%{opacity:0;transform:translate(-11px,-5px)}6%{opacity:.85;transform:translate(-11px,-5px)}10%{opacity:.15}14%{opacity:.8;transform:translate(-13px,-4px)}20%{opacity:.25}26%{opacity:.75;transform:translate(-10px,-6px)}60%{opacity:.6;transform:translate(-8px,-4px)}78%{opacity:.35;transform:translate(-2px,-1px)}to{opacity:0;transform:none}}@keyframes introGhostB{0%{opacity:0;transform:translate(10px,6px)}8%{opacity:.8;transform:translate(10px,6px)}12%{opacity:.2}17%{opacity:.75;transform:translate(12px,5px)}23%{opacity:.3}30%{opacity:.7;transform:translate(9px,7px)}60%{opacity:.55;transform:translate(7px,4px)}78%{opacity:.3;transform:translate(2px,1px)}to{opacity:0;transform:none}}.intro-scan{pointer-events:none;background:linear-gradient(180deg, transparent, var(--match), transparent);opacity:0;width:3px;animation:1.5s cubic-bezier(.4,0,.25,1) .42s both introScan;position:absolute;top:-.35em;bottom:-.3em;box-shadow:0 0 26px 7px #00f5d466}@keyframes introScan{0%{opacity:0;left:-3%}8%{opacity:1}85%{opacity:1}to{opacity:0;left:103%}}.intro-step{opacity:0;animation:.75s cubic-bezier(.16,1,.3,1) both introStep}@keyframes introStep{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.intro-d1{animation-delay:.15s}.intro-d2{animation-delay:1.65s}.intro-d3{animation-delay:1.85s}.intro-d4{animation-delay:2.05s}@media (prefers-reduced-motion:reduce){.intro-real,.intro-step{opacity:1;animation:none;transform:none}.intro-ghost,.intro-scan{display:none}}