.kk-fld{--fld-w:190px;--fld-h:132px;display:flex;flex-direction:column;align-items:center;gap:10px;width:var(--fld-w)}.kk-fld__body{position:relative;width:var(--fld-w);height:var(--fld-h);perspective:800px;transition:transform .45s cubic-bezier(.22,1,.36,1)}.kk-fld--open .kk-fld__body{transform:translateY(-6px)}.kk-fld__back{position:absolute;inset:22% 0 0 0;border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--fld-accent) 34%,#17140d),color-mix(in srgb,var(--fld-accent) 12%,#0c0a07));border:1px solid color-mix(in srgb,var(--fld-accent) 40%,transparent);box-shadow:inset 0 1px 0 rgba(255,248,220,.1)}.kk-fld__back:before{content:"";position:absolute;left:10px;top:-13px;width:46%;height:15px;border-radius:8px 8px 0 0;background:color-mix(in srgb,var(--fld-accent) 34%,#17140d);border:1px solid color-mix(in srgb,var(--fld-accent) 40%,transparent);border-bottom:none}.kk-fld__papers{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:6px;padding-bottom:16px;transform-style:preserve-3d}.kk-fld__paper{position:relative;display:block;width:54px;height:72px;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,rgba(46,42,30,.96),rgba(18,16,11,.98));border:1px solid rgba(243,230,207,.16);box-shadow:0 6px 16px rgba(0,0,0,.45);transform:translateY(16px) rotate(0deg) scale(.9);opacity:0;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,border-color .3s ease}.kk-fld--open .kk-fld__paper{opacity:1;transform:translateY(-30px) translateX(calc(var(--i) * 42px)) rotate(calc(var(--i) * 11deg)) scale(1)}.kk-fld--open .kk-fld__paper:hover{border-color:color-mix(in srgb,var(--fld-accent) 70%,transparent);transform:translateY(-38px) translateX(calc(var(--i) * 42px)) rotate(calc(var(--i) * 11deg)) scale(1.06)}.kk-fld__paper img{width:100%;height:100%;object-fit:cover;opacity:.86}.kk-fld__paper-void{position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 20%,color-mix(in srgb,var(--fld-accent) 24%,transparent),transparent 72%)}.kk-fld__paper-txt{position:absolute;left:5px;right:5px;bottom:4px;font-size:8.5px;line-height:1.2;color:rgba(255,253,248,.9);text-shadow:0 1px 3px rgba(0,0,0,.9);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kk-fld__more{position:absolute;right:12px;top:26%;padding:3px 8px;border-radius:999px;font-size:10.5px;font-weight:600;color:color-mix(in srgb,var(--fld-accent) 85%,white 10%);background:rgba(10,9,6,.8);border:1px solid color-mix(in srgb,var(--fld-accent) 42%,transparent);opacity:0;transform:translateY(8px);transition:opacity .35s ease .1s,transform .45s cubic-bezier(.22,1,.36,1) .1s}.kk-fld--open .kk-fld__more{opacity:1;transform:translateY(-24px)}.kk-fld__flap{position:absolute;inset:34% 0 0 0;border-radius:12px;transform-origin:bottom center;background:linear-gradient(180deg,color-mix(in srgb,var(--fld-accent) 52%,#1d1a11),color-mix(in srgb,var(--fld-accent) 22%,#100e09));border:1px solid color-mix(in srgb,var(--fld-accent) 52%,transparent);box-shadow:0 -2px 10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,248,220,.14);transition:transform .5s cubic-bezier(.22,1,.36,1)}.kk-fld--open .kk-fld__flap{transform:rotateX(-42deg)}.kk-fld__meta{display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center}.kk-fld__title{font-size:13.5px;font-weight:600;color:#fffdf8;line-height:1.25}.kk-fld__count{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(243,230,207,.48)}@media (prefers-reduced-motion:reduce){.kk-fld__body,.kk-fld__flap,.kk-fld__more,.kk-fld__paper{transition:none}}