.site .hm{grid-template-rows:44px minmax(0,1fr) 118px auto;height:100dvh;min-height:560px;display:grid;position:relative;overflow:hidden}.site .fd{cursor:crosshair;touch-action:none;background:var(--bg);min-height:0;position:relative;overflow:hidden}.site .fd-img,.site .fd canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.site .fd-img{object-fit:cover}@media (max-aspect-ratio:1){.site .fd-img{image-rendering:pixelated}}.site .fd-look{opacity:0;transition:opacity .24s linear}.site .fd-look.on{opacity:1}.site .fd-gl{visibility:hidden}.site .fd.aiming .fd-gl{visibility:visible}.site .fd-ov{pointer-events:none;position:absolute;inset:0;overflow:hidden}.site .fd-flash{background:var(--ink);opacity:0;pointer-events:none;position:absolute;inset:0}.site .fd-flash.go{animation:.22s linear fd-flash}@keyframes fd-flash{0%{opacity:.35}to{opacity:0}}.site .chip{white-space:nowrap;height:16px;font:400 10px/16px var(--mono);background:var(--ink);color:var(--bg);padding:0 6px;position:absolute}.site .chip.inv{background:var(--bg);color:var(--ink)}.site .chip.mk{border-left:4px solid var(--acc);padding-left:5px}.site .aim{display:none;position:absolute;top:0;left:0}.site .fd.aiming .aim{display:block}.site .aim:before{content:"";border:1px solid var(--acc);position:absolute;inset:3px -3px -3px 3px}.site .aim-f{border:1px dashed var(--ink);position:absolute;inset:0}.site .aim i{border:0 solid var(--ink);width:13px;height:13px;position:absolute}.site .aim i:first-of-type{border-width:3px 0 0 3px;top:-2px;left:-2px}.site .aim i:nth-of-type(2){border-width:3px 3px 0 0;top:-2px;right:-2px}.site .aim i:nth-of-type(3){border-width:0 0 3px 3px;bottom:-2px;left:-2px}.site .aim i:nth-of-type(4){border-width:0 3px 3px 0;bottom:-2px;right:-2px}.site .aim-s{background:linear-gradient(to bottom, color-mix(in srgb, var(--acc) 25%, transparent) 0 6px, color-mix(in srgb, var(--acc) 85%, transparent) 6px 7px);height:7px;position:absolute;top:3px;left:3px;right:3px}.site .aim .chip{top:-22px;left:0}.site .aim.low .chip{top:auto;bottom:-22px}.site .aim .chip+.chip{left:auto}.site .aim-c{gap:4px;display:flex;position:absolute;top:-22px;left:0}.site .aim.low .aim-c{top:auto;bottom:-22px}.site .aim-c .chip{position:static}@media (prefers-reduced-motion:no-preference){.site .aim-s{animation:1.1s linear infinite aim-scan}@keyframes aim-scan{0%{transform:translateY(0)}to{transform:translateY(calc(var(--as,200px) - 13px))}}}.site .fd.demo .aim-f{border:1px dashed var(--ink)}.site .fd.demo .aim:before,.site .fd.demo .aim i,.site .fd.demo .aim-s{display:none}.site .fd.demo .aim-c .chip.mk{background:var(--hot);color:var(--bg);border-left-color:var(--hot)}.site .fd.demo .aim-c .chip:not(.mk){display:none}.site .gly.press{box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}.site .zn{border:1px solid var(--ink);position:absolute}.site .zn:before{content:"";border:1px solid var(--acc);position:absolute;inset:2px -4px -4px 2px}.site .zn:after{content:"";background:var(--ink);width:7px;height:7px;box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 5px var(--acc);position:absolute;top:-4px;left:-4px}.site .zn .chip{top:-19px;left:8px}.site .zn.low .chip{top:6px}.site .zn.new{animation:.5s linear zn-new}@keyframes zn-new{0%{background:color-mix(in srgb, var(--acc) 35%, transparent)}to{background:0 0}}.site .rt{flex-direction:column;align-items:flex-start;gap:3px;display:flex;position:absolute;top:12px;left:12px}.site .rt .chip{position:static}.site .hint{background:var(--bg);color:var(--ink);pointer-events:none;margin:0;padding:5px 8px;position:absolute;top:10px;left:12px}.site .hint span{color:var(--mut)}.site .fd-drop{z-index:4;pointer-events:none;background:radial-gradient(circle at 3px 3px, var(--acc) 1.35px, transparent 1.75px) 0 0 / 8px 8px, color-mix(in srgb, var(--bg) 78%, transparent);justify-content:center;align-items:center;display:none;position:absolute;inset:0}.site .fd.drop .fd-drop{display:flex}.site .fd-drop span{background:var(--bg);color:var(--ink);border:1px solid var(--ink);padding:6px 10px}.site .cap{z-index:1;pointer-events:none;align-items:stretch;gap:6px;display:flex;position:absolute;top:20px;left:24px}.site .cap>*{pointer-events:auto;background:var(--bg);height:24px;color:var(--ink);border:1px solid var(--ink);white-space:nowrap;align-items:center;padding:0 9px;display:flex}.site .cap-b{color:var(--mut)}.site .cap-a{width:24px;font:inherit;cursor:pointer;justify-content:center;padding:0}.site .rt{top:56px}.site .st{border-top:1px solid var(--ink);background:var(--bg);position:relative;overflow:hidden}.site .st canvas{cursor:pointer;width:100%;height:100%;display:block}.site .pk{z-index:2;background:var(--bg);border:1px solid var(--ink);box-shadow:5px 5px 0 var(--acc);touch-action:auto;cursor:default;position:absolute;bottom:12px;left:12px;right:12px}.site .pk .ph{height:30px;font:400 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding-left:10px}.site .pk .ph button{width:36px;height:29px}.site .pk canvas{aspect-ratio:220/84;border-bottom:1px solid var(--ink);width:100%;height:auto;position:static}.site .pk-b{font:400 10.5px/1.4 var(--mono);color:var(--mut);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.site .pk-b .k{white-space:nowrap;flex:none}.site .pk-b .k.in{background:var(--acc);border-color:var(--acc);color:var(--bg)}.site .bt{background:var(--bg);border-top:1px solid var(--ink);flex-wrap:wrap;align-items:center;gap:16px;min-height:56px;padding:7px 20px 9px;display:flex}.site .gly{background:var(--acc);height:68px;color:var(--bg);border:2px solid var(--ink);cursor:pointer;box-shadow:6px 6px 0 var(--ink);border-radius:0;flex:none;padding:0 20px;font-size:50px;line-height:1;position:relative}.site .gly:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-1px,-1px)}.site .gly:active{box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}.site .gly-t{text-align:center;white-space:pre;min-width:9.4ch;text-shadow:2px 2px 0 var(--ink);display:inline-block;position:relative}.site .gly-t:before,.site .gly-t:after{content:attr(data-t);clip-path:inset(0 0 100%);position:absolute;top:0;left:0;right:0}@media (prefers-reduced-motion:no-preference){.site .gly-t:before,.site .gly-t:after{animation:2.9s step-end infinite gly}.site .gly-t:after{text-shadow:3px 0 var(--ink);animation-delay:-1.3s}.site .gly:hover .gly-t:before,.site .gly:hover .gly-t:after{animation-duration:.7s}}@keyframes gly{0%,84%,to{clip-path:inset(0 0 100%);transform:none}86%{clip-path:inset(18% 0 58%);transform:translate(-5px)}89%{clip-path:inset(62% 0 12%);transform:translate(6px)}92%{clip-path:inset(38% 0 40%);transform:translate(-3px)}95%{clip-path:inset(8% 0 80%);transform:translate(4px)}}.site .gb{z-index:1;pointer-events:none;align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.site .gb>*{pointer-events:auto}.site .gb-r{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;margin-bottom:4px;display:flex}.site .gb-r p{background:var(--bg);min-width:0;max-width:100%;color:var(--ink);white-space:nowrap;align-items:center;height:22px;margin:0;padding:0 8px;display:flex}.site .gb-k kbd{font:inherit;border:1px solid var(--ink);margin-right:6px;padding:0 5px;line-height:14px}.site .gb-rd{font-variant-numeric:tabular-nums}.site .gb-rd span{text-overflow:ellipsis;min-width:0;overflow:hidden}.site .gb-rd button{border:0;border-left:1px solid var(--ink);height:22px;color:var(--ink);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;flex:none;margin:0 -8px 0 10px;padding:0 9px}.site .up{background:var(--bg);height:68px;color:var(--ink);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);flex:none;padding:0 18px;font-size:12px}.site .up:active{box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}.site .gb-or{color:var(--mut)}.site .bt-th{align-items:center;gap:4px;margin-left:auto;display:flex}.site .bt-th>span{color:var(--mut);margin-right:6px}.site .bt-th .lk i{width:16px;height:16px}.site .bt-legal{color:var(--mut);white-space:nowrap}.site .hm[data-engine=none] .needs-engine{display:none}.site .hm[data-engine=none] .fd{cursor:default}.site .rd-m{display:none}@media (max-width:767px){.site .hm{grid-template-rows:48px minmax(0,1fr) 34px 119px auto;min-height:520px}.site .cap{top:12px;left:12px}.site .hint{top:44px}.site .rd-m{border-top:1px solid var(--ink);background:var(--bg);align-items:center;gap:8px;min-width:0;padding:0 0 0 12px;display:flex}.site .rd-m span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.site .rd-m button{border:0;border-left:1px solid var(--ink);height:100%;color:var(--ink);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;padding:0 14px}.site .st{scrollbar-width:none;overflow:auto hidden}.site .st::-webkit-scrollbar{display:none}.site .st canvas{width:auto;height:115px}.site .bt{display:none}.site .gb{bottom:12px;left:12px;right:12px}.site .bt-th{display:none}.site .gly{height:56px;padding:0 16px;font-size:40px}.site .gly-t{min-width:8ch}.site .gb{gap:14px}.site .up{width:56px;height:56px;padding:0}.site .up svg{display:block}}