.medallion{aspect-ratio:1;filter:drop-shadow(0 22px 18px #3e200e47);width:min(100%,440px);margin-inline:auto;position:relative}.medallion-rim{background:radial-gradient(circle at 50% 42%,#f6e2bc 0%,#e0b15a 18%,#a86a32 46%,#6d3b1c 78%,#3e2416 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 2px 1px #fff4dca6,inset 0 -10px 18px #28100673,0 1px #fff8ec66}.medallion-ticks{background:repeating-conic-gradient(from -1.2deg,#fff4dcf2 0deg 2.2deg,#0000 2.2deg 15deg);border-radius:50%;position:absolute;inset:2.2%;-webkit-mask:radial-gradient(circle,#0000 61%,#000 62.5% 68%,#0000 69%);mask:radial-gradient(circle,#0000 61%,#000 62.5% 68%,#0000 69%)}.medallion-face{will-change:transform;border-radius:50%;position:absolute;inset:9%;overflow:hidden;box-shadow:inset 0 0 0 3px #fff8f073,inset 0 -16px 20px #30140859,inset 0 12px 16px #ffffff47,0 8px 14px #28100638}.medallion-paint,.medallion-gloss,.medallion-shade{border-radius:50%;position:absolute;inset:0}.medallion-gloss{mix-blend-mode:soft-light;pointer-events:none;background:radial-gradient(circle at 32% 26%,#ffffff8c,#0000 36%)}.medallion-shade{pointer-events:none;background:radial-gradient(circle at 50% 120%,#28100859,#0000 46%)}.medallion-label{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.medallion-label span{text-align:center;letter-spacing:-.01em;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:4.5rem;margin-top:-.2rem;font-size:.72rem;font-weight:750;line-height:1.15;display:-webkit-box;overflow:hidden}.medallion-hub{z-index:2;text-align:center;background:radial-gradient(circle at 40% 32%,#fffaf3,#f3e2cc 62%,#e7d3b4 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:46%;height:46%;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 8px 16px #30160847,inset 0 2px #fffc,inset 0 -8px 12px #7848202e}.medallion-hub small{letter-spacing:.16em;color:#8c341f;font-size:.62rem;font-weight:750}.medallion-hub strong{max-width:84%;font-family:var(--font-serif), Georgia, serif;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.95rem,2.4vw,1.25rem);line-height:1.1;overflow:hidden}.medallion-pointer{z-index:3;transform-origin:50% 18%;filter:drop-shadow(0 6px 4px #30140859);width:54px;height:78px;position:absolute;top:-2%;left:50%;translate:-50%}.reel{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;display:grid}.reel-window{height:calc(var(--reel-row) * 2.35);background:linear-gradient(#2c2118,#4a3424 45%,#241910);border-radius:1.1rem;width:7.5rem;position:relative;overflow:hidden;box-shadow:inset 0 10px 16px #00000073,inset 0 -8px 12px #00000059,0 1px #ffecd259;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%)}.reel-window:after{content:"";pointer-events:none;border:1px solid #ffdca059;border-radius:.6rem;position:absolute;inset:32% .35rem;box-shadow:inset 0 0 0 1px #fff4dc14}.reel-row{height:var(--reel-row);color:#f8efe2;font-family:var(--font-serif), Georgia, serif;justify-content:center;align-items:center;font-size:2.4rem;font-weight:600;display:flex}.reveal-card{background:radial-gradient(420px 120px at 10% 0,#fff4d6e6,#0000 50%),#e7f3ec;border-radius:1.6rem;padding:1rem 1.1rem 1.15rem;overflow:hidden}@media (max-width:420px){.medallion-label span{width:4.4rem;font-size:.68rem}}@media (prefers-reduced-motion:reduce){.medallion-face{will-change:auto}}