/* Mirror Gate — тема для urodragon.org. Сгенерировано tools/build_themes.py */
:root{--mg-bg:#021028;--mg-bg2:#03112E;--mg-c1:#091B3B;--mg-c2:#0D244E;--mg-c3:#243054;--mg-gold:#F2C347;--mg-gold2:#FFCC63;--mg-gold3:#FFEB98;--mg-amber:#EF9A00;--mg-on:#523403;--mg-steel:#8C9FB5;--mg-mute:rgba(255,255,255,.5);--mg-line:rgba(140,159,181,.16);--mg-grad:linear-gradient(180deg,#CBA875 0%,#F2AB0F 100%);--mg-headbg:rgba(2,16,40,.9);--mg-herobg:linear-gradient(180deg,#0A1F47 0%,rgba(2,16,40,0) 100%);--mg-r:8px;--mg-rb:6px;--mg-w:1240px;}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(../fonts/opensans-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(../fonts/opensans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--mg-bg);color:#fff;font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:var(--mg-gold2)}
a:hover{color:var(--mg-gold3)}
:focus-visible{outline:2px solid var(--mg-gold2);outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.mg__limit{width:100%;max-width:var(--mg-w);margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}
.mg__act{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:0;border-radius:var(--mg-rb);font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .2s,background-color .2s,transform .2s}
.mg__act:active{transform:translateY(1px)}
.mg__gold{background:var(--mg-grad);color:var(--mg-on);box-shadow:0 8px 22px -10px rgba(242,171,15,.75)}
.mg__gold:hover{color:var(--mg-on);filter:brightness(1.08)}
.mg__btn-ghost{background:var(--mg-c3);color:#fff}
.mg__btn-ghost:hover{color:#fff;background:#2e3c68}
.mg__btn-lg{min-height:52px;padding:14px 34px;font-size:16px}
.mg__button-row{display:flex;justify-content:center;margin:28px 0}
.mg__emblem{display:inline-flex;align-items:center;flex:none;line-height:0}
.mg__emblem img{width:auto;height:38px}
.mg__user{display:flex;gap:10px;margin-left:auto}
@media (max-width:560px){.mg__emblem img{height:28px}.mg__user{gap:6px}.mg__user .mg__act{min-height:38px;padding:8px 12px;font-size:13.5px}}
@media (max-width:360px){.mg__user .mg__btn-ghost{display:none}}
.mg__h1{margin:0 0 12px;font-size:clamp(26px,4.2vw,44px);line-height:1.15;font-weight:800;letter-spacing:-.01em;color:#fff}
.mg__lead{margin:0 0 22px;font-size:clamp(15px,1.7vw,18px);color:rgba(255,255,255,.75)}
.mg__buttons{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:420px){.mg__buttons .mg__act{flex:1 1 100%}}
.mg__picture{display:block;overflow:hidden;line-height:0;border-radius:var(--mg-r)}
.mg__visual-img{width:100%;height:auto}
.mg__main{padding:34px 0 56px}
.mg__prose{min-width:0;font-size:16.5px}
.mg__prose :where(h2){margin:1.9em 0 .65em;font-size:clamp(22px,2.7vw,30px);line-height:1.25;font-weight:800;color:#fff}
.mg__prose :where(h2:first-child){margin-top:0}
.mg__prose :where(h3){margin:1.5em 0 .5em;font-size:clamp(18px,2vw,21px);line-height:1.3;font-weight:700;color:var(--mg-gold2)}
.mg__prose :where(p){margin:0 0 1em;color:rgba(255,255,255,.86)}
.mg__prose :where(strong,b){color:#fff}
.mg__prose :where(ul,ol){margin:0 0 1.15em;padding-left:1.35em}
.mg__prose :where(li){margin:.35em 0;color:rgba(255,255,255,.86)}
.mg__prose :where(ul>li)::marker{color:var(--mg-gold)}
.mg__prose :where(ol>li)::marker{color:var(--mg-gold);font-weight:700}
.mg__prose :where(blockquote){margin:1.5em 0;padding:16px 20px;border-left:3px solid var(--mg-gold);border-radius:0 var(--mg-r) var(--mg-r) 0;background:var(--mg-c1);color:rgba(255,255,255,.82)}
.mg__prose :where(blockquote p:last-child){margin-bottom:0}
.mg__scroll-x{margin:1.5em 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--mg-r)}
.mg__prose :where(table){width:100%;min-width:520px;border-collapse:collapse;font-size:15px}
.mg__prose :where(th,td){padding:12px 14px;text-align:left;vertical-align:top}
.mg__prose :where(th){font-weight:700}
.mg__prose :where(td){color:rgba(255,255,255,.85)}
.mg__prose :where(details){margin:10px 0}
.mg__prose :where(summary){position:relative;padding:15px 36px 15px 0;font-weight:700;color:#fff;cursor:pointer;list-style:none}
.mg__prose :where(summary)::-webkit-details-marker{display:none}
.mg__prose :where(summary)::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;line-height:1;color:var(--mg-gold)}
.mg__prose :where(details[open]>summary)::after{content:"\2212"}
.mg__prose summary>h3{display:block;margin:0;padding:0;border:0;background:none;font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;color:inherit}
.mg__prose summary>h3::before,.mg__prose summary>h3::after{content:none;display:none}
.mg__prose :where(h2[id],h3[id]){scroll-margin-top:96px}
.mg__games{margin:1.7em 0}
.mg__games-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.mg__slot{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;border-radius:var(--mg-r);background:var(--mg-c1)}
.mg__game-link{position:relative;display:block;flex:1 1 auto;overflow:hidden;color:#fff;text-decoration:none}
.mg__thumb{width:100%;height:auto;aspect-ratio:300/188;object-fit:cover;transition:transform .35s}
.mg__game-link:hover .mg__thumb{transform:scale(1.06)}
.mg__slot-title{display:block;padding:8px 10px;overflow:hidden;font-size:13px;font-weight:600;line-height:1.3;color:#fff;white-space:nowrap;text-overflow:ellipsis}
.mg__game-link:hover .mg__slot-title{color:var(--mg-gold2)}
.mg__play-btn{flex:none;margin:0 10px 10px;min-height:34px;padding:6px 12px;font-size:13.5px}
.mg__jp-row{display:grid;gap:14px;margin:1.7em 0}
.mg__jp{position:relative;width:100%;max-width:340px;margin:0 auto;container-type:inline-size}
.mg__pot-img{width:100%;height:auto}
.mg__pot-name,.mg__jackpot-bet,.mg__pot-label{position:absolute;display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;white-space:nowrap}
.mg__pot-name{left:15%;width:70%;top:1%;height:24%;font-size:15px;font-size:6cqw;font-weight:800;letter-spacing:.14em;color:var(--mg-gold3)}
.mg__jackpot-bet{left:6%;right:6%;top:28%;height:39%;font-size:19px;font-size:8cqw;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.mg__pot-label{left:20%;width:60%;top:68%;height:19%;font-size:11px;font-size:4.4cqw;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.mg__pots-note{grid-column:1/-1;margin:2px 0 0;text-align:center;font-size:14px;color:var(--mg-steel)}
.mg__bonuses{display:grid;gap:16px;margin:1.7em 0}
.mg__bonus{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid rgba(242,195,71,.2);border-radius:var(--mg-r);background:linear-gradient(160deg,var(--mg-c2) 0%,var(--mg-c1) 100%)}
.mg__offer-kind{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mg-steel)}
.mg__offer-amount{font-size:clamp(24px,3vw,30px);font-weight:800;line-height:1.15;color:var(--mg-gold)}
.mg__promo-desc{font-size:15px;color:rgba(255,255,255,.86)}
.mg__bonus-terms{font-size:13px;color:var(--mg-mute)}
.mg__deal-btn{align-self:flex-start;margin-top:10px}
.mg__billboard{margin:1.9em 0}
.mg__billboard-a{display:block;overflow:hidden;line-height:0;border-radius:var(--mg-r)}
.mg__banner-pic{width:100%;height:auto;transition:transform .4s}
.mg__billboard-a:hover .mg__banner-pic{transform:scale(1.015)}
.mg__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.mg__pills a{display:inline-block;padding:8px 16px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:var(--mg-c2);font-size:14px;font-weight:600;color:#fff;text-decoration:none}
.mg__pills a:hover{border-color:var(--mg-gold);color:var(--mg-gold2)}
.mg__base{padding:40px 0 26px;background:var(--mg-bg2);border-top:1px solid var(--mg-line);font-size:14px;color:var(--mg-steel)}
.mg__bottom-mark{width:auto;height:40px}
.mg__legal{max-width:470px;margin:14px 0;line-height:1.6}
.mg__foot-label{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.mg__methods{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.mg__methods li{display:flex;align-items:center;justify-content:center;width:58px;height:46px;border-radius:8px;background:var(--mg-c1)}
.mg__methods img{width:36px;height:36px}
.mg__badges{display:flex;align-items:center;gap:14px;margin:14px 0}
.mg__badges img{width:auto;height:40px}
.mg__support{margin:0;padding:0;list-style:none}
.mg__support li{margin:0 0 6px}
.mg__support span{color:#fff}
.mg__rights{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--mg-line);font-size:13px}
.mg__e404{padding:70px 0;text-align:center}
.mg__e404 .mg__buttons{justify-content:center}
.mg__ribbon{background:var(--mg-bg2);border-bottom:1px solid var(--mg-line);font-size:12.5px;color:var(--mg-steel)}.mg__ribbon-in{display:flex;flex-wrap:wrap;align-items:center;gap:2px 18px;min-height:32px;padding-top:4px;padding-bottom:4px}.mg__ribbon-in span:first-child{font-weight:800;color:var(--mg-gold)}.mg__header{position:sticky;top:0;z-index:50;background:var(--mg-headbg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--mg-line)}.mg__bar{display:flex;align-items:center;gap:16px;min-height:64px}@media (max-width:560px){.mg__ribbon-in span:nth-child(n+4){display:none}}
.mg__menu-wrap{flex:1 1 auto;min-width:0}
.mg__menu-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin:0;padding:0;list-style:none}
.mg__menu-list li{position:relative;margin:0;list-style:none}
.mg__menu-list a{display:block;padding:8px 11px;border-radius:8px;font-size:14px;font-weight:600;line-height:1.3;color:rgba(255,255,255,.82);text-decoration:none;white-space:nowrap}
.mg__menu-list a:hover,.mg__menu-list .current-menu-item>a,.mg__menu-list .current_page_item>a,.mg__menu-list .current-menu-ancestor>a,.mg__menu-list .current_page_ancestor>a{color:var(--mg-gold2)}
.mg__menu-list .menu-item-has-children>a::after,.mg__menu-list .page_item_has_children>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.mg__menu-list ul{position:absolute;left:0;top:100%;z-index:60;display:none;min-width:240px;margin:0;padding:8px;list-style:none;border:1px solid rgba(242,195,71,.2);border-radius:var(--mg-r);background:var(--mg-c1);box-shadow:0 18px 40px -18px rgba(0,0,0,.85)}
.mg__menu-list>li:nth-last-child(-n+3)>ul{left:auto;right:0}
.mg__menu-list li:hover>ul,.mg__menu-list li:focus-within>ul{display:block}
.mg__menu-list ul a{padding:7px 10px;font-weight:500;white-space:normal}
.mg__menu-list ul a:hover{background:rgba(255,255,255,.05)}
.mg__menu-list li:hover>ul:has(>li:nth-child(11)),.mg__menu-list li:focus-within>ul:has(>li:nth-child(11)){display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:0 6px;width:min(780px,92vw);max-height:70vh;overflow-y:auto}
.mg__hamburger,.mg__hamburger-sub{display:none}
@media (max-width:1099px){
.mg__hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;flex:none;width:42px;height:40px;margin-left:6px;padding:0 10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:transparent;cursor:pointer}
.mg__hamburger span{display:block;height:2px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
.mg__hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mg__hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.mg__hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mg__menu-wrap{position:absolute;left:0;right:0;top:100%;z-index:70;display:none;max-height:calc(100vh - 90px);overflow-y:auto;padding:8px 16px 16px;border-bottom:1px solid var(--mg-line);background:var(--mg-bg2);box-shadow:0 24px 40px -20px rgba(0,0,0,.85)}
.mg__menu-wrap.is-open{display:block}
.mg__menu-list{display:block}
.mg__menu-list>li{border-bottom:1px solid var(--mg-line)}
.mg__menu-list a{padding:12px 44px 12px 4px;font-size:15px;white-space:normal}
.mg__menu-list .menu-item-has-children>a::after,.mg__menu-list .page_item_has_children>a::after{display:none}
.mg__menu-list ul{position:static;display:none!important;width:auto;min-width:0;max-height:none;padding:0 0 8px 12px;border:0;background:none;box-shadow:none}
.mg__menu-list li.is-open>ul{display:block!important}
.mg__hamburger-sub{position:absolute;right:0;top:3px;display:block;width:42px;height:40px;border:0;background:none;color:var(--mg-gold);cursor:pointer}
.mg__hamburger-sub::before{content:"";display:block;width:8px;height:8px;margin:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.mg__menu-list li.is-open>.mg__hamburger-sub::before{transform:rotate(-135deg)}
}
.mg__page-head{padding:24px 0 6px;background:var(--mg-herobg)}
.mg__page-head .mg__h1{margin:10px 0 8px;font-size:clamp(24px,3.6vw,38px)}
.mg__trail{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13px;color:var(--mg-steel)}
.mg__trail a{color:var(--mg-steel);text-decoration:none}
.mg__trail a:hover{color:var(--mg-gold2)}
.mg__trail [aria-current]{color:rgba(255,255,255,.78)}
.mg__prose :where(img){border-radius:var(--mg-r)}
.mg__prose :where(p>img:only-child){margin:.4em auto}
.mg__prose :where(a:not([class]):not([role=button])){color:var(--mg-gold2);text-decoration:underline;text-underline-offset:3px}
.mg__subpages{padding:0 0 52px}
.mg__subpages-title{margin:0 0 16px;font-size:clamp(20px,2.4vw,26px);font-weight:800;line-height:1.25}
.mg__more-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.mg__more-list a{display:block;height:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:var(--mg-r);background:var(--mg-c1);font-size:14.5px;font-weight:600;color:#fff;text-decoration:none}
.mg__more-list a:hover{border-color:var(--mg-gold);color:var(--mg-gold2)}
.mg__stage{padding:24px 0 6px;background:var(--mg-herobg)}.mg__promo-body{max-width:880px;margin:26px auto 0;text-align:center}.mg__promo-body .mg__buttons{justify-content:center}
.mg__cols{display:grid;gap:32px}@media (min-width:1000px){.mg__cols{grid-template-columns:minmax(0,1fr) 300px;align-items:start}}
.mg__side-card{position:sticky;top:96px;padding:22px;border:1px solid rgba(242,195,71,.2);border-radius:var(--mg-r);background:var(--mg-c1)}.mg__box-title{margin:0 0 10px;font-size:18px;font-weight:800;color:#fff}.mg__checklist{margin:0 0 14px;padding:0;list-style:none}.mg__checklist li{padding:9px 0;border-bottom:1px solid var(--mg-line);font-size:14px;color:rgba(255,255,255,.8)}.mg__checklist b{display:block;font-size:19px;color:var(--mg-gold)}.mg__side-card .mg__act{width:100%;margin-top:8px}.mg__aside-note{margin:12px 0 0;text-align:center;font-size:12.5px;color:var(--mg-steel)}
.mg__bottom-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:14px 0;border-bottom:1px solid var(--mg-line)}.mg__bottom-in:first-child{padding-top:0}.mg__bottom-in .mg__badges{margin:0}.mg__bottom-in .mg__support li{margin:3px 0}
.mg__games-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width:560px){.mg__games-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1000px){.mg__games-list{grid-template-columns:repeat(6,minmax(0,1fr))}}.mg__slot-title{font-size:12px;text-align:center}
.mg__jp-row{padding:20px 16px 16px;border:1px solid rgba(242,195,71,.18);border-radius:var(--mg-r);background:radial-gradient(600px 200px at 50% 0%,rgba(242,195,71,.12),transparent 70%),var(--mg-c1)}@media (min-width:720px){.mg__jp-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:700px){.mg__bonus{display:grid;grid-template-columns:190px minmax(0,1fr) auto;grid-template-areas:"tag text btn" "val terms btn";align-items:center;gap:4px 22px}.mg__offer-kind{grid-area:tag}.mg__offer-amount{grid-area:val;white-space:nowrap;font-size:clamp(20px,2.4vw,26px)}.mg__promo-desc{grid-area:text}.mg__bonus-terms{grid-area:terms}.mg__deal-btn{grid-area:btn;align-self:center;margin:0}}
.mg__prose :where(h2)::after{content:"";display:block;width:64px;height:3px;margin-top:12px;border-radius:2px;background:var(--mg-grad)}
.mg__prose :where(details){margin:0;border-bottom:1px solid var(--mg-line)}.mg__prose :where(details[open]>summary){color:var(--mg-gold2)}
.mg__scroll-x{border:1px solid var(--mg-line)}.mg__prose :where(th){border-bottom:2px solid var(--mg-gold);color:var(--mg-gold2)}.mg__prose :where(td){border-bottom:1px solid var(--mg-line)}.mg__prose :where(tr:hover>td){background:rgba(255,255,255,.03)}
.mg__promo-body .mg__h1{font-size:clamp(26px,3.6vw,40px)}.mg__offer-amount{font-size:26px}
@media (min-width:900px){.mg__stage .mg__picture{max-width:640px;margin-left:auto;margin-right:auto}}
.mg__prose a.mg__act,.mg__prose a.mg__act:link,.mg__prose a.mg__act:visited,.mg__prose a.mg__act:hover,.mg__prose a.mg__act:focus,.mg__prose a.mg__act:active{text-decoration:none}.mg__prose a.mg__gold,.mg__prose a.mg__gold:link,.mg__prose a.mg__gold:visited,.mg__prose a.mg__gold:hover,.mg__prose a.mg__gold:focus,.mg__prose a.mg__gold:active{color:var(--mg-on)}.mg__prose a.mg__btn-ghost,.mg__prose a.mg__btn-ghost:link,.mg__prose a.mg__btn-ghost:visited,.mg__prose a.mg__btn-ghost:hover,.mg__prose a.mg__btn-ghost:focus,.mg__prose a.mg__btn-ghost:active{color:#fff}.mg__prose a.mg__game-link,.mg__prose a.mg__game-link:link,.mg__prose a.mg__game-link:visited,.mg__prose a.mg__game-link:hover,.mg__prose a.mg__game-link:focus,.mg__prose a.mg__game-link:active,.mg__prose a.mg__billboard-a,.mg__prose a.mg__billboard-a:link,.mg__prose a.mg__billboard-a:visited,.mg__prose a.mg__billboard-a:hover,.mg__prose a.mg__billboard-a:focus,.mg__prose a.mg__billboard-a:active{text-decoration:none}.mg__prose a.mg__game-link,.mg__prose a.mg__game-link:visited{color:#fff}
