body { background: #171923; color: #f5f6fa; font-family: "Exo 2", Manrope, sans-serif; }
.dm-app { display: grid; grid-template-columns: 80px minmax(0, 1fr) 410px; min-height: 100vh; }
.dm-rail { position: sticky; top: 0; align-self: start; display: flex; flex-direction: column; grid-column: 1; grid-row: 1 / span 2; height: 100vh; max-height: 100vh; overflow-y: auto; scrollbar-width: none; padding: 0 8px 18px; background: #202330; border-right: 1px solid #303341; }
.dm-rail::-webkit-scrollbar { display: none; }
.dm-rail-ico { display: grid; place-items: center; width: 48px; height: 48px; margin: 16px auto 0; border-radius: 12px; }
.dm-rail-ico span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
/* Иконки рейла — чистые SVG-маски (currentColor). */
.dm-rail-ico::before {
  content: ""; width: 24px; height: 24px; color: #9aa0b0;
  background-color: currentColor;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: 23px 23px; mask-size: 23px 23px;
}
.dm-ico-slots::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M6 7h12M8 10v5M12 10v5M16 10v5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M6 7h12M8 10v5M12 10v5M16 10v5'/%3E%3C/svg%3E"); }
.dm-ico-live::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='8' y='3' width='11' height='15' rx='2'/%3E%3Cpath d='M8 6L5 7l3 11 1-.3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='8' y='3' width='11' height='15' rx='2'/%3E%3Cpath d='M8 6L5 7l3 11 1-.3'/%3E%3C/svg%3E"); }
.dm-ico-cash::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Ccircle cx='16.5' cy='14' r='1.4' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Ccircle cx='16.5' cy='14' r='1.4' fill='black'/%3E%3C/svg%3E"); }
.dm-ico-chat::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-4 3v-3H4z'/%3E%3Cpath d='M8 9h8M8 12h5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-4 3v-3H4z'/%3E%3Cpath d='M8 9h8M8 12h5'/%3E%3C/svg%3E"); }
.dm-rail-ico:hover { background: #2a2d3a; }
.dm-ico-slots { background: #2a2416; }
.dm-ico-slots::before { color: #efaa00; }
.dm-rail-social { margin-top: auto; display: grid; gap: 15px; padding: 16px 0 12px; justify-items: center; }
.dm-soc { display: grid; width: 30px; height: 30px; place-items: center; border: 0; background: transparent; padding: 0; cursor: pointer; }
.dm-soc::before { content: ""; width: 22px; height: 22px; background-color: #9ea3b2; -webkit-mask: center/contain no-repeat; mask: center/contain no-repeat; transition: background-color .15s ease; }
.dm-soc:hover::before { background-color: #fff; }
.dm-soc-support::before { background-color: #4fc27e; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13v-1a8 8 0 0 1 16 0v1'/%3E%3Cpath d='M20 18a3 3 0 0 1-3 3h-2.5'/%3E%3Crect x='2.5' y='12.5' width='4' height='6.5' rx='2' fill='black'/%3E%3Crect x='17.5' y='12.5' width='4' height='6.5' rx='2' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13v-1a8 8 0 0 1 16 0v1'/%3E%3Cpath d='M20 18a3 3 0 0 1-3 3h-2.5'/%3E%3Crect x='2.5' y='12.5' width='4' height='6.5' rx='2' fill='black'/%3E%3Crect x='17.5' y='12.5' width='4' height='6.5' rx='2' fill='black'/%3E%3C/svg%3E"); }
.dm-soc-tg::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21.9 4.6 2.7 11.7c-.9.33-.88 1.62.03 1.92l4.9 1.6 1.9 5.6c.23.68 1.1.87 1.6.33l2.5-2.55 4.6 3.37c.55.4 1.34.1 1.5-.55L23.5 5.5c.17-.72-.55-1.33-1.6-.9z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21.9 4.6 2.7 11.7c-.9.33-.88 1.62.03 1.92l4.9 1.6 1.9 5.6c.23.68 1.1.87 1.6.33l2.5-2.55 4.6 3.37c.55.4 1.34.1 1.5-.55L23.5 5.5c.17-.72-.55-1.33-1.6-.9z'/%3E%3C/svg%3E"); }
.dm-soc-vk::before { -webkit-mask: none; mask: none; background: none; content: "VK"; font: 800 12px/1 Arial, sans-serif; color: #9ea3b2; }
.dm-soc-vk:hover::before { color: #fff; background: none; }
.dm-soc-x::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M18.9 2h3.2l-7 8 8.2 12h-6.4l-5-7.3-5.8 7.3H2.9l7.5-8.6L2 2h6.6l4.5 6.6zm-1.1 18.2h1.8L7 3.7H5.1z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M18.9 2h3.2l-7 8 8.2 12h-6.4l-5-7.3-5.8 7.3H2.9l7.5-8.6L2 2h6.6l4.5 6.6zm-1.1 18.2h1.8L7 3.7H5.1z'/%3E%3C/svg%3E"); }
.dm-soc-bell::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a2 2 0 0 0-2 2v.6A6 6 0 0 0 6 10v4l-1.6 2.4A1 1 0 0 0 5.2 18h13.6a1 1 0 0 0 .8-1.6L18 14v-4a6 6 0 0 0-4-5.4V4a2 2 0 0 0-2-2z'/%3E%3Cpath d='M10 19a2 2 0 0 0 4 0z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a2 2 0 0 0-2 2v.6A6 6 0 0 0 6 10v4l-1.6 2.4A1 1 0 0 0 5.2 18h13.6a1 1 0 0 0 .8-1.6L18 14v-4a6 6 0 0 0-4-5.4V4a2 2 0 0 0-2-2z'/%3E%3Cpath d='M10 19a2 2 0 0 0 4 0z'/%3E%3C/svg%3E"); }
.dm-soc-sound::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 9v6h3.5L13 20V4L7.5 9z'/%3E%3Cpath d='M16 8.5a4 4 0 0 1 0 7' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M18.5 6a7 7 0 0 1 0 12' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 9v6h3.5L13 20V4L7.5 9z'/%3E%3Cpath d='M16 8.5a4 4 0 0 1 0 7' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M18.5 6a7 7 0 0 1 0 12' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); }
.dm-soc-bright::before { background-color: #f2b600; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4.2' fill='black' stroke='none'/%3E%3Cpath d='M12 2v2.5M12 19.5V22M2 12h2.5M19.5 12H22M4.9 4.9l1.8 1.8M17.3 17.3l1.8 1.8M19.1 4.9l-1.8 1.8M6.7 17.3l-1.8 1.8'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4.2' fill='black' stroke='none'/%3E%3Cpath d='M12 2v2.5M12 19.5V22M2 12h2.5M19.5 12H22M4.9 4.9l1.8 1.8M17.3 17.3l1.8 1.8M19.1 4.9l-1.8 1.8M6.7 17.3l-1.8 1.8'/%3E%3C/svg%3E"); }
.dm-soc-bright:hover::before { background-color: #ffce3a; }
.dm-rail-logo { display: grid; height: 80px; margin: 0 -8px; place-items: center; border-bottom: 1px solid #303341; }.dm-rail-logo img { width: 56px; height: 56px; object-fit: contain; }
.dm-main { min-width: 0; }.dm-top { min-height: 80px; border-bottom: 1px solid #303341; }.dm-top-inner { display: flex; align-items: center; gap: 26px; width: min(1340px, calc(100% - 48px)); min-height: 80px; margin: auto; }
.dm-wordmark { width: 112px; height: auto; object-fit: contain; }.dm-menu { display: flex; gap: 26px; }.dm-menu a { padding: 30px 0 25px; color: #999dac; font-weight: 800; }.dm-menu a.is-active { color: #fff; border-bottom: 3px solid #e5a400; }.dm-actions { display: flex; align-items: center; gap: 9px; margin-left: auto; white-space: nowrap; }
.dm-in, .dm-reg, .dm-cta, .dm-panel-top a, .dm-cash-link { border-radius: 7px; font-weight: 800; }.dm-in { padding: 12px 21px; border: 1px solid #efab00; color: #f3b522; }.dm-reg, .dm-cta, .dm-panel-top a, .dm-cash-link { padding: 13px 22px; background: #f1aa00; color: #100f0c; }.dm-flag { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 3px; background: #273459; }
.dm-content { width: min(1340px, calc(100% - 48px)); margin: 42px auto 64px; }.dm-intro { display: grid; grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr); gap: 42px; align-items: center; margin-bottom: 38px; }.dm-heading { margin: 0 0 26px; color: #fff; font-size: clamp(32px, 3.1vw, 48px); font-weight: 900; line-height: 1; }.dm-lead { max-width: 640px; margin: 0 0 28px; color: #f2f2f5; font-size: 19px; line-height: 1.35; }.dm-cta { display: inline-block; min-width: 260px; text-align: center; }
.dm-stats { display: grid; grid-template-columns: 1fr 1.22fr; gap: 12px; }.dm-stats article { position: relative; min-height: 112px; padding: 22px 20px 20px 72px; border-radius: 13px; background: #202330; }.dm-stats span { position: absolute; left: 20px; top: 36px; display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: #3dbd73; color: #fff; font-size: 25px; }.dm-stats article:first-child span { background: #999; }.dm-stats p { margin: 0 0 6px; color: #a9adbb; font-size: 16px; }.dm-stats b { font-size: 28px; line-height: 1; white-space: nowrap; }.dm-stats article:last-child b { color: #fff; }
.dm-carousel { position: relative; overflow: hidden; min-height: 315px; border-radius: 18px; background: #11131b; }.dm-slides { position: relative; min-height: 315px; }.dm-slide { position: absolute; inset: 0; display: none; }.dm-slide.is-active { display: block; }.dm-slide picture, .dm-slide img { display: block; width: 100%; height: 315px; object-fit: cover; object-position: left center; }.dm-slide-alt { background: radial-gradient(circle at 78% 70%, #805917 0, transparent 22%), linear-gradient(110deg, #18213d, #10131d 62%, #43200e); }.dm-slide-alt > div { padding: 66px 70px; }.dm-slide-alt p { margin: 0 0 8px; color: #8fda2c; font-size: 15px; font-weight: 800; }.dm-slide-alt h2 { max-width: 460px; margin: 0 0 28px; font-size: clamp(28px, 3.4vw, 50px); }.dm-slide-alt a { display: inline-block; padding: 13px 21px; border-radius: 7px; background: #efaa00; color: #111; font-weight: 800; }.dm-prev, .dm-next { position: absolute; top: 50%; z-index: 2; width: 48px; height: 48px; transform: translateY(-50%); border: 0; border-radius: 50%; background: rgba(17,18,24,.72); color: #fff; font-size: 28px; cursor: pointer; }.dm-prev { left: 24px; }.dm-next { right: 24px; }.dm-dots { position: absolute; z-index: 2; right: 18%; bottom: 12px; display: flex; gap: 9px; }.dm-dots button { width: 54px; height: 4px; padding: 0; border: 0; border-radius: 4px; background: #382f27; cursor: pointer; }.dm-dots button.is-active { background: #e5a400; }
.dm-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 38px; }.dm-panel { min-width: 0; min-height: 318px; padding: 24px; overflow: hidden; border-radius: 14px; background: linear-gradient(135deg, #293045, #1e2130); }.dm-slots { background: linear-gradient(130deg, #253049, #242634); }.dm-live { background: linear-gradient(130deg, #272d41, #1f2131); }.dm-panel-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }.dm-panel-top h2 { margin: 0; font-size: 26px; }.dm-panel-top a { white-space: nowrap; }.dm-online { margin: 10px 0 18px; color: #a1dc39; font-size: 14px; }.dm-panel .slot-shelf-wrap h2 { display: none; }.dm-panel .slot-shelf { gap: 10px; padding-bottom: 0; }.dm-panel .slot-shelf li { flex-basis: 146px; background: transparent; }.dm-panel .slot-shelf img, .dm-live-cards img { height: 168px; border-radius: 10px; object-fit: cover; }.dm-panel .slot-shelf h3 { margin-top: 7px; font-size: 12px; }.dm-panel .slot-shelf p { margin-top: 3px; font-size: 11px; }.dm-live-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }.dm-live-cards img { width: 100%; }
.dm-cash { margin: 24px 0 0; }.dm-story { margin-top: 42px; }
.dm-chat { grid-column: 3; grid-row: 1 / span 2; position: sticky; top: 0; display: flex; flex-direction: column; height: 100vh; background: #202330; border-left: 1px solid #4a4d59; }
.dm-chat-auth { flex: 0 0 auto; padding: 13px 16px; background: #1b1e29; border-bottom: 1px solid #303341; color: #c7cad4; font-size: 13px; }
.dm-chat-auth b { color: #fff; font-weight: 700; }
.dm-chat-top { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 16px; border-bottom: 1px solid #303341; }
.dm-chat-top h2 { margin: 0; font-size: 17px; }
.dm-chat-top h2 i { color: #7f8696; font-size: 13px; font-style: normal; }
.dm-chat-meta { display: flex; align-items: center; gap: 14px; color: #9aa0b0; font-size: 12px; }
.dm-chat-ping, .dm-chat-online { display: inline-flex; align-items: center; gap: 5px; }
.dm-chat-ping em { width: 14px; height: 11px; background: #8fda2c; clip-path: polygon(0 100%,18% 100%,18% 62%,0 62%,0 100%,38% 100%,38% 40%,20% 40%,20% 100%,58% 100%,58% 20%,40% 20%,40% 100%,78% 100%,78% 4%,60% 4%,60% 100%,100% 100%,100% 0,80% 0,80% 100%); }
.dm-chat-online::before { content: "👤"; font-size: 12px; }
.dm-promo { flex: 0 0 auto; margin: 0; padding: 16px; background: linear-gradient(100deg,#3a2a12,#241c10); color: #eeb136; font-weight: 700; }
.dm-feed { flex: 1 1 auto; min-height: 0; margin: 0; padding: 0; overflow-y: auto; list-style: none; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: #45414f transparent; }
.dm-feed::-webkit-scrollbar { width: 5px; }.dm-feed::-webkit-scrollbar-thumb { background: #45414f; border-radius: 5px; }
.dm-msg { display: flex; gap: 10px; padding: 13px 14px; border-bottom: 1px solid #2a2d39; }
.dm-mod { background: #241d12; }
.dm-ava { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 auto; border-radius: 50%; overflow: hidden; object-fit: cover; color: #fff; font-weight: 800; font-size: 15px; }
.dm-msg > div { min-width: 0; }
.dm-who b { font-size: 13px; }
.dm-msg p { margin: 3px 0 0; font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.dm-mod .dm-who b { color: #eeb136; }
.dm-who span { margin-left: 5px; color: #eeb136; font-size: 12px; }
.dm-tabs { display: none; }
@media (max-width: 1500px) { .dm-app { grid-template-columns: 64px minmax(0, 1fr); }.dm-chat { display: none; }.dm-rail { padding-inline: 4px; }.dm-content, .dm-top-inner { width: min(1100px, calc(100% - 32px)); }.dm-intro { grid-template-columns: 1fr; gap: 16px; }.dm-stats { max-width: 760px; }.dm-menu { gap: 16px; } }
@media (min-width: 721px) and (max-width: 980px) { .dm-top-inner { gap: 14px; }.dm-wordmark { width: 112px; }.dm-menu { display: none; }.dm-actions { gap: 7px; }.dm-in, .dm-reg { padding-inline: 14px; } }
@media (min-width: 721px) and (max-width: 1250px) { .dm-carousel, .dm-slides { height: auto; min-height: 0; aspect-ratio: 1342 / 315; }.dm-slide picture, .dm-slide img { height: 100%; } }
@media (max-width: 720px) { .dm-app { display: block; }.dm-rail { display: none; }.dm-top { min-height: 58px; }.dm-top-inner { width: calc(100% - 24px); min-height: 58px; }.dm-wordmark { width: 48px; height: 48px; content: url("/assets/marks/dragonmoney.png"); object-fit: contain; object-position: center; }.dm-menu { display: none; }.dm-in, .dm-reg { padding: 9px 12px; font-size: 13px; }.dm-flag { display: none; }.dm-content { width: calc(100% - 30px); margin: 20px auto 86px; }.dm-intro { display: block; margin-bottom: 16px; }.dm-heading { margin-bottom: 16px; font-size: 30px; }.dm-lead { margin-bottom: 18px; font-size: 15px; }.dm-cta { width: 100%; min-width: 0; }.dm-stats { gap: 8px; margin-top: 14px; }.dm-stats article { min-height: 72px; padding: 15px 8px 10px 43px; }.dm-stats span { left: 10px; top: 22px; width: 26px; height: 26px; font-size: 15px; }.dm-stats p { margin-bottom: 4px; font-size: 12px; }.dm-stats b { display: block; overflow: hidden; font-size: 16px; text-overflow: ellipsis; }.dm-carousel, .dm-slides { min-height: 194px; }.dm-slide picture, .dm-slide img { height: 194px; }.dm-prev, .dm-next { display: none; }.dm-dots { right: 50%; transform: translateX(50%); }.dm-dots button { width: 28px; }.dm-slide-alt > div { padding: 35px 26px; }.dm-slide-alt h2 { font-size: 25px; }.dm-panels { grid-template-columns: 1fr; gap: 14px; margin-top: 22px; }.dm-panel { min-height: 0; padding: 16px; }.dm-panel-top h2 { font-size: 22px; }.dm-panel .slot-shelf li { flex-basis: 78px; }.dm-panel .slot-shelf img, .dm-live-cards img { height: 104px; }.dm-panel .slot-shelf h3, .dm-panel .slot-shelf p { display: none; }.dm-live-cards { gap: 8px; }.dm-story { margin-top: 24px; }.dm-tabs { position: fixed; right: 0; bottom: 0; left: 0; z-index: 50; display: grid; grid-template-columns: repeat(5, 1fr); min-height: 58px; background: #202330; border-top: 1px solid #343746; }.dm-tabs a { display: grid; place-items: center; color: #d4d7e0; font-size: 21px; }.dm-tab-home { color: #efaa00; }.dm-tab-flag b { font-size: 13px; font-weight: 800; color: #d4d7e0; } }
@media (prefers-reduced-motion: reduce) { .dm-slide { transition: none; } }

/* Keep chat in the desktop working area, as on the official cabinet; only
   the tablet layout collapses it.  The banners have pagination, not controls
   stamped on the artwork itself. */
.dm-slide-offer { background: radial-gradient(circle at 74% 35%, rgba(252,167,0,.6), transparent 20%), linear-gradient(115deg, #111a33, #33230f 62%, #101521); }
.dm-slide-offer > div { max-width: 460px; padding: 58px 68px; }.dm-slide-offer p { margin: 0 0 8px; color: #a4dc3d; font-size: 14px; font-weight: 900; }.dm-slide-offer h2 { margin: 0 0 12px; color: #fff; font-size: 38px; line-height: 1; }.dm-slide-offer span { display: block; max-width: 320px; color: #e4e7ef; line-height: 1.4; }.dm-slide-offer a { display: inline-block; margin-top: 22px; padding: 12px 18px; border-radius: 7px; background: #f2aa00; color: #121212; font-weight: 900; }
.dm-slide video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
@media (min-width: 721px) { .dm-carousel, .dm-slides { height: auto; min-height: 0; aspect-ratio: 1342 / 315; } }
.dm-game-cards img, .dm-live-cards img { height: auto; aspect-ratio: 292 / 392; }
.dm-prev, .dm-next { display: none; }.dm-footer { margin-top: 28px; }
@media (min-width: 1151px) and (max-width: 1500px) { .dm-app { grid-template-columns: 80px minmax(0, 1fr) 410px; }.dm-chat { display: block; }.dm-content, .dm-top-inner { width: min(920px, calc(100% - 36px)); }.dm-intro { grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); gap: 24px; }.dm-lead { font-size: 15px; }.dm-stats b { font-size: 22px; }.dm-menu { display: none; } }
@media (min-width: 1151px) { .dm-intro { grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); } }
@media (max-width: 1150px) { .dm-app { grid-template-columns: 64px minmax(0,1fr); }.dm-chat { display: none; }.dm-content, .dm-top-inner { width: min(1100px, calc(100% - 32px)); }.dm-intro { grid-template-columns: 1fr; } }

.dm-panel { position: relative; }.dm-panel::before { position: absolute; inset: 0; content: ""; opacity: .32; background: linear-gradient(125deg, rgba(20,31,60,.98), rgba(15,18,30,.5)), url("/assets/lobby/dragonmoney/hero.webp") center/cover; }.dm-live::before { background: linear-gradient(125deg, rgba(22,30,51,.96), rgba(18,16,33,.52)), url("/assets/lobby/dragonmoney/app.webp") center/cover; }.dm-panel > * { position: relative; z-index: 1; }
.dm-brand-lockup { display: inline-flex; align-items: center; gap: 11px; color: #fff; white-space: nowrap; }.dm-lockup-mark { width: 54px; height: 54px; flex: 0 0 auto; object-fit: contain; }.dm-brand-lockup b { max-width: 108px; white-space: normal; font-size: 21px; font-weight: 900; line-height: .84; letter-spacing: .3px; text-transform: uppercase; color: #fff; background: linear-gradient(180deg, #fff 52%, #f1aa00); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }.dm-game-cards, .dm-live-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 17px; }.dm-game-cards img, .dm-live-cards img { display: block; width: 100%; height: 168px; border-radius: 10px; object-fit: cover; box-shadow: 0 7px 14px #0005; }.dm-slots::before { background: linear-gradient(90deg, #15223dbe, #15223d55), url("/assets/lobby/dragonmoney/official/slots-bg.avif") center/cover; }.dm-live::before { background: linear-gradient(90deg, #15223dbe, #15223d55), url("/assets/lobby/dragonmoney/official/live-bg.avif") center/cover; }.dm-stats, .dm-stats article { min-width: 0; }.dm-stats b { display: block; overflow: hidden; text-overflow: ellipsis; }@media (max-width: 720px) { .dm-brand-lockup { display: none; }.dm-game-cards, .dm-live-cards { gap: 8px; margin-top: 12px; }.dm-game-cards img, .dm-live-cards img { height: 104px; border-radius: 7px; } }
@media (max-width: 720px) { .dm-game-cards img, .dm-live-cards img { height: auto; aspect-ratio: 292 / 392; } }
@media (min-width: 1151px) and (max-width: 1500px) {
  .dm-intro { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .dm-intro > div:first-child { display: contents; }
  .dm-heading { order: 1; margin: 0; }
  .dm-stats { order: 2; max-width: none; }
  .dm-lead { order: 3; max-width: none; margin: 0; }
  .dm-cta { order: 4; width: min(320px, 100%); }
  .dm-stats b { font-size: clamp(18px, 1.7vw, 26px); }
}
.dm-footer { padding-top: 22px; border-top: 1px solid #383b48; }
.dm-footer nav { display: flex; flex-wrap: wrap; gap: 12px 18px; padding-bottom: 22px; border-bottom: 1px solid #383b48; color: #f0f0f4; font-size: 14px; }
.dm-footer .dm-footer-details { display: flex; align-items: center; gap: 16px; padding-top: 20px; color: #989ba9; }
.dm-footer-details img { width: 42px; height: 42px; object-fit: contain; }.dm-footer-details p { max-width: 520px; }
.dm-game-cards img, .dm-live-cards img { height: auto; aspect-ratio: 292 / 392; }
.dm-slide .dm-slide-mobile { display: none; }
.dm-mobile-logo { display: none; }
@media (max-width: 720px) {
  .dm-carousel, .dm-slides { height: auto; min-height: 0; aspect-ratio: 748 / 400; }
  .dm-slide video { display: none; }
  .dm-slide .dm-slide-mobile { display: block; width: 100%; height: 100%; object-fit: cover; }
  .dm-mobile-logo { display: block; width: 40px; height: 40px; flex: 0 0 40px; }
  .dm-mobile-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .dm-intro { display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
  .dm-intro > div:first-child { display: contents; }
  .dm-heading { order: 1; margin: 0; }
  .dm-stats { order: 2; margin: 0; }
  .dm-lead { order: 3; margin: 0; }
  .dm-cta { order: 4; }
  .dm-stats article:last-child b { font-size: clamp(10px, 3.1vw, 15px); }
}

/* Отклик карточек слотов/лайва DragonMoney при наведении */
.dm-panel img { transition: transform .2s ease, filter .2s ease, box-shadow .2s ease; cursor: pointer; }
.dm-panel img:hover { transform: translateY(-5px) scale(1.03); filter: brightness(1.08) saturate(1.05); box-shadow: 0 12px 24px rgba(0,0,0,.5); position: relative; z-index: 1; }

/* Merch — жёлтый + иконка куртки; флаг РФ картинкой; без фоновой плашки */
.dm-menu a.dm-merch { color: #f2a100; display: inline-flex; align-items: center; gap: 7px; }
.dm-menu a.dm-merch:hover { color: #ffbf33; }
.dm-menu a.dm-merch::before { content: ""; width: 20px; height: 20px; flex: 0 0 20px; background: url("/assets/lobby/dragonmoney/merch-jacket.svg") center/contain no-repeat; }
.dm-flag { width: 34px; height: 24px; padding: 0; border-radius: 4px; overflow: hidden; background: none; }
.dm-flag img { width: 100%; height: 100%; object-fit: cover; display: block; }