html,body{margin:0;height:100%;overflow:hidden;background:#120d09;color:#f2ebe2;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}#table-app{height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 18% 12%,rgba(255,214,160,.08),transparent 28%),radial-gradient(circle at 82% 88%,rgba(88,52,28,.35),transparent 34%),#120d09}.table-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px)}.table-back,.table-reshuffle{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#f6f0e8;text-decoration:none;font-size:.85rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.table-back:hover,.table-reshuffle:hover{background:#ffffff1a;border-color:#ffffff3d}.table-meta{text-align:center;min-width:0}.table-meta p{margin:0}#table-counter{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#f2ebe29e}.table-hint{margin-top:.2rem;font-size:.8rem;color:#f2ebe273}.table-hint kbd{padding:.08rem .35rem;border-radius:4px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;font-size:.72rem;font-family:ui-monospace,monospace}.table-stage{position:relative;min-height:0;padding:.75rem}.table-surface{position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(255,236,205,.08),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%),repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 2px,transparent 2px,transparent 96px),repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 2px,transparent 2px,transparent 28px),linear-gradient(160deg,#3d2818,#2a1b11 42%,#1d140f);border:1px solid rgba(255,220,180,.08);box-shadow:inset 0 1px #ffffff0d,inset 0 -24px 48px #00000047}.table-card{position:absolute;left:0;top:0;margin:0;padding:.14rem;border:none;background:#f7f4ef;border-radius:1px;box-shadow:0 1px #ffffffa6 inset,0 14px 28px #00000052,0 3px 8px #00000029;transform:translate(calc(var(--x) - 50%),calc(var(--y) - 50%)) rotate(var(--rot)) scale(var(--scale, 1));transform-origin:center center;cursor:grab;touch-action:none;transition:box-shadow .18s ease,transform .18s ease;will-change:transform}.table-card img{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;background:#ece7df}.table-card.is-dragging{--scale: 1.2;cursor:grabbing;transition:box-shadow .18s ease,transform .12s ease;z-index:9999!important;box-shadow:0 1px #ffffffa6 inset,0 28px 54px #0000007a,0 10px 20px #00000047}.table-card.is-focused{--scale: 1.3;z-index:9998!important;box-shadow:0 1px #ffffffa6 inset,0 30px 58px #00000080,0 12px 24px #0000004d}.table-card.is-focused.is-dragging{--scale: 1.34}.table-card:after{content:"";position:absolute;inset:.14rem;pointer-events:none;box-shadow:inset 0 0 0 1px #0000000a}.table-viewer{position:fixed;inset:0;margin:0;padding:0;width:100vw;max-width:none;height:100dvh;border:none;background:#08080af0;color:#f2ebe2;overflow:hidden}.table-viewer::backdrop{background:#000000b8;backdrop-filter:blur(8px)}.table-viewer-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.85rem 1rem .5rem}.table-viewer-meta{min-width:0}.table-viewer-roll{margin:0;font-size:.95rem;font-weight:600}.table-viewer-desc{margin:.2rem 0 0;font-size:.8rem;color:#f2ebe29e}.table-viewer-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.table-viewer-btn,.table-viewer-link{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#f6f0e8;font-size:.82rem;text-decoration:none;cursor:pointer}.table-viewer-link{padding:0 .85rem}.table-viewer-btn:hover,.table-viewer-link:hover{background:#ffffff1f}.table-viewer-close{font-size:1.2rem;line-height:1}.table-viewer-stage{position:relative;height:calc(100dvh - 7.5rem);margin:0 1rem;display:grid;place-items:center;overflow:hidden;touch-action:none;cursor:zoom-in}.table-viewer-stage.is-zoomed{cursor:grab}.table-viewer-stage.is-dragging{cursor:grabbing}.table-viewer-img{max-width:min(92vw,1200px);max-height:calc(100dvh - 8.5rem);width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;transform-origin:center center;will-change:transform}.table-viewer-help{margin:0;padding:.55rem 1rem .9rem;text-align:center;font-size:.75rem;color:#f2ebe273}.table-card:hover:not(.is-dragging):not(.is-focused){box-shadow:0 1px #ffffffa6 inset,0 24px 42px #0000006b,0 8px 16px #00000038}.table-caption{padding:.85rem 1.1rem 1.1rem;border-top:1px solid rgba(255,255,255,.06);min-height:4.5rem}.table-caption-roll{margin:0;font-size:.92rem;font-weight:600;letter-spacing:.02em}.table-caption-desc{margin:.25rem 0 0;font-size:.82rem;color:#f2ebe294}@media(max-width:720px){.table-top{flex-wrap:wrap}.table-meta{order:3;width:100%}.table-stage{padding:.5rem}}@media(prefers-reduced-motion:reduce){.table-card{transition:none}}