.hand-wrap.svelte-s6d8se{flex-direction:column;display:flex;position:absolute;inset:0}.hand.svelte-s6d8se{touch-action:pan-y;--card-w:clamp(196px, 21vw, 272px);--spread:clamp(120px, 15vw, 210px);perspective:1200px;outline:none;flex:1;min-height:0;position:relative}.hand.svelte-s6d8se:before{content:"";pointer-events:none;background:radial-gradient(#2a6bff24 0%,#2a6bff00 65%);width:min(900px,110vw);height:46%;position:absolute;top:58%;left:50%;transform:translate(-50%,-20%)}.card.svelte-s6d8se{width:var(--card-w);aspect-ratio:5/7;cursor:pointer;color:inherit;font:inherit;text-align:left;transform:translate(-50%, -50%) translateX(calc(var(--d) * var(--spread))) translateY(calc(var(--ad) * 26px)) rotate(calc(var(--d) * 7deg)) scale(.84);filter:drop-shadow(0 0 10px #3fd8f20d);background:0 0;border:0;padding:0;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease-out;position:absolute;top:50%;left:50%}.card.selected.svelte-s6d8se{filter:drop-shadow(0 0 14px #3fd8f21a);transform:translate(-50%,-54%)scale(1)}.card.svelte-s6d8se:not(.selected):hover{transform:translate(-50%, -50%) translateX(calc(var(--d) * var(--spread))) translateY(calc(var(--ad) * 26px - 12px)) rotate(calc(var(--d) * 7deg)) scale(.86)}.card.svelte-s6d8se:focus-visible{outline:none}.card.svelte-s6d8se:focus-visible .front:where(.svelte-s6d8se),.card.svelte-s6d8se:focus-visible .back:where(.svelte-s6d8se){--edge:var(--kunyit-300)}.inner.svelte-s6d8se{transform-style:preserve-3d;transition:transform .38s cubic-bezier(.3,.7,.2,1);display:block;position:absolute;inset:0}.inner.tilting.svelte-s6d8se{transition:transform 90ms linear}.face.svelte-s6d8se{--cut:16px;--edge:#3fd8f247;backface-visibility:hidden;background:0 0;position:absolute;inset:0}.face.svelte-s6d8se:before{content:"";z-index:2;pointer-events:none;background:var(--edge);clip-path:polygon(evenodd, 0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 0, 1px 1px, 1px calc(100% - var(--cut) + .41px), calc(var(--cut) - .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(var(--cut) - .41px), calc(100% - var(--cut) + .41px) 1px, 1px 1px);position:absolute;inset:0}.face-in.svelte-s6d8se{flex-direction:column;display:flex;overflow:hidden}.front.svelte-s6d8se{--fill:var(--scanlines), linear-gradient(180deg, #3fd8f212 0%, #3fd8f200 35%), linear-gradient(180deg, #1c2648bd 0%, #0a0e1ed6 100%);color:var(--tulang-100)}.selected.svelte-s6d8se .front:where(.svelte-s6d8se),.selected.svelte-s6d8se .back:where(.svelte-s6d8se){--edge:linear-gradient(160deg, #efc96fd9 0%, #3fd8f299 55%, #3fd8f266 100%)}.selected.svelte-s6d8se .face-in:where(.svelte-s6d8se):after{content:"";top:0;left:0;right:var(--cut);z-index:3;pointer-events:none;background:linear-gradient(90deg, var(--kunyit-300) 0%, var(--telang-500) 70%, #3fd8f200 100%);transform-origin:0;height:1px;animation:.52s cubic-bezier(.2,.7,.2,1) 60ms both svelte-s6d8se-signal;position:absolute}@keyframes svelte-s6d8se-signal{0%{transform:scaleX(0)}}.holo.svelte-s6d8se{z-index:1;pointer-events:none;opacity:0;transform-origin:0;mix-blend-mode:screen;background:linear-gradient(90deg,#e0a82e29 0%,#2a6bff14 45%,#2a6bff00 85%);position:absolute;inset:0}.selected.svelte-s6d8se .holo:where(.svelte-s6d8se){opacity:1;animation:.36s cubic-bezier(.2,.7,.2,1) both svelte-s6d8se-sweep}@keyframes svelte-s6d8se-sweep{0%{opacity:0;transform:scaleX(.2)}}.selected.svelte-s6d8se .front:where(.svelte-s6d8se):after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my), #ffffff1a, #fff0 50%), linear-gradient(115deg, #3fd8f200 calc(var(--mx) - 35%), #3fd8f212 calc(var(--mx) - 12%), #e0a82e12 calc(var(--mx) + 6%), #e0a82e00 calc(var(--mx) + 28%));mix-blend-mode:screen;position:absolute;inset:0}.selected.svelte-s6d8se .front:where(.svelte-s6d8se) .title:where(.svelte-s6d8se){animation:.26s step-end 80ms both svelte-s6d8se-glitch-text}@keyframes svelte-s6d8se-glitch-text{0%{text-shadow:-3px 0 var(--telang-500), 3px 0 var(--kunyit-300);clip-path:inset(10% 0 45%);transform:translate(-3px)skew(-8deg)}25%{text-shadow:3px 0 var(--telang-500), -3px 0 var(--kunyit-300);clip-path:inset(50% 0 5%);transform:translate(3px)}50%{text-shadow:-1px 0 var(--telang-500), 1px 0 var(--kunyit-300);clip-path:none;transform:translate(-1px)}to{text-shadow:none;clip-path:none;transform:none}}.c-head.svelte-s6d8se{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #3fd8f22e;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:9px 14px 8px;font-size:9.5px;transition:border-color .2s ease-out;display:flex}.c-id.svelte-s6d8se{color:var(--telang-300)}.c-state.svelte-s6d8se{text-overflow:ellipsis;min-width:0;color:var(--kunyit-300);align-items:center;gap:6px;display:inline-flex;overflow:hidden}.c-dot.svelte-s6d8se{background:var(--kunyit-500);opacity:.6;flex:none;width:5px;height:5px}.selected.svelte-s6d8se .c-head:where(.svelte-s6d8se){border-bottom-color:#e0a82e59}.selected.svelte-s6d8se .c-dot:where(.svelte-s6d8se){opacity:1;animation:1.6s ease-in-out infinite svelte-s6d8se-pulse}@keyframes svelte-s6d8se-pulse{50%{opacity:.25}}.art.svelte-s6d8se{background:#05070f73;flex:none;height:47%;display:block;position:relative;overflow:hidden}.art.empty.svelte-s6d8se{background:#3fd8f208;place-items:center;display:grid}.art.svelte-s6d8se:after{content:"";pointer-events:none;background:var(--scanlines), linear-gradient(180deg, #3fd8f21a 0%, #3fd8f208 50%, #05070f73 100%);position:absolute;inset:0}.art.svelte-s6d8se img:where(.svelte-s6d8se){object-fit:cover;width:100%;height:100%;image-rendering:pixelated;opacity:.92}.title.svelte-s6d8se{font-family:var(--font-display);letter-spacing:-.02em;color:var(--tulang-50);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;padding:14px 14px 0;font-size:clamp(17px,1.6vw,21px);font-weight:500;line-height:1.12;display:-webkit-box;overflow:hidden}.meta.svelte-s6d8se{font-family:var(--font-body);color:var(--nila-200);border-top:1px solid #3fd8f224;margin-top:auto;padding:10px 14px 12px;font-size:12px;line-height:1.35}.back.svelte-s6d8se{--fill:var(--scanlines), radial-gradient(circle at 50% 42%, #3fd8f21f 0%, #3fd8f200 60%), linear-gradient(180deg, #1c2648bd 0%, #0a0e1ed6 100%);transform:rotateY(180deg)}.back.svelte-s6d8se .face-in:where(.svelte-s6d8se){justify-content:center;align-items:center;gap:18px}.back-mark.svelte-s6d8se{--cut:12px;--edge:#e0a82e66;--fill:#05070f8c;width:88px;height:88px;display:block}.back-mark.svelte-s6d8se .holo-fill:where(.svelte-s6d8se){place-items:center;display:grid}.back-label.svelte-s6d8se{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--telang-300);font-size:11px}.ghost.svelte-s6d8se .front:where(.svelte-s6d8se){--edge:#3fd8f238;--fill:var(--scanlines), #0a0e1eb3;color:var(--tulang-100)}.ghost.selected.svelte-s6d8se .front:where(.svelte-s6d8se){--edge:#e0a82ebf}.ghost.svelte-s6d8se .title:where(.svelte-s6d8se){color:var(--tulang-100)}.ghost-plus.svelte-s6d8se{font-family:var(--font-display);color:#e0a82eb3;font-size:64px;line-height:1}.hand-controls.svelte-s6d8se{flex:none;justify-content:center;align-items:center;gap:22px;padding:0 16px 18px;display:flex}.nav.svelte-s6d8se{--cut:8px;--cut-edge:#a8b3d440;width:40px;height:40px;color:var(--kunyit-300);cursor:pointer;background-color:#080b1899;border:1px solid #a8b3d440;font-size:16px;transition:border-color .15s ease-out}.nav.svelte-s6d8se:hover:not(:disabled){border-color:var(--kunyit-500);--cut-edge:var(--kunyit-500)}.nav.svelte-s6d8se:disabled{opacity:.3;cursor:default}.status.svelte-s6d8se{min-width:200px;font-family:var(--font-body);text-align:center;flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.count.svelte-s6d8se{font-family:var(--font-mono);letter-spacing:.16em;color:var(--telang-300);font-size:11px}.action.svelte-s6d8se{color:var(--tulang-100);font-size:14px}.go.svelte-s6d8se{cursor:pointer;clip-path:none;background:0 0;border:0;padding:0;font-family:inherit}.action.svelte-s6d8se kbd:where(.svelte-s6d8se){--cut:4px;--cut-edge:#a8b3d466;font-family:var(--font-mono);border:1px solid #a8b3d466;padding:1px 6px;font-size:10px}@media (width<=640px){.hand.svelte-s6d8se{--card-w:min(70vw, calc((100svh - 300px) * 5 / 7), 300px);--spread:62vw}}@media (hover:none),(width<=860px){.action.svelte-s6d8se kbd:where(.svelte-s6d8se){display:none}.go.svelte-s6d8se{background:var(--kunyit-500);min-height:44px;color:var(--void-950);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));padding:10px 22px;font-weight:500}.nav.svelte-s6d8se{width:44px;height:44px}.status.svelte-s6d8se{flex:1;min-width:0}.hand-controls.svelte-s6d8se{gap:12px;padding-bottom:14px}}@media (height<=500px){.hand.svelte-s6d8se{--card-w:calc((100svh - 124px) * 5 / 7);--spread:min(26vw, 210px)}.card.selected.svelte-s6d8se{transform:translate(-50%,-50%)scale(1)}.c-head.svelte-s6d8se{padding:6px 9px 5px;font-size:8px}.title.svelte-s6d8se{-webkit-line-clamp:2;line-clamp:2;padding:8px 9px 0;font-size:14px}.meta.svelte-s6d8se{padding:6px 9px 8px;font-size:11px}.hand-controls.svelte-s6d8se{padding-bottom:6px}.status.svelte-s6d8se{flex-direction:row;justify-content:center;gap:14px}}@media (prefers-reduced-motion:reduce){.card.svelte-s6d8se,.inner.svelte-s6d8se{transition:none}.selected.svelte-s6d8se .holo:where(.svelte-s6d8se),.selected.svelte-s6d8se .face-in:where(.svelte-s6d8se):after,.selected.svelte-s6d8se .front:where(.svelte-s6d8se) .title:where(.svelte-s6d8se){animation:none}}
