.vn-skill-cutin{z-index:25;pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(200px,21vw,280px);animation:vn-skill-cutin-enter var(--cutin-duration) both;filter:drop-shadow(0 4px 8px #0007);position:absolute;bottom:clamp(140px,26vh,240px);left:0}.vn-skill-cutin-art{aspect-ratio:1.15;isolation:isolate;position:relative}.vn-skill-cutin-art:before{content:"";z-index:-1;clip-path:polygon(0 20%,100% 0,92% 100%,0 100%);background:linear-gradient(125deg,#201910ed,#423323c9 65%,#15120fe0);border-block:1px solid #b69b61;position:absolute;inset:15% 0 0}.vn-skill-cutin-art:after{content:"";background:linear-gradient(90deg,#d7bc80, var(--cutin-accent),transparent);height:1px;position:absolute;top:18%;left:0;right:3%;transform:rotate(-8deg)}.vn-skill-cutin-art img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;bottom:0}.vn-skill-cutin-caption{z-index:1;transform-origin:0 100%;color:#f6e6c0;background:linear-gradient(90deg,#100c08f0 0%,#100c08cc 55%,#100c0800 100%);align-items:baseline;gap:7px;margin-top:-34px;padding:6px 18px 7px 12px;display:flex;position:relative;transform:rotate(-5deg)}.vn-skill-cutin-caption:before{content:"";background:linear-gradient(90deg,var(--cutin-accent),#d7bc8088 60%,transparent);height:1px;position:absolute;top:0;left:0;right:12%}.vn-skill-cutin-caption>span{color:var(--cutin-accent);text-shadow:0 1px #000;flex:none;align-self:center;font-size:11px}.vn-skill-cutin-caption strong{letter-spacing:.02em;overflow-wrap:anywhere;background:linear-gradient(100deg,#f6e6c0 0 42%,#fff8de 47%,#e9c66b 50%,#fff8de 53%,#f6e6c0 58% 100%) 0 0/260% 100%;color:#0000;filter:drop-shadow(0 1px #000)drop-shadow(0 0 3px #000c);-webkit-background-clip:text;background-clip:text;font:italic 700 17px/1.15 Georgia,serif;animation:.65s ease-out .14s both vn-skill-cutin-glint}.vn-skill-cutin-caption small{color:var(--cutin-accent);letter-spacing:.04em;text-shadow:0 1px #000,0 0 4px #000;flex:none;font:700 11px Arial,sans-serif}@keyframes vn-skill-cutin-glint{0%{background-position:100% 0}to{background-position:0 0}}@keyframes vn-skill-cutin-enter{0%{opacity:0;transform:translate(-36px)}16%,76%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px)}}:root:is([data-touch=true],[data-device=phone],[data-device=tablet]) .vn-skill-cutin{left:0;bottom:calc(150px + env(safe-area-inset-bottom));width:clamp(130px,24vw,190px);top:auto}:root:is([data-touch=true],[data-device=phone],[data-device=tablet]) .vn-skill-cutin-caption{margin-top:-27px;padding:4px 12px 5px 8px}:root:is([data-touch=true],[data-device=phone],[data-device=tablet]) .vn-skill-cutin-caption strong{font-size:12px}@media (max-height:500px){.vn-skill-cutin{width:180px;bottom:96px}:root:is([data-touch=true],[data-device=phone],[data-device=tablet]) .vn-skill-cutin{width:140px}}@media (prefers-reduced-motion:reduce){.vn-skill-cutin{animation-name:vn-skill-cutin-fade}.vn-skill-cutin-caption strong{animation:none}}@keyframes vn-skill-cutin-fade{0%,to{opacity:0}8%,86%{opacity:1}}.vn-skill-cutin.is-boss{z-index:90;animation-name:vn-boss-cutin-enter;position:fixed;left:auto;right:0}.vn-skill-cutin.is-boss .vn-skill-cutin-art:before{clip-path:polygon(0 0,100% 20%,100% 100%,8% 100%);background:linear-gradient(235deg,#201910ed,#423323c9 65%,#15120fe0)}.vn-skill-cutin.is-boss .vn-skill-cutin-art:after{background:linear-gradient(270deg,#d7bc80,var(--cutin-accent),transparent);left:3%;right:0;transform:rotate(8deg)}.vn-skill-cutin.is-boss .vn-skill-cutin-caption{text-align:right;transform-origin:100% 100%;background:linear-gradient(270deg,#100c08f0 0%,#100c08cc 55%,#100c0800 100%);justify-content:flex-end;padding:6px 12px 7px 18px;transform:rotate(5deg)}.vn-skill-cutin.is-boss .vn-skill-cutin-caption:before{background:linear-gradient(270deg,var(--cutin-accent),#d7bc8088 60%,transparent);left:12%;right:0}.vn-skill-cutin.is-boss .vn-skill-cutin-caption strong{overflow-wrap:normal}@keyframes vn-boss-cutin-enter{0%{opacity:0;transform:translate(36px)}16%,76%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-10px)}}:root:is([data-touch=true],[data-device=phone],[data-device=tablet]) .vn-skill-cutin.is-boss{left:auto;right:0;bottom:calc(170px + env(safe-area-inset-bottom))}:root:is([data-touch=true],[data-device=phone],[data-device=tablet]) .vn-skill-cutin.is-boss .vn-skill-cutin-caption{padding:4px 8px 5px 12px}@media (prefers-reduced-motion:reduce){.vn-skill-cutin.is-boss{animation-name:vn-skill-cutin-fade}}