/* Five metal finishes. No canvas, WebGL, video or animation loop. */
.v3d-tier-0,.v3d-tier-1{--metal:linear-gradient(125deg,#967553 0%,#684c34 35%,#3d2a1f 72%,#796044);--spark:#f9e7c5;--rim:#bca27c;--foil-opacity:.22;--sheen:linear-gradient(var(--light-angle,118deg),transparent 20%,#f9e0ba12 36%,#fff3d76b 48%,#edd5b818 58%,transparent 72%)}
.v3d-tier-2{--metal:linear-gradient(135deg,#74828d,#434f5a 37%,#29333e 70%,#5b6b79);--spark:#e9f6ff;--rim:#b4c5d0;--foil-opacity:.29}
.v3d-tier-3{--metal:linear-gradient(125deg,#ad8848,#73501c 34%,#3f2b11 67%,#a27c36);--spark:#ffdfa0;--rim:#e2bf72;--foil-opacity:.39}
.v3d-tier-4{--metal:linear-gradient(130deg,#7c8b96,#3b4651 32%,#1e2933 62%,#72828f);--spark:#f2fbff;--rim:#d0e2ed;--foil-opacity:.46}
.v3d-tier-5{--metal:linear-gradient(135deg,#456782,#1d2c4c 36%,#253b50 65%,#597283);--spark:#d9faff;--rim:#bbe7f0;--foil-opacity:.56;--sheen:linear-gradient(var(--light-angle,118deg),transparent 8%,#7a9eff4a 22%,#cf8be955 33%,#f1bed260 42%,#fff7d87d 49%,#9af6e566 56%,#85cbff66 66%,#c4a2ff40 77%,transparent 92%)}
.v3d-coat{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:var(--foil-opacity,.28);background:radial-gradient(ellipse at var(--light-x,35%) var(--light-y,28%),#ffffff69,transparent 62%),var(--sheen,linear-gradient(var(--light-angle,118deg),transparent 20%,#ffffff12 34%,#ffffffa0 48%,#d6eaff25 60%,transparent 76%));mix-blend-mode:screen}
.v3d-owned{cursor:pointer!important;--light-x:30%;--light-y:20%;transition:box-shadow .25s ease}.v3d-owned:focus-visible{outline:3px solid #af8650;outline-offset:5px}.v3d-owned:hover{box-shadow:0 20px 40px #38261136}.v3d-owned .mc-face-content{z-index:3}.v3d-owned .v3d-coat{z-index:2}.v3d-pickup-hint{display:block;text-align:center;padding:10px 14px 14px;color:#f6ebd7;font-size:11px;letter-spacing:.08em;position:relative;z-index:3}.v3d-owned.mc-tier-4,.v3d-owned.mc-tier-5{background:var(--metal);border-color:var(--rim)}
.v3d-badge{display:inline-flex;position:relative;flex-shrink:0;vertical-align:middle;line-height:0;isolation:isolate}.v3d-badge>.level-medal{display:block;margin:0;max-width:100%;object-fit:contain}.v3d-badge-small{width:54px;height:60px}.v3d-badge:not(.v3d-badge-small){width:112px;height:126px}.mc-badge .v3d-badge{width:58px;height:58px}.mc-badge .v3d-badge img{width:100%;height:100%}.v3d-glints{position:absolute;inset:0;pointer-events:none;display:block;overflow:visible;color:var(--spark,#fff);z-index:5}.v3d-glints i{position:absolute;left:var(--sx);top:var(--sy);display:block;width:var(--size,9px);height:var(--size,9px);opacity:.55;transform:translate(-50%,-50%) scale(.72);animation:v3d-spark 3.8s ease-in-out var(--delay,0s) infinite;animation-play-state:paused}.v3d-glints i::before,.v3d-glints i::after{content:"";position:absolute;inset:0;background:currentColor;clip-path:polygon(50% 0,58% 40%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%)}.v3d-glints i::after{transform:scale(.42) rotate(45deg);background:#fff}.v3d-visible>.v3d-glints i,.v3d-visible .v3d-preview-card>.v3d-glints i,.v3d-dialog .v3d-glints i{animation-play-state:running}.v3d-edge-glints i{filter:drop-shadow(0 0 4px currentColor)}
@keyframes v3d-spark{0%,100%{opacity:.25;transform:translate(-50%,-50%) scale(.45)}48%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}72%{opacity:.55;transform:translate(-50%,-50%) scale(.7)}}
.v3d-preview{display:block;width:100%;border:0!important;border-radius:0!important;background:linear-gradient(135deg,#f9f5ed,#eee7db)!important;color:#574330!important;padding:28px 26px 14px!important;text-align:left;cursor:pointer;box-shadow:none!important;font-family:inherit;white-space:normal!important}.v3d-preview:focus-visible{outline:3px solid #a8804c;outline-offset:-4px}.v3d-preview-card{position:relative;display:block;aspect-ratio:1.586;width:min(100%,460px);margin:0 auto;border-radius:17px;box-shadow:0 16px 20px -12px #493b3e80;transform:rotate(-2deg);transition:transform .3s}.v3d-preview:hover .v3d-preview-card,.v3d-preview:focus-visible .v3d-preview-card{transform:translateY(-4px) rotate(0)}.v3d-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px;font-size:11px;line-height:1.6;color:#7c6c59}.v3d-preview-caption b{color:#593f22;font-size:12px}.v3d-preview .v3d-surface{font-size:clamp(10px,2.7vw,14px)}
.v3d-dialog{box-sizing:border-box;width:min(96vw,780px);max-width:none;max-height:calc(100svh - 20px);padding:0;border:1px solid #ae96735e;border-radius:26px;color:#f6f0e4;background:radial-gradient(ellipse at 50% 40%,#433e39,#211f1e 72%);box-shadow:0 25px 90px #0007;overflow:auto;overscroll-behavior:contain;font-family:inherit}.v3d-dialog::backdrop{background:#171511b8;backdrop-filter:blur(7px)}.v3d-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 25px 0;border:0!important;background:none!important;color:inherit}.v3d-dialog-head>div>span{font-size:9px;letter-spacing:.24em;color:#c4b49c}.v3d-dialog-head h2{font-size:21px;line-height:1.5;margin:6px 0;color:#fff3df}.v3d-dialog button{font-family:inherit;cursor:pointer}.v3d-dialog-head button{flex-shrink:0;width:44px;height:44px;border:1px solid #c3ae8955;border-radius:50%;background:#ffffff09;color:#efe2cf;font-size:28px;line-height:1;padding:0}.v3d-stage{display:grid;place-items:center;position:relative;perspective:1100px;min-height:min(65vw,425px);padding:30px 10px;box-sizing:border-box;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.v3d-stage:active{cursor:grabbing}.v3d-stage::before{content:"";position:absolute;width:66%;height:18px;bottom:7%;border-radius:50%;background:#0008;filter:blur(12px);pointer-events:none}.v3d-card{position:relative;width:min(76vw,520px,calc((100svh - 310px)*1.5));aspect-ratio:1.586;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.25,1);will-change:transform;font-size:clamp(10px,2.7vw,16px);--light-x:35%;--light-y:28%}.v3d-card.v3d-dragging{transition:none}.v3d-surface{box-sizing:border-box;position:absolute;inset:0;display:block;border-radius:17px;background:var(--metal);border:1px solid var(--rim,#ba9d72);box-shadow:inset 0 1px 1px #fff6,inset 0 0 0 3px #1112,0 2px 1px #101826;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;color:#fff8ea;transform:translateZ(1px)}.v3d-surface::after{content:"";position:absolute;inset:7px;border:1px solid #f1e6c424;border-radius:11px;pointer-events:none}.v3d-hairlines{position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0 12px,#ffffff05 13px,transparent 14px);pointer-events:none}.v3d-front-content{position:relative;z-index:3;padding:6%;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box}.v3d-brand{display:flex;align-items:center;gap:.8em}.v3d-brand img{width:2.5em;height:2.5em;object-fit:contain;border-radius:50%;background:#fff;padding:3px;box-sizing:border-box}.v3d-brand>span{display:flex;flex-direction:column;gap:.25em}.v3d-brand b{font-size:1em;letter-spacing:.13em;font-weight:650;color:#fff6e6;line-height:1.25}.v3d-brand small{font-size:.48em;letter-spacing:.23em;color:#f4e8d5}.v3d-card-middle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3% 0}.v3d-serial{display:block;font-size:.52em;letter-spacing:.1em;line-height:1.5;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2d7c4}.v3d-tier-name{display:block;font-size:1.5em;line-height:1.6;font-weight:500;letter-spacing:.12em;color:#fff6e9}.v3d-tier-english{font-size:.52em;letter-spacing:.23em;color:#e6ded0}.v3d-card-middle .v3d-badge{width:4.2em;height:4.6em}.v3d-card-middle .level-medal{width:100%;height:100%;filter:none}.v3d-card-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.v3d-holder{display:flex;flex-direction:column;min-width:0;max-width:67%;gap:.25em}.v3d-holder b{font-size:.9em;line-height:1.35;color:#fff8ec;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v3d-holder small{font-size:.62em;letter-spacing:.11em;color:#e1d5c3}.v3d-balance{text-align:right;white-space:nowrap;display:flex;flex-direction:column;gap:.3em}.v3d-balance small{font-size:.52em;color:#e1d5c3}.v3d-balance b{font-size:.9em;color:#fff6e8}.v3d-back{transform:rotateY(180deg) translateZ(1px)}.v3d-back-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5%;box-sizing:border-box;padding:8%}.v3d-back-brand{font-size:.55em;letter-spacing:.22em}.v3d-engraving{font-family:Georgia,'Times New Roman',serif;font-size:4.5em;font-weight:400;letter-spacing:.17em;margin-left:.17em;line-height:1.1;color:#dde9ed;text-shadow:0 1px 0 #fff8,0 -2px 1px #0007;background:linear-gradient(130deg,#8295a8 10%,#f1fafb 35%,#a2b7c9 53%,#f6faf4 70%,#8396a6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.v3d-tier-1 .v3d-engraving,.v3d-tier-2 .v3d-engraving,.v3d-tier-3 .v3d-engraving{font-size:3em}.v3d-tier-5 .v3d-engraving{background-image:linear-gradient(120deg,#aac8ff,#f4d8f7,#fef8d4,#b2f6e8,#b0d1ff)}.v3d-back-tier{font-size:.9em;letter-spacing:.15em}.v3d-back-content>small{font-size:.58em;letter-spacing:.12em;color:#e8e1d6}.v3d-front-stars,.v3d-back-stars{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(4px);pointer-events:none}.v3d-back-stars{transform:rotateY(180deg) translateZ(4px)}
.v3d-dialog-footer{text-align:center;padding:0 22px 24px}.v3d-side{display:inline-block;border:1px solid #b9a78b4a;border-radius:14px;padding:4px 12px;color:#deceae;font-size:10px;letter-spacing:.14em}.v3d-dialog-footer p{font-size:12px;line-height:1.7;color:#d6c7b2;margin:12px 0}.v3d-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.v3d-controls button{min-height:44px;border:1px solid #b5a18366;border-radius:24px;padding:10px 18px;background:#ffffff08;color:#f5ebd9;font-size:13px}.v3d-controls button:first-child{background:#e4d1ad;color:#38281b;border-color:#e4d1ad}.v3d-dialog :focus-visible{outline:2px solid #e7cb98;outline-offset:4px}.v3d-dialog-footer .v3d-material-note{font-size:10px;color:#b8a88e;margin-bottom:0}
.v3d-paused .v3d-glints i{animation-play-state:paused!important}
@media(max-width:420px){.v3d-preview{padding:22px 19px 12px!important}.v3d-dialog-head{padding:18px 18px 0}.v3d-dialog-head h2{font-size:18px}.v3d-dialog-footer{padding:0 14px 20px}.v3d-controls button{padding:10px 14px;font-size:12px}.v3d-badge-small{width:45px;height:51px}.current-level>.v3d-badge{width:93px;height:107px}.v3d-preview-caption{font-size:10px;gap:6px}.v3d-preview-caption b{font-size:11px}}
@media(max-height:520px) and (orientation:landscape){.v3d-dialog{width:min(95vw,750px)}.v3d-dialog-head{padding-top:12px}.v3d-dialog-head h2{font-size:15px;margin:2px 0}.v3d-stage{min-height:0;padding:15px 0}.v3d-card{width:min(45vw,calc((100svh - 190px)*1.586));font-size:10px}.v3d-dialog-footer{padding-bottom:12px}.v3d-dialog-footer p{margin:4px}.v3d-side,.v3d-material-note{display:none}.v3d-controls button{min-height:40px;padding:6px 14px}}
@media(prefers-reduced-motion:reduce){.v3d-glints i{animation:none!important;opacity:.65;transform:translate(-50%,-50%) scale(.7)}.v3d-card,.v3d-preview-card,.v3d-owned{transition:none!important}.v3d-preview-card{transform:none}.v3d-dialog::backdrop{backdrop-filter:none}}
@media(forced-colors:active){.v3d-coat,.v3d-glints,.v3d-hairlines{display:none}.v3d-engraving{-webkit-text-fill-color:currentColor;background:none}.v3d-surface{border:2px solid CanvasText}.v3d-tier-name,.v3d-brand b,.v3d-holder b{color:CanvasText}}

/* Clear the gallery's old image fill, then emboss only the transparent medal. */
.v3d-badge>.level-medal{background:transparent!important;border:0!important;border-radius:0;aspect-ratio:auto;filter:drop-shadow(0 -1px 0 #fff9) drop-shadow(0 1px 0 #34445a) drop-shadow(var(--badge-shadow-x,1px) var(--badge-shadow-y,3px) 1.5px #0a152b99)}
.v3d-card-middle .level-medal{background:transparent!important}
.v3d-preview-card{box-shadow:0 3px 0 #4d5967,0 4px 0 var(--rim),0 6px 0 #152435,0 21px 23px -10px #33292680}
.v3d-tier-5{--foil-opacity:.65}
.v3d-tier-5 .v3d-edge-glints i{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px #9ce6ff)}
.v3d-tier-5 .v3d-edge-glints i:nth-child(3n){color:#f7d8ff}
.v3d-tier-5 .v3d-edge-glints i:nth-child(3n+1){color:#d6fff2}
.v3d-tier-5 .v3d-edge-glints i:nth-child(4n){--size:14px!important}
.v3d-dialog{background:radial-gradient(ellipse at 50% 50%,#60594f,#292624 76%)}
.v3d-stage{isolation:isolate}
.v3d-stage::before{display:none}
.v3d-stage::after{content:"";position:absolute;z-index:-1;left:8%;right:8%;height:40%;bottom:0;background:radial-gradient(ellipse,#ead5ac18,transparent 70%);pointer-events:none}
.v3d-floor-shadow{display:block;position:absolute;left:16%;width:68%;height:12%;bottom:4%;border-radius:50%;background:#08090cf0;pointer-events:none;transform-origin:50% 50%;z-index:0;will-change:transform,opacity;filter:blur(11px);box-shadow:0 3px 12px #06070966}
.v3d-card{z-index:1;transition:none;--card-half:2.5px}
.v3d-surface{transform:translateZ(var(--card-half,2.5px))}
.v3d-back{transform:rotateY(180deg) translateZ(var(--card-half,2.5px))}
.v3d-front-stars{transform:translateZ(5px)}
.v3d-back-stars{transform:rotateY(180deg) translateZ(5px)}
.v3d-core{position:absolute;inset:0;display:block;transform-style:preserve-3d;pointer-events:none}
.v3d-core-layer{display:block;position:absolute;inset:0;box-sizing:border-box;border-radius:17px;background:linear-gradient(105deg,#687684,#cad1d7 44%,#374755 74%,#758895);border:1px solid var(--rim,#c4ccd1)}
.v3d-edge{display:block;position:absolute;background:linear-gradient(90deg,#29333c,var(--rim,#bcc6cf),#455261);box-shadow:inset 0 0 1px #fff9}
.v3d-edge-left,.v3d-edge-right{width:5px;top:17px;height:calc(100% - 34px);transform:rotateY(90deg)}
.v3d-edge-left{left:-2.5px}.v3d-edge-right{right:-2.5px}
.v3d-edge-top,.v3d-edge-bottom{height:5px;left:17px;width:calc(100% - 34px);transform:rotateX(90deg)}
.v3d-edge-top{top:-2.5px}.v3d-edge-bottom{bottom:-2.5px}
.v3d-card .v3d-front .v3d-badge{visibility:hidden}
.v3d-relief{position:absolute;inset:0;pointer-events:none;transform:translateZ(6.5px);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.v3d-relief>.v3d-badge{position:absolute;right:6%;top:50%;width:4.2em;height:4.6em;transform:translateY(-50%)}
.v3d-relief .level-medal{width:100%;height:100%}
.v3d-motion-tools{margin-top:12px}
.v3d-motion-tools button{min-height:44px;border-radius:20px;border:1px solid #ae9d7e88;background:#ffffff09;color:#e8d9bd;font-size:12px;padding:8px 16px}
.v3d-motion-tools button[aria-pressed=true]{background:#d3e4d017;color:#e2f3de;border-color:#bfd2b879}
.v3d-motion-tools button:disabled{opacity:.6;cursor:default}
.v3d-motion-tools [role=status]{font-size:11px;line-height:1.5;color:#d8c8ae;margin:7px auto 0;max-width:360px}
.v3d-motion-tools [role=status]:empty{display:none}
@media(max-height:520px) and (orientation:landscape){.v3d-motion-tools{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:6px}.v3d-motion-tools button{min-height:36px;padding:6px 12px}.v3d-motion-tools [role=status]{margin:0;max-width:280px}.v3d-card{width:min(42vw,calc((100svh - 235px)*1.586))}}
@media(forced-colors:active){.v3d-badge>.level-medal{filter:none}.v3d-floor-shadow{display:none}.v3d-core-layer,.v3d-edge{background:Canvas;border-color:CanvasText}}