/* Online Hoard — тема для urodragon-online.com. Сгенерировано tools/build_themes.py */
:root{--oh-bg:#03112E;--oh-bg2:#021028;--oh-c1:#0D244E;--oh-c2:#091B3B;--oh-c3:#243054;--oh-gold:#F2C347;--oh-gold2:#FFCC63;--oh-gold3:#FFEB98;--oh-amber:#EF9A00;--oh-on:#523403;--oh-steel:#8C9FB5;--oh-mute:rgba(255,255,255,.5);--oh-line:rgba(140,159,181,.16);--oh-grad:linear-gradient(180deg,#CBA875 0%,#F2AB0F 100%);--oh-headbg:rgba(3,17,46,.9);--oh-herobg:radial-gradient(900px 300px at 50% 100%,rgba(239,154,0,.12),transparent 70%);--oh-r:16px;--oh-rb:999px;--oh-w:1220px;}
@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(--oh-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(--oh-gold2)}
a:hover{color:var(--oh-gold3)}
:focus-visible{outline:2px solid var(--oh-gold2);outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.ohInner{width:100%;max-width:var(--oh-w);margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}
.ohPress{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:0;border-radius:var(--oh-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}
.ohPress:active{transform:translateY(1px)}
.ohBtnGold{background:var(--oh-grad);color:var(--oh-on);box-shadow:0 8px 22px -10px rgba(242,171,15,.75)}
.ohBtnGold:hover{color:var(--oh-on);filter:brightness(1.08)}
.ohSecondary{background:var(--oh-c3);color:#fff}
.ohSecondary:hover{color:#fff;background:#2e3c68}
.ohXl{min-height:52px;padding:14px 34px;font-size:16px}
.ohAction{display:flex;justify-content:center;margin:28px 0}
.ohEmblem{display:inline-flex;align-items:center;flex:none;line-height:0}
.ohEmblem img{width:auto;height:38px}
.ohUser{display:flex;gap:10px;margin-left:auto}
@media (max-width:560px){.ohEmblem img{height:28px}.ohUser{gap:6px}.ohUser .ohPress{min-height:38px;padding:8px 12px;font-size:13.5px}}
@media (max-width:360px){.ohUser .ohSecondary{display:none}}
.ohHeading{margin:0 0 12px;font-size:clamp(26px,4.2vw,44px);line-height:1.15;font-weight:800;letter-spacing:-.01em;color:#fff}
.ohLead{margin:0 0 22px;font-size:clamp(15px,1.7vw,18px);color:rgba(255,255,255,.75)}
.ohCtaRow{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:420px){.ohCtaRow .ohPress{flex:1 1 100%}}
.ohPicture{display:block;overflow:hidden;line-height:0;border-radius:var(--oh-r)}
.ohHeroImg{width:100%;height:auto}
.ohMain{padding:34px 0 56px}
.ohText{min-width:0;font-size:16.5px}
.ohText :where(h2){margin:1.9em 0 .65em;font-size:clamp(22px,2.7vw,30px);line-height:1.25;font-weight:800;color:#fff}
.ohText :where(h2:first-child){margin-top:0}
.ohText :where(h3){margin:1.5em 0 .5em;font-size:clamp(18px,2vw,21px);line-height:1.3;font-weight:700;color:var(--oh-gold2)}
.ohText :where(p){margin:0 0 1em;color:rgba(255,255,255,.86)}
.ohText :where(strong,b){color:#fff}
.ohText :where(ul,ol){margin:0 0 1.15em;padding-left:1.35em}
.ohText :where(li){margin:.35em 0;color:rgba(255,255,255,.86)}
.ohText :where(ul>li)::marker{color:var(--oh-gold)}
.ohText :where(ol>li)::marker{color:var(--oh-gold);font-weight:700}
.ohText :where(blockquote){margin:1.5em 0;padding:16px 20px;border-left:3px solid var(--oh-gold);border-radius:0 var(--oh-r) var(--oh-r) 0;background:var(--oh-c1);color:rgba(255,255,255,.82)}
.ohText :where(blockquote p:last-child){margin-bottom:0}
.ohScrollX{margin:1.5em 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--oh-r)}
.ohText :where(table){width:100%;min-width:520px;border-collapse:collapse;font-size:15px}
.ohText :where(th,td){padding:12px 14px;text-align:left;vertical-align:top}
.ohText :where(th){font-weight:700}
.ohText :where(td){color:rgba(255,255,255,.85)}
.ohText :where(details){margin:10px 0}
.ohText :where(summary){position:relative;padding:15px 36px 15px 0;font-weight:700;color:#fff;cursor:pointer;list-style:none}
.ohText :where(summary)::-webkit-details-marker{display:none}
.ohText :where(summary)::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;line-height:1;color:var(--oh-gold)}
.ohText :where(details[open]>summary)::after{content:"\2212"}
.ohText 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}
.ohText summary>h3::before,.ohText summary>h3::after{content:none;display:none}
.ohText :where(h2[id],h3[id]){scroll-margin-top:96px}
.ohGames{margin:1.7em 0}
.ohLobbyList{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.ohTile{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;border-radius:var(--oh-r);background:var(--oh-c1)}
.ohTileLink{position:relative;display:block;flex:1 1 auto;overflow:hidden;color:#fff;text-decoration:none}
.ohSlotPic{width:100%;height:auto;aspect-ratio:300/188;object-fit:cover;transition:transform .35s}
.ohTileLink:hover .ohSlotPic{transform:scale(1.06)}
.ohGameName{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}
.ohTileLink:hover .ohGameName{color:var(--oh-gold2)}
.ohGamePlay{flex:none;margin:0 10px 10px;min-height:34px;padding:6px 12px;font-size:13.5px}
.ohPots{display:grid;gap:14px;margin:1.7em 0}
.ohJp{position:relative;width:100%;max-width:340px;margin:0 auto;container-type:inline-size}
.ohJpPic{width:100%;height:auto}
.ohJackpotName,.ohPotBet,.ohJpSub{position:absolute;display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;white-space:nowrap}
.ohJackpotName{left:15%;width:70%;top:1%;height:24%;font-size:15px;font-size:6cqw;font-weight:800;letter-spacing:.14em;color:var(--oh-gold3)}
.ohPotBet{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)}
.ohJpSub{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)}
.ohJpHint{grid-column:1/-1;margin:2px 0 0;text-align:center;font-size:14px;color:var(--oh-steel)}
.ohOffers{display:grid;gap:16px;margin:1.7em 0}
.ohPromoCard{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid rgba(242,195,71,.2);border-radius:var(--oh-r);background:linear-gradient(160deg,var(--oh-c2) 0%,var(--oh-c1) 100%)}
.ohDealTag{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--oh-steel)}
.ohOfferAmount{font-size:clamp(24px,3vw,30px);font-weight:800;line-height:1.15;color:var(--oh-gold)}
.ohBonusText{font-size:15px;color:rgba(255,255,255,.86)}
.ohPromoTerms{font-size:13px;color:var(--oh-mute)}
.ohOfferBtn{align-self:flex-start;margin-top:10px}
.ohBillboard{margin:1.9em 0}
.ohBannerGo{display:block;overflow:hidden;line-height:0;border-radius:var(--oh-r)}
.ohBannerPic{width:100%;height:auto;transition:transform .4s}
.ohBannerGo:hover .ohBannerPic{transform:scale(1.015)}
.ohCats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.ohCats a{display:inline-block;padding:8px 16px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:var(--oh-c2);font-size:14px;font-weight:600;color:#fff;text-decoration:none}
.ohCats a:hover{border-color:var(--oh-gold);color:var(--oh-gold2)}
.ohBase{padding:40px 0 26px;background:var(--oh-bg2);border-top:1px solid var(--oh-line);font-size:14px;color:var(--oh-steel)}
.ohFootBrand{width:auto;height:40px}
.ohDisclaimer{max-width:470px;margin:14px 0;line-height:1.6}
.ohFooterTitle{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.ohPayments{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.ohPayments li{display:flex;align-items:center;justify-content:center;width:58px;height:46px;border-radius:8px;background:var(--oh-c1)}
.ohPayments img{width:36px;height:36px}
.ohSeals{display:flex;align-items:center;gap:14px;margin:14px 0}
.ohSeals img{width:auto;height:40px}
.ohHelp{margin:0;padding:0;list-style:none}
.ohHelp li{margin:0 0 6px}
.ohHelp span{color:#fff}
.ohRights{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--oh-line);font-size:13px}
.ohNotFound{padding:70px 0;text-align:center}
.ohNotFound .ohCtaRow{justify-content:center}
.ohTopbar{position:sticky;top:0;z-index:50;background:var(--oh-headbg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--oh-line)}.ohHeaderIn{display:flex;align-items:center;gap:16px;min-height:70px}.ohLinks{display:flex;gap:2px;margin:0 0 0 14px;padding:0;list-style:none}.ohLinks a{display:block;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;color:rgba(255,255,255,.78);text-decoration:none}.ohLinks a:hover{color:var(--oh-gold2);background:rgba(255,255,255,.05)}@media (max-width:1060px){.ohLinks{display:none}}
.ohSiteNav{flex:1 1 auto;min-width:0}
.ohNavList{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin:0;padding:0;list-style:none}
.ohNavList li{position:relative;margin:0;list-style:none}
.ohNavList 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}
.ohNavList a:hover,.ohNavList .current-menu-item>a,.ohNavList .current_page_item>a,.ohNavList .current-menu-ancestor>a,.ohNavList .current_page_ancestor>a{color:var(--oh-gold2)}
.ohNavList .menu-item-has-children>a::after,.ohNavList .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)}
.ohNavList 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(--oh-r);background:var(--oh-c1);box-shadow:0 18px 40px -18px rgba(0,0,0,.85)}
.ohNavList>li:nth-last-child(-n+3)>ul{left:auto;right:0}
.ohNavList li:hover>ul,.ohNavList li:focus-within>ul{display:block}
.ohNavList ul a{padding:7px 10px;font-weight:500;white-space:normal}
.ohNavList ul a:hover{background:rgba(255,255,255,.05)}
.ohNavList li:hover>ul:has(>li:nth-child(11)),.ohNavList 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}
.ohHamburger,.ohHamburger-sub{display:none}
@media (max-width:1099px){
.ohHamburger{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}
.ohHamburger span{display:block;height:2px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
.ohHamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.ohHamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.ohHamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.ohSiteNav{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(--oh-line);background:var(--oh-bg2);box-shadow:0 24px 40px -20px rgba(0,0,0,.85)}
.ohSiteNav.is-open{display:block}
.ohNavList{display:block}
.ohNavList>li{border-bottom:1px solid var(--oh-line)}
.ohNavList a{padding:12px 44px 12px 4px;font-size:15px;white-space:normal}
.ohNavList .menu-item-has-children>a::after,.ohNavList .page_item_has_children>a::after{display:none}
.ohNavList 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}
.ohNavList li.is-open>ul{display:block!important}
.ohHamburger-sub{position:absolute;right:0;top:3px;display:block;width:42px;height:40px;border:0;background:none;color:var(--oh-gold);cursor:pointer}
.ohHamburger-sub::before{content:"";display:block;width:8px;height:8px;margin:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.ohNavList li.is-open>.ohHamburger-sub::before{transform:rotate(-135deg)}
}
.ohTitleBar{padding:24px 0 6px;background:var(--oh-herobg)}
.ohTitleBar .ohHeading{margin:10px 0 8px;font-size:clamp(24px,3.6vw,38px)}
.ohTrail{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13px;color:var(--oh-steel)}
.ohTrail a{color:var(--oh-steel);text-decoration:none}
.ohTrail a:hover{color:var(--oh-gold2)}
.ohTrail [aria-current]{color:rgba(255,255,255,.78)}
.ohText :where(img){border-radius:var(--oh-r)}
.ohText :where(p>img:only-child){margin:.4em auto}
.ohText :where(a:not([class]):not([role=button])){color:var(--oh-gold2);text-decoration:underline;text-underline-offset:3px}
.ohSectionPages{padding:0 0 52px}
.ohRelatedTitle{margin:0 0 16px;font-size:clamp(20px,2.4vw,26px);font-weight:800;line-height:1.25}
.ohRelatedList{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.ohRelatedList a{display:block;height:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:var(--oh-r);background:var(--oh-c1);font-size:14.5px;font-weight:600;color:#fff;text-decoration:none}
.ohRelatedList a:hover{border-color:var(--oh-gold);color:var(--oh-gold2)}
.ohStage{padding-bottom:4px;background:var(--oh-herobg)}.ohStage>.ohPicture{max-width:1248px;margin:0 auto;border-radius:0 0 var(--oh-r) var(--oh-r)}.ohIntroCopy{position:relative;max-width:880px;margin:-64px auto 0;padding:26px clamp(18px,4vw,40px);border:1px solid rgba(242,195,71,.22);border-radius:var(--oh-r);background:var(--oh-c1);box-shadow:0 24px 60px -24px rgba(0,0,0,.75);text-align:center}.ohIntroCopy .ohCtaRow{justify-content:center}@media (max-width:700px){.ohIntroCopy{margin-top:-18px}.ohStage>.ohPicture{border-radius:0}}
.ohCard{max-width:980px;margin:0 auto;padding:clamp(20px,4vw,48px);border:1px solid rgba(255,255,255,.05);border-radius:var(--oh-r);background:var(--oh-c1)}.ohCard :where(details,blockquote){background:var(--oh-c2)}.ohCard .ohTile{background:var(--oh-c2)}
.ohFooterRow{display:flex;flex-direction:column;align-items:center;text-align:center}.ohFooterRow .ohPayments{justify-content:center;margin-top:20px}.ohFooterRow .ohDisclaimer{margin-left:auto;margin-right:auto}.ohFooterRow .ohHelp li{display:inline-block;margin:0 10px 6px}.ohFooterRow .ohRights{align-self:stretch}
.ohDock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--oh-line);background:rgba(2,16,40,.96)}.ohDock .ohPress{flex:1}@media (min-width:760px){.ohDock{display:none}}@media (max-width:759px){body{padding-bottom:72px}}
.ohLobbyList{grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:46%;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--oh-gold) var(--oh-c1)}.ohTile{scroll-snap-align:start}@media (min-width:700px){.ohLobbyList{grid-auto-columns:31%}}@media (min-width:1000px){.ohLobbyList{grid-auto-columns:23.5%}}
@media (min-width:720px){.ohPots{grid-template-columns:repeat(3,minmax(0,1fr))}}.ohJpPic{filter:drop-shadow(0 10px 22px rgba(239,154,0,.35))}
@media (min-width:760px){.ohOffers{grid-template-columns:repeat(3,minmax(0,1fr))}}.ohPromoCard{align-items:center;border:2px dashed rgba(242,195,71,.45);background:var(--oh-c1);text-align:center}.ohOfferBtn{align-self:center}
.ohText :where(h2)::before{content:"";display:inline-block;width:11px;height:11px;margin-right:14px;vertical-align:middle;position:relative;top:-3px;background:var(--oh-gold);transform:rotate(45deg)}
.ohText :where(details){padding:0 18px;border:1px solid rgba(255,255,255,.06);border-radius:var(--oh-r);background:var(--oh-c1)}.ohText :where(details[open]){border-color:rgba(242,195,71,.32)}.ohText :where(details>:not(summary)){padding-bottom:4px}
.ohText :where(th){background:#E5AE2A;color:var(--oh-on)}.ohText :where(thead tr){background:var(--oh-grad)}.ohText :where(thead th){background:none}.ohText :where(tr:nth-child(odd)>td){background:var(--oh-c1)}.ohText :where(tr:nth-child(even)>td){background:var(--oh-c2)}
.ohIntroCopy{background:linear-gradient(180deg,var(--oh-c1),#0A1C40)}.ohBase{text-align:center}
@media (min-width:900px){.ohStage>.ohPicture{max-width:640px;margin-top:24px;border-radius:var(--oh-r)}.ohIntroCopy{max-width:780px;margin-top:-36px}}
.ohText a.ohPress,.ohText a.ohPress:link,.ohText a.ohPress:visited,.ohText a.ohPress:hover,.ohText a.ohPress:focus,.ohText a.ohPress:active{text-decoration:none}.ohText a.ohBtnGold,.ohText a.ohBtnGold:link,.ohText a.ohBtnGold:visited,.ohText a.ohBtnGold:hover,.ohText a.ohBtnGold:focus,.ohText a.ohBtnGold:active{color:var(--oh-on)}.ohText a.ohSecondary,.ohText a.ohSecondary:link,.ohText a.ohSecondary:visited,.ohText a.ohSecondary:hover,.ohText a.ohSecondary:focus,.ohText a.ohSecondary:active{color:#fff}.ohText a.ohTileLink,.ohText a.ohTileLink:link,.ohText a.ohTileLink:visited,.ohText a.ohTileLink:hover,.ohText a.ohTileLink:focus,.ohText a.ohTileLink:active,.ohText a.ohBannerGo,.ohText a.ohBannerGo:link,.ohText a.ohBannerGo:visited,.ohText a.ohBannerGo:hover,.ohText a.ohBannerGo:focus,.ohText a.ohBannerGo:active{text-decoration:none}.ohText a.ohTileLink,.ohText a.ohTileLink:visited{color:#fff}