.hm{display:none}@media (width<=639px){.hero-stage,.hero-cap{display:none}.hm{z-index:3;margin-top:40px;display:block;position:relative}}.hm-tabs{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff08;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.hm-tabs button{height:34px;font:500 13px/1 var(--f-ui);color:var(--text-3);border-radius:8px;transition:color .2s,background .2s;position:relative;overflow:hidden}.hm-tabs button.on{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff12}.hm-tabs button i{background:var(--accent-hi);transform-origin:0;opacity:0;border-radius:1px;height:2px;position:absolute;bottom:4px;left:10px;right:10px;transform:scaleX(0)}.hm-tabs button.run i{opacity:.8;animation:5.6s linear forwards hmFill}.hm.paused .hm-tabs i,.hm.paused .hm-s,.hm.paused .hm-s *{animation-play-state:paused!important}@keyframes hmFill{to{transform:scaleX(1)}}.hm-stage{aspect-ratio:530/400;box-shadow:inset 0 0 0 1px var(--line-2), 0 24px 60px #00000080;background-color:#0b0b0f;background-image:radial-gradient(circle at 1px 1px,#ffffff0f 1px,#0000 0);background-size:16px 16px;border-radius:14px;margin-top:10px;position:relative;overflow:hidden}.hm-s{position:absolute;inset:0}.hm-s[hidden]{display:none}.hm-s.on{animation:hmIn .4s var(--ease-out) both}@keyframes hmIn{0%{opacity:0}}.hm-cap{color:var(--text-2);min-height:2.9em;margin:12px 2px 0;font-size:14.5px;line-height:1.45}.hm-cap b{color:var(--text);font-weight:600}.hm-chip{height:26px;font:500 11.5px/1 var(--f-ui);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);white-space:nowrap;background:#101016eb;border-radius:7px;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:absolute}.hm-chip em{color:var(--text-3);font-style:normal}.hm-chip svg{fill:none;width:12px;height:12px;stroke:var(--teal);stroke-width:2.2px}.hm-seg{box-shadow:inset 0 0 0 1px var(--line-2);background:#101016eb;border-radius:9px;gap:2px;padding:3px;display:flex;position:absolute}.hm-seg span{height:24px;font:500 11.5px/1 var(--f-ui);color:var(--text-3);white-space:nowrap;border-radius:6px;place-items:center;padding:0 9px;display:grid}.hm-seg span.on{color:var(--text);background:#ffffff17}.hmd-crop{aspect-ratio:530/370;position:absolute;top:0;left:0;right:0;overflow:hidden}.hmd-crop img{width:241.5%;max-width:none;height:auto;position:absolute;top:-40.54%;left:-135.85%}.hmd-sel{width:83.53%;height:11.89%;box-shadow:0 0 0 1.5px var(--accent-hi);border-radius:1px;position:absolute;top:26.21%;left:10%}.hmd-sel i{width:7px;height:7px;box-shadow:0 0 0 1.5px var(--accent-hi);background:#fff;position:absolute}.hmd-sel i:first-child{top:-4px;left:-4px}.hmd-sel i:nth-child(2){top:-4px;right:-4px}.hmd-sel i:nth-child(3){bottom:-4px;left:-4px}.hmd-sel i:nth-child(4){bottom:-4px;right:-4px}.hmd-dim{height:18px;font:600 10.5px/1 var(--f-ui);color:#fff;background:var(--accent);white-space:nowrap;border-radius:4px;place-items:center;padding:0 6px;display:grid;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.hm-design.on .hmd-sel{animation:hmdSel 5.6s var(--ease) both}@keyframes hmdSel{0%,22%{top:13.24%}32%,54%{top:26.21%}64%,to{top:39.18%}}.hmd-chip{padding:0 9px;bottom:10px;left:10px}.hmd-states{bottom:10px;right:10px}.hmd-states span{padding:0 8px}.hm-design.on .hmd-states span:first-child{animation:5.6s step-end both hmOn1}.hm-design.on .hmd-states span:nth-child(2){animation:5.6s step-end both hmOn2}.hm-design.on .hmd-states span:nth-child(3){animation:5.6s step-end both hmOn3}@keyframes hmOn1{0%{color:var(--text);background:#ffffff17}30%{color:var(--text-3);background:0 0}}@keyframes hmOn2{0%{color:var(--text-3);background:0 0}30%{color:var(--text);background:#ffffff17}62%{color:var(--text-3);background:0 0}}@keyframes hmOn3{0%{color:var(--text-3);background:0 0}62%{color:var(--text);background:#ffffff17}}.hm-data{flex-direction:column;gap:10px;padding:12px;display:flex}.hm-data>*{position:relative!important;inset:auto!important}.hmb-scen{align-self:flex-start}.hmb-con{margin-top:auto}.hm-data.on .hmb-scen span:first-child{animation:5.6s step-end both hmbS1}.hm-data.on .hmb-scen span:nth-child(2){animation:5.6s step-end both hmbS2}@keyframes hmbS1{0%{color:var(--text);background:#ffffff17}42%{color:var(--text-3);background:0 0}}@keyframes hmbS2{0%{color:var(--text-3);background:0 0}42%{color:#ff9aa4;background:#d2545f2e}}.hmb-hud{background:linear-gradient(#11151a,#0c0f13);border-radius:10px;padding:12px 14px;position:absolute;top:52px;left:12px;right:12px;box-shadow:inset 0 0 0 1px #ffffff0f}.hm-data.on .hmb-hud{animation:5.6s both hmbHit}@keyframes hmbHit{0%,42%{box-shadow:inset 0 0 0 1px #ffffff0f}46%{box-shadow:inset 0 0 40px #d2545f99,inset 0 0 0 1px #d2545f8c}62%,to{box-shadow:inset 0 0 22px #d2545f40,inset 0 0 0 1px #d2545f4d}}.hmb-boss{width:100%;height:auto;display:block}.hmb-me{align-items:center;gap:8px;margin-top:10px;display:flex}.hmb-k{font:600 10px/1 var(--f-ui);letter-spacing:1px;color:var(--text-3)}.hmb-bars{aspect-ratio:840/24;flex:1;position:relative}.hmb-bars img{width:100%;height:100%;position:absolute;inset:0}.hmb-bars .b,.hmb-paths .b,.hmb-con .b{opacity:0}.hm-data.on .hmb-bars .a,.hm-data.on .hmb-paths .a,.hm-data.on .hmb-con .a{animation:5.6s both hmbOut}.hm-data.on .hmb-bars .b,.hm-data.on .hmb-paths .b,.hm-data.on .hmb-con .b{animation:5.6s both hmbIn}@keyframes hmbOut{0%,42%{opacity:1}48%,to{opacity:0}}@keyframes hmbIn{0%,42%{opacity:0}48%,to{opacity:1}}.hmb-paths{gap:3px;margin:0;display:grid;position:absolute;bottom:42px;left:12px;right:12px}.hmb-paths div{height:24px;box-shadow:inset 0 0 0 1px var(--line);font:500 11.5px/1 var(--f-code);background:#ffffff08;border-radius:6px;justify-content:space-between;align-items:center;padding:0 9px;display:flex}.hmb-paths dt{color:var(--text-2)}.hmb-paths dd{width:48px;height:100%;color:var(--text);margin:0;position:relative}.hmb-paths dd span{position:absolute;top:50%;right:0;transform:translateY(-50%)}.hmb-paths dd .b{color:#ff9aa4}.hmb-con{height:24px;font:500 11px/24px var(--f-code);color:#7fe0b0;position:absolute;bottom:10px;left:12px;right:12px}.hmb-con:before{content:"›";color:var(--text-3);position:absolute;left:1px}.hmb-con span{white-space:nowrap;position:absolute;top:0;left:14px}.hmm-prev{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#090c1033,#090c10eb 52%),url(/showcase/lh2/screens/01-title-640.webp) 30% 30%/cover;align-content:center;gap:6px;height:52%;padding:0 22px;display:grid;position:absolute;top:0;left:0;right:0}.hmm-prev span{width:48%;font:600 11px/1.2 var(--f-ui);letter-spacing:2.2px;text-transform:uppercase;color:#eee8d8b3;justify-self:end}.hmm-prev span:first-child{color:#eee8d8}.hm-motion.on .hmm-prev span{animation:hmmIn 5.6s var(--ease-out) both}.hm-motion.on .hmm-prev span:nth-child(2){animation-name:hmmIn2}.hm-motion.on .hmm-prev span:nth-child(3){animation-name:hmmIn3}.hm-motion.on .hmm-prev span:nth-child(4){animation-name:hmmIn4}.hm-motion.on .hmm-prev span:nth-child(5){animation-name:hmmIn5}@keyframes hmmIn{0%,3%{opacity:0;transform:translate(28px)}20%,to{opacity:1;transform:none}}@keyframes hmmIn2{0%,9%{opacity:0;transform:translate(28px)}26%,to{opacity:1;transform:none}}@keyframes hmmIn3{0%,15%{opacity:0;transform:translate(28px)}32%,to{opacity:1;transform:none}}@keyframes hmmIn4{0%,21%{opacity:0;transform:translate(28px)}38%,to{opacity:1;transform:none}}@keyframes hmmIn5{0%,27%{opacity:0;transform:translate(28px)}44%,to{opacity:1;transform:none}}.hmm-tl{padding-top:12px;position:absolute;inset:52% 12px 40px}.hmm-rows{gap:3px;display:grid;gap:6px!important}.hmm-rows div{grid-template-columns:74px 1fr;align-items:center;height:15px;display:grid}.hmm-rows b{font:500 10.5px/1 var(--f-ui);color:var(--text-3);white-space:nowrap;overflow:hidden}.hmm-rows span{height:100%;position:relative}.hmm-rows span:before{content:"";left:var(--a);right:calc(100% - var(--b));background:#f5b84a61;height:2px;margin-top:-1px;position:absolute;top:50%}.hmm-rows em{left:var(--a);background:#f5b84a;border-radius:1px;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;transform:rotate(45deg);box-shadow:0 0 0 2px #0b0b0f}.hmm-rows em+em{left:var(--b)}.hmm-ph{pointer-events:none;position:absolute;inset:4px 0 -6px 74px}.hmm-ph:before{content:"";background:var(--accent-hi);width:1.5px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #a59cffcc}.hm-motion.on .hmm-ph{animation:5.6s linear both hmmPh}@keyframes hmmPh{0%{transform:translate(0)}52%,to{transform:translate(57%)}}.hmm-ease{color:var(--text-2);bottom:9px;right:12px}.hmx-file{height:32px;font:500 12px/1 var(--f-code);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);white-space:nowrap;background:linear-gradient(#1b1a26,#121219);border-radius:9px;align-items:center;gap:8px;padding:0 12px;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hmx-file b{color:var(--accent-hi);font-weight:600}.hmx-ln{width:calc(100% - 24px);height:22px;position:absolute;top:46px;left:12px;right:12px;overflow:visible}.hmx-ln path{fill:none;stroke:#a59cff8c;stroke-width:1.5px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.hm-export.on .hmx-ln path{animation:1s linear infinite hmxDash}@keyframes hmxDash{to{stroke-dashoffset:-7px}}.hmx-out{grid-template-columns:1fr 1fr;gap:10px;display:grid;position:absolute;inset:68px 12px 46px}.hmx-card{box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff06;border-radius:10px;min-width:0;padding:9px 10px;overflow:hidden}.hmx-card h4{font:600 12px/1 var(--f-ui);color:var(--text);align-items:center;gap:6px;margin:0 0 8px;display:flex}.hmx-card h4 img,.hmx-card h4 svg{width:14px;height:14px}.hmx-card h4 svg{fill:none;stroke:var(--text-2);stroke-width:1.8px}.hmx-card ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.hmx-card li{min-height:14px;padding-left:calc(var(--d,0) * 9px);font:500 11px/1.15 var(--f-ui);color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;display:flex}.hmx-card li i{background:#8eef97;border-radius:2px;flex:none;width:9px;height:9px}.hmx-card li i.c{background:#a59cff;border-radius:50%}.hmx-card li i.v{background:0 0;box-shadow:inset 0 0 0 1.5px #8eef97}.hmx-card li i.b{background:0 0;border-radius:3px;box-shadow:inset 0 0 0 1.5px #8eef97}.hm-export.on .hmx-card li{animation:hmxRow 5.6s var(--ease-out) both;animation-delay:calc(.35s + var(--d,0) * .3s)}@keyframes hmxRow{0%{opacity:0;transform:translate(-6px)}8%,to{opacity:1;transform:none}}.hmx-web{aspect-ratio:16/10;box-shadow:0 0 0 1px var(--line-2);border-radius:5px;overflow:hidden}.hmx-web img{object-fit:cover;object-position:70% 50%;width:100%;height:100%}.hm-export.on .hmx-web img{animation:hmxWeb 5.6s var(--ease-out) both}@keyframes hmxWeb{0%,12%{opacity:0;transform:scale(1.04)}26%,to{opacity:1;transform:none}}.hmx-ev{height:26px;font:500 11.5px/1 var(--f-code);color:#7fe0b0;white-space:nowrap;background:#3ecf8e14;border-radius:7px;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #3ecf8e59}.hmx-ev span{color:var(--text-2)}.hm-export.on .hmx-ev{animation:hmxEv 5.6s var(--ease-spring,ease-out) both}@keyframes hmxEv{0%,48%{opacity:0;transform:translate(-50%,6px)}56%,to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.hm-s *,.hm-s.on{animation:none!important}.hmb-bars .b,.hmb-paths .b,.hmb-con .b{opacity:0!important}}:root{--lh-ember:#f2a24e;--lh-bone:#eee8d8;--lh-ground:#0b0e12}.sf{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(48px,6vw,80px);display:grid}@media (width<=900px){.sf{grid-template-columns:minmax(0,1fr)}}.sf-fig{flex-direction:column;gap:18px;min-width:0;display:flex}.sf-card{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;overflow:hidden}.sf-h{border-bottom:1px solid var(--line);height:40px;font:500 12.5px/1 var(--f-ui);color:var(--text-3);white-space:nowrap;align-items:center;gap:14px;padding:0 16px;display:flex}.sf-h b{color:var(--text);text-overflow:ellipsis;font-weight:500;overflow:hidden}.sf-h .r{margin-left:auto}.sf-h .add{color:var(--green)}.sf-h .del{color:#ff7a85}.sf-b{height:236px;position:relative}.sf-t{gap:8px;display:grid}.sf-n{font:500 11.5px/1 var(--f-ui);letter-spacing:.08em;color:var(--text-3)}.sf-t h3{letter-spacing:-.015em;margin:0;font-size:17px;font-weight:560}.sf-t p{color:var(--text-2);max-width:36ch;margin:0;font-size:15px}.sf-tree{gap:2px;margin:0;padding:12px 16px;list-style:none;display:grid}.sf-tree li{height:26px;padding-left:calc(var(--d,0) * 16px);font:500 13.5px/1 var(--f-ui);color:var(--text);white-space:nowrap;align-items:center;gap:9px;display:flex}.sf-tree li em{color:var(--text-3);font-style:normal;font-weight:400}.sf-tree li i{background:#8eef97;border-radius:3px;flex:none;width:13px;height:13px}.sf-tree li i.root{background:var(--accent-hi);border-radius:50%}.sf-tree li i.box{background:0 0;box-shadow:inset 0 0 0 2px #8eef97}.sf-tree li.on{padding-right:8px;padding-left:calc(8px + var(--d,0) * 16px);background:#8eef9714;border-radius:7px;margin-inline:-8px}.sf-one{grid-template-rows:auto 1fr auto;justify-items:center;height:100%;padding:20px 16px 22px;display:grid}.sf-src{width:min(100%,240px);box-shadow:inset 0 0 0 1px var(--line-2);font:500 12px/1.65 var(--f-code);color:var(--text-2);white-space:pre;background:linear-gradient(#1b1a26,#13131b);border-radius:10px;padding:10px 14px;overflow:hidden}.sf-src .k{color:var(--accent-hi)}.sf-src .v{color:var(--text)}.sf-wire{width:min(100%,300px);height:100%;min-height:34px;overflow:visible}.sf-wire path{fill:none;stroke:#a59cff80;stroke-width:1.5px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.sf-outs{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.sf-out{box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff06;border-radius:10px;justify-items:center;gap:5px;padding:11px 8px;display:grid}.sf-out b{font:600 13px/1 var(--f-ui);color:var(--text);align-items:center;gap:7px;display:flex}.sf-out b img,.sf-out b svg{width:16px;height:16px}.sf-out b svg{fill:none;stroke:var(--text-2);stroke-width:1.8px}.sf-out span{font:500 11.5px/1 var(--f-ui);color:var(--text-3)}.sf-diff{height:100%}.sf-file{padding:10px 0 12px}.sf-file+.sf-file{border-top:1px solid var(--line)}.sf-file-h{font:500 12px/1 var(--f-ui);color:var(--text-2);align-items:center;gap:8px;padding:0 16px 8px;display:flex}.sf-file-h .ok{color:#6fd6a2;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.sf-file-h .ok svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.sf-ln{height:22px;font:500 12px/22px var(--f-code);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;padding:0 16px;overflow:hidden}.sf-ln.del{color:#ff9aa4;background:#ff5f6d14}.sf-ln.add{color:#7fe0b0;background:#3ecf8e14}.sf-ln.dim{color:var(--text-3)}.fr{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(40px,5vw,64px) 0 0;padding:0;list-style:none;display:grid}.fr-i{flex-direction:column;gap:10px;min-width:0;padding:22px 24px 4px 0;display:flex}.fr-i+.fr-i{border-left:1px solid var(--line);padding-left:24px}.fr-i>svg{fill:none;width:20px;height:20px;stroke:var(--text-2);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.fr-i h3{letter-spacing:-.015em;margin:0;font-size:17px;font-weight:560}.fr-i p{color:var(--text-2);margin:0;font-size:15px}.fr-spec{font:500 12px/1.4 var(--f-ui);color:var(--text-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:8px;display:flex}.fr-spec code{color:var(--text-2);font-size:11.5px}.fr-sw{background:var(--lh-ember);border-radius:3px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #fff3}.fr-rec{background:var(--red);border-radius:50%;width:8px;height:8px}@media (width<=960px){.fr{grid-template-columns:repeat(2,minmax(0,1fr))}.fr-i:nth-child(3){border-left:0;padding-left:0}.fr-i:nth-child(n+3){border-top:1px solid var(--line);margin-top:18px}}@media (width<=560px){.fr{grid-template-columns:minmax(0,1fr)}.fr-i,.fr-i+.fr-i{border-left:0;padding:18px 0 16px}.fr-i+.fr-i{border-top:1px solid var(--line)}.fr-i:nth-child(n+3){margin-top:0}}.cg{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(32px,4vw,48px);display:grid}@media (width<=980px){.cg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.cg{grid-template-columns:minmax(0,1fr)}}.cg-c{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.cg-art{border-bottom:1px solid var(--line);place-items:center;height:184px;display:grid;position:relative;overflow:hidden}.cg-txt{gap:6px;padding:20px 22px 24px;display:grid}.cg-txt h3{letter-spacing:-.015em;margin:0;font-size:17px;font-weight:560}.cg-txt p{color:var(--text-2);margin:0;font-size:15px}.cg-keys{justify-items:center;gap:14px;display:grid}.cg-combo{font:500 14px/1 var(--f-ui);color:var(--text-3);align-items:center;gap:8px;display:flex}.cg-cap{min-width:52px;height:52px;font:500 16px/1 var(--f-ui);color:var(--text);box-shadow:inset 0 -2px 0 #0000008c, inset 0 0 0 1px var(--line-2), 0 6px 16px #00000059;background:linear-gradient(#1c1c26,#15151d);border-radius:11px;place-items:center;padding:0 14px;display:grid}.cg-what{font:500 13px/1 var(--f-ui);color:var(--text-2)}.cg-ruler{border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg, var(--line-2) 0 1px, transparent 1px 20px) left bottom / 100% 5px no-repeat;height:22px;position:absolute;top:0;left:0;right:0}.cg-ruler span{font:500 9.5px/1 var(--f-ui);color:var(--text-3);font-variant-numeric:tabular-nums;position:absolute;top:5px}.cg-guide{background:var(--pink);opacity:.8;width:1px;position:absolute;top:22px;bottom:0;left:62%}.cg-frames{align-items:center;gap:24px;margin-top:18px;display:flex;position:relative}.cg-frm{background:#2ec4b614;border-radius:6px;width:72px;height:52px;box-shadow:inset 0 0 0 1.5px #2ec4b6b3}.cg-measure{background:var(--pink);width:24px;height:1px;position:absolute;top:50%;left:72px}.cg-measure:before,.cg-measure:after{content:"";background:var(--pink);width:1px;height:9px;position:absolute;top:-4px}.cg-measure:before{left:0}.cg-measure:after{right:0}.cg-measure b{height:16px;font:600 10.5px/1 var(--f-ui);color:#fff;background:var(--pink);border-radius:4px;place-items:center;padding:0 5px;display:grid;position:absolute;top:8px;left:50%;transform:translate(-50%)}.cg-font{justify-items:center;gap:10px;display:grid}.cg-font .s{font:400 46px/1 var(--f-game);color:var(--lh-bone);letter-spacing:.5px}.cg-font .m{font:500 12px/1 var(--f-ui);color:var(--text-3)}.cg-tk{grid-template-columns:128px minmax(0,1fr);width:100%;height:100%;display:grid}.cg-tk ul{border-right:1px solid var(--line);align-content:center;gap:2px;margin:0;padding:14px 0 14px 16px;list-style:none;display:grid}.cg-tk li{height:26px;font:500 12.5px/1 var(--f-ui);color:var(--text-3);border-radius:7px;align-items:center;gap:9px;padding:0 8px;display:flex}.cg-tk li i{border-radius:50%;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #fff3}.cg-tk li.on{color:var(--text);background:#ffffff0d}.cg-tk li.on:after{content:"";border-left:1.5px solid var(--text-2);border-bottom:1.5px solid var(--text-2);width:7px;height:4px;margin-left:auto;transform:rotate(-45deg)translateY(-1px)}.cg-kit{background:radial-gradient(120% 100% at 30% 0%, #141920, var(--lh-ground) 70%);align-content:center;gap:9px;min-width:0;padding:18px 18px 14px;display:grid}.cg-eb{font:600 9.5px/1 var(--f-ui);letter-spacing:2px;text-transform:uppercase;color:var(--lh-ember);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cg-eb:before{content:"";background:var(--lh-ember);width:5px;height:5px;margin:0 7px 1px 0;display:inline-block;transform:rotate(45deg)}.cg-title{font:400 25px/1 var(--f-game);color:var(--lh-bone);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cg-bar{background:#eee8d81f;border-radius:2px;height:4px;overflow:hidden}.cg-bar i{background:var(--lh-ember);width:62%;height:100%;display:block}.cg-xp{font:600 9.5px/1 var(--f-ui);letter-spacing:1.6px;text-transform:uppercase;color:#eee8d88c;justify-content:space-between;display:flex}.cg-xp b{color:var(--lh-ember);font-weight:600}.cg-kit code{justify-self:start;margin-top:4px}@media (width<=380px){.cg-tk{grid-template-columns:112px minmax(0,1fr)}}.cg-checks{gap:8px;width:80%;margin:0;padding:0;list-style:none;display:grid}.cg-checks li{color:var(--text-2);align-items:center;gap:10px;font-size:14px;display:flex}.cg-checks svg{fill:none;width:16px;height:16px;stroke:var(--green);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none}.cg-checks .sum{border-top:1px solid var(--line);font:500 12px/1 var(--f-ui);color:var(--text-3);margin-top:6px;padding-top:10px}.cg-checks .sum b{color:var(--green);font-weight:500}.cg-pen{width:82%;height:140px;overflow:visible}.cg-pen .shape{fill:#eee8d80f;stroke:var(--lh-bone);stroke-width:2px}.cg-pen .handle{stroke:var(--accent-hi);stroke-width:1px;fill:none}.cg-pen .pt{fill:var(--panel);stroke:var(--accent-hi);stroke-width:1.5px}.cg-pen .pt.sel,.cg-pen .hd{fill:var(--accent-hi)}