*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff}body{font-family:Arial,"PingFang SC",sans-serif;color:#333;overflow-x:hidden}main{width:100%;min-height:100svh;display:grid;place-items:center;overflow:hidden}#stage{position:relative;width:1440px;height:1024px;flex-shrink:0;transform-origin:center center}.badge{position:absolute;width:163.214px;height:163.214px;border:0;padding:0;background:none;border-radius:50%;perspective:700px;cursor:grab;outline-offset:9px;-webkit-tap-highlight-color:transparent}.badge:focus-visible{outline:3px solid #222}.face{position:absolute;inset:0;border-radius:50%;transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 2px 1px #0000000a)}.art{position:absolute;inset:0;overflow:hidden;border-radius:50%;isolation:isolate}.layer{position:absolute;pointer-events:none;max-width:none}.crop{position:absolute;overflow:hidden}.shade{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 13.497px #0008;pointer-events:none}.glint{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at var(--gx,35%) var(--gy,25%),#fff7,transparent 53%);opacity:0;transition:opacity .2s}.badge:hover .glint,.badge:focus-visible .glint{opacity:.18}#replay{position:fixed;right:25px;bottom:22px;border:1px solid #dedede;border-radius:30px;padding:10px 17px;background:#ffffffed;color:#666;font-size:14px;cursor:pointer;z-index:10}#replay:hover{color:#171717;border-color:#999}#replay span{display:inline-block;margin-left:8px;font-size:18px}#error{position:fixed;bottom:12px;left:16px;color:#a12626;font-size:14px}@media(max-width:600px){#replay{right:16px;bottom:16px}main{align-items:start}}@media(prefers-reduced-motion:reduce){.glint{transition:none}}
main{grid-template-columns:minmax(0,1fr)}#stage{justify-self:center}
.badge{perspective:430px;width:154.885px;height:154.885px}.badge:hover,.badge:focus-visible{z-index:2}.badge:hover .glint,.badge:focus-visible .glint{opacity:.55}.art{width:163.214px;height:163.214px;transform:scale(0.9489688384574853);transform-origin:top left;box-shadow:none}