/* kyrs-coin.css — монета-талисман (CSS 3D). Заменяет дракона. */
.mxc { --mxc-c: #d4af37; position: fixed; right: 14px; bottom: 76px; z-index: 900; width: 56px; height: 56px; padding: 0; border: 0; background: none; cursor: pointer; perspective: 420px; transition: opacity .25s cubic-bezier(.2,.8,.2,1); -webkit-tap-highlight-color: transparent; }
body[data-mx-mood="bullish"] .mxc { --mxc-c: #4ade80; }
body[data-mx-mood="bearish"] .mxc { --mxc-c: #f87171; }
.mxc.scrolled { opacity: .3; }
.mxc:hover, .mxc:focus-visible { opacity: 1; }
.mxc:focus-visible { outline: 2px solid var(--mxc-c); outline-offset: 8px; border-radius: 50%; }

.mxc-glow { position: absolute; inset: -14px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, var(--mxc-c), transparent 68%); opacity: .34; filter: blur(8px); animation: mxcGlow 4s ease-in-out infinite; }
@keyframes mxcGlow { 50% { opacity: .55; transform: scale(1.12); } }
.mxc-dot { position: absolute; right: -3px; top: -3px; width: 12px; height: 12px; border-radius: 50%; background: var(--mxc-c); border: 2px solid #17140c; box-shadow: 0 0 9px var(--mxc-c); transition: background 1.5s, box-shadow 1.5s; }

.mxc-toss { position: absolute; inset: 0; transform-style: preserve-3d; }
.mxc-toss.tossing { animation: mxcToss 1s cubic-bezier(.3, .7, .4, 1); }
@keyframes mxcToss { 0% { transform: translateY(0) rotateX(0); } 45% { transform: translateY(-120px) rotateX(540deg); } 100% { transform: translateY(0) rotateX(1080deg); } }

/* покой: ±20° качание, затем полный оборот раз в 8 с */
.mxc-body { position: absolute; inset: 0; transform-style: preserve-3d; animation: mxcIdle 8s infinite; }
@keyframes mxcIdle {
    0%   { transform: rotateY(-20deg); animation-timing-function: ease-in-out; }
    35%  { transform: rotateY(20deg);  animation-timing-function: ease-in-out; }
    70%  { transform: rotateY(-20deg); animation-timing-function: ease-in-out; }
    100% { transform: rotateY(340deg); }
}
.mxc-face, .mxc-edge { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; }
.mxc-face { backface-visibility: hidden; display: grid; place-items: center;
    background: radial-gradient(circle at 32% 28%, #fff1b0 0, #f0cd62 28%, #d4af37 58%, #9c7616 100%);
    box-shadow: inset 0 0 0 3px #b8921f, inset 0 0 0 5px rgba(255, 236, 160, .6), inset 0 0 12px rgba(80, 50, 0, .5); }
.mxc-front { transform: translateZ(5px); }
.mxc-back { transform: rotateY(180deg) translateZ(5px); }
.mxc-face b { font: 700 22px/1 var(--mx-f-display, 'Unbounded', sans-serif); color: #6b4d08; text-shadow: 0 1px 0 rgba(255, 238, 170, .85), 0 -1px 0 rgba(90, 60, 5, .4); }
.mxc-face i { font-size: 20px; color: #6b4d08; text-shadow: 0 1px 0 rgba(255, 238, 170, .85); }
/* толстый край: пять слоёв вглубь */
.mxc-edge { transform: translateZ(var(--z)); background: linear-gradient(90deg, #8a6a14, #e6c15a 50%, #8a6a14); box-shadow: inset 0 0 0 1px rgba(60, 40, 0, .55); }
.mxc-edge:nth-child(odd) { filter: brightness(.82); }
/* блик, который периодически пробегает */
.mxc-face::after { content: ''; position: absolute; inset: 0; border-radius: 50%; pointer-events: none;
    background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .8) 50%, transparent 62%); background-size: 260% 100%; background-position: 160% 0; animation: mxcShine 5s ease-in-out infinite; }
@keyframes mxcShine { 0%, 55% { background-position: 160% 0; } 100% { background-position: -60% 0; } }

/* чтобы монета не перекрывала пагинацию и «сколько активов» */
@media (min-width: 1100px) { .pagination-wrapper, .daily-summary { padding-right: 84px; } }
@media (max-width: 760px) {
    .mxc { width: 46px; height: 46px; bottom: 70px; }
    .mxc-face b { font-size: 18px; } .mxc-face i { font-size: 16px; }
    .mx-chips { bottom: 128px; }
}
@media (prefers-reduced-motion: reduce) { .mxc-body, .mxc-face::after, .mxc-glow { animation: none; } .mxc-body { transform: rotateY(-12deg); } .mxc-toss.tossing { animation: none; } }