.token-collection{padding:24px;margin-top:22px;background:#fff;border:1px solid #e4e9e6;border-radius:18px}.token-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.token-heading h2{margin:0}.token-heading p{margin:8px 0}.token-progress{color:#2b794a;font-weight:700}.token-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.token-card{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #ece5db;border-radius:14px;padding:14px;background:#fcfaf7;color:#453221}.token-card:hover{background:#f5eee3}.token-card strong{font-size:16px;overflow-wrap:anywhere}.token-card small,.token-card span{font-size:14px;color:#736658}.token-empty{grid-column:1/-1;line-height:1.6}.token-dialog{width:min(540px,calc(100vw - 28px));max-height:92vh;overflow:auto;padding:24px;background:radial-gradient(ellipse at 50% 40%,#263e3e,#0e1c24 72%);color:#f8e8cf;border:1px solid #96714d;border-radius:22px;text-align:center;box-sizing:border-box}.token-dialog::backdrop{background:#05121cbf;backdrop-filter:blur(5px)}.token-dialog h2{font-size:24px;margin:0 0 8px;color:#f4d3a6}.token-dialog h3{font-size:20px;margin:8px 0;overflow-wrap:anywhere}.token-dialog .muted{color:#cbbfae}.token-animation-status{min-height:42px;font-size:14px}.token-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.token-controls button{font-size:14px;color:#f6dfc0;background:#ffffff0a;border:1px solid #c39a6759}.wood-scene{width:min(100%,380px);aspect-ratio:1;margin:auto;perspective:1100px;position:relative;isolation:isolate}.wood-coin{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(0);filter:drop-shadow(0 18px 16px #0006)}.wood-face{position:absolute;inset:0;backface-visibility:hidden;transform-style:preserve-3d}.wood-front{transform:translateZ(1px)}.wood-face>img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.wood-back{transform:translateZ(-11px) rotateY(180deg)}.wood-edge{position:absolute;inset:3%;border-radius:50%;background:#966134;border:2px solid #c59158;backface-visibility:visible}.wood-engraving{position:absolute;inset:0;width:100%;height:100%;fill:#522607;filter:drop-shadow(0 1px 0 #ffe4ae9c);mix-blend-mode:multiply}.wood-paw{filter:brightness(0) saturate(100%) invert(15%) sepia(70%) saturate(1100%) hue-rotate(355deg)}.wood-back-brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#563215;gap:9px}.wood-back-brand strong{font-size:38px}.wood-back-brand span{font-size:14px}.wood-laser{display:none;position:absolute;left:13%;width:74%;height:2px;background:#fff6c2;box-shadow:0 0 5px 2px #ffcb68,0 0 18px 6px #f47b23;transform:rotate(-8deg)}.wood-playing .wood-coin{animation:wood-spin 2.35s cubic-bezier(.12,.5,.12,1) both}.wood-playing .wood-engraving{animation:wood-burn 2.25s 2.35s linear both}.wood-playing .wood-laser{display:block;animation:wood-scan 2.25s 2.35s linear both}.wood-playing::after{content:'';position:absolute;inset:6%;border-radius:50%;border:1px solid #f6c96a;pointer-events:none;animation:wood-glow .65s 4.5s both}.token-card .wood-scene{width:100%;max-width:210px}.token-card .wood-coin{filter:drop-shadow(0 5px 4px #6c471826)}
@keyframes wood-spin{0%{transform:rotateY(-1440deg) rotateZ(-12deg) scale(.72)}70%{transform:rotateY(-55deg) rotateZ(3deg) scale(1)}100%{transform:rotateY(0deg) rotateZ(0deg) scale(1)}}@keyframes wood-burn{0%{clip-path:inset(0 0 100% 0);filter:drop-shadow(0 0 3px #ffa127)}95%{clip-path:inset(0);filter:drop-shadow(0 0 2px #ffa127)}100%{clip-path:inset(0);filter:drop-shadow(0 1px 0 #ffe4ae9c)}}@keyframes wood-scan{0%{top:11%;opacity:0}5%{opacity:1}90%{opacity:1}100%{top:87%;opacity:0}}@keyframes wood-glow{0%{opacity:0;box-shadow:0 0 0 #ffc75f}35%{opacity:.8;box-shadow:0 0 28px #ffc75f88}100%{opacity:0;transform:scale(1.14)}}@media(max-width:600px){.token-collection{padding:16px}.token-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.token-card{padding:8px}.token-dialog{padding:18px}.token-dialog .wood-scene{max-width:320px}.token-controls button{min-height:44px}}@media(prefers-reduced-motion:reduce){.wood-playing .wood-coin,.wood-playing .wood-engraving{animation:none}.wood-playing .wood-laser,.wood-playing::after{display:none}}

.token-dialog h3{color:#f4dfc2}.token-collection>.notice:empty{display:none}.token-dialog .wood-back-brand{backface-visibility:hidden}

.wood-coin,.token-card .wood-coin{filter:none}.wood-scene{filter:drop-shadow(0 14px 12px #0005)}.token-card .wood-scene{filter:drop-shadow(0 4px 4px #6c471826)}

/* Keep engraving typography independent of surrounding buttons and headings. */
.wood-engraving text{font-family:Arial,sans-serif;text-anchor:middle;letter-spacing:normal}.wood-engraving .wood-kind{letter-spacing:2px}