.ld-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}
.ld-status>div{background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 6px}
.ld-status b{display:block;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}
.ld-status span{font-size:13px;color:var(--muted)}
#ld-left-win{color:var(--brand)}
.ld-tip{margin:12px 0 10px}
.ld-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}
@media (min-width:700px){.ld-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}
.ld-card{border:0;padding:0;background:none;aspect-ratio:3/4;perspective:700px;cursor:pointer;min-width:0;-webkit-tap-highlight-color:transparent}
.ld-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,1.3,.5,1);transition-delay:var(--d,0ms)}
.ld-card:hover:not(.open) .ld-inner{transform:translateY(-3px) rotate(-1.5deg)}
.ld-card.open .ld-inner{transform:rotateY(180deg)}
.ld-face{position:absolute;inset:0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:4px;overflow:hidden}
.ld-back{background:linear-gradient(145deg,var(--brand),#22c1c3);color:#fff;box-shadow:0 3px 8px rgba(16,24,40,.18)}
.ld-back::before{content:"";position:absolute;inset:5px;border:2px dashed rgba(255,255,255,.45);border-radius:8px}
.ld-back b{font-size:clamp(18px,5vw,24px);font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.2)}
.ld-front{transform:rotateY(180deg);background:var(--surface-2);color:var(--muted);border:2px solid var(--border);font-weight:700;font-size:clamp(13px,3.6vw,16px);text-align:center;line-height:1.25;word-break:keep-all;overflow-wrap:anywhere}
.ld-front i{font-style:normal;font-size:22px;line-height:1}
.ld-card.win .ld-front{background:linear-gradient(160deg,#fff3bf,#ffd43b);color:#5c3d00;border-color:#f59f00;box-shadow:0 4px 14px rgba(245,159,0,.35)}
.ld-log{margin:0;padding-left:26px;display:grid;gap:4px;max-height:280px;overflow-y:auto}
.ld-log li span{color:var(--muted);margin-right:8px}
.ld-log li.win b{color:var(--warn)}
@media (prefers-reduced-motion:reduce){.ld-inner{transition:none}}