*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{background:#000;color:#fff;font:15px/1.5 Arial,Helvetica,sans-serif;padding-bottom:60px}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
/* шапка */
.rh-top{position:sticky;top:0;z-index:20;height:56px;background:#191919;display:flex;align-items:center;justify-content:center}
.rh-menu{position:absolute;left:5px;top:8px;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fffbe8,#efe2b5 60%,#c9a24a);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #d8ab37}
.rh-logo{font:900 30px/1 "Arial Black",Arial,sans-serif;letter-spacing:1px;background:linear-gradient(#fff3c4,#e2bc58 45%,#b98516);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;align-items:center;gap:6px;filter:drop-shadow(0 1px 0 #5a3e06)}
.rh-logo span{font:700 11px/1 Arial,sans-serif;letter-spacing:2px;padding:5px 5px 4px;border:2px solid #d8ab37;border-radius:4px;color:#d8ab37;-webkit-text-fill-color:#d8ab37}
.rh-join{position:absolute;right:15px;top:12px;width:74px;height:32px;border:1px solid #d8ab37;border-radius:4px;background:linear-gradient(#2a2a2a,#0a0a0a);font:900 9px/1 Arial,sans-serif;color:#ffd700;text-align:center;padding-top:6px}
.rh-join small{display:block;font-size:6px;color:#fff;margin-top:4px;letter-spacing:.3px}
/* бегущая строка */
.rh-tick{height:20px;overflow:hidden;background:linear-gradient(#fdf3c0,#f7e099 30%,#ebbc57 65%,#e3a32b);white-space:nowrap}
.rh-tick__run{display:inline-flex;animation:rh-run 40s linear infinite}
.rh-tick__run span{font-size:11px;line-height:20px;letter-spacing:.5px;color:#000;padding-right:80px}
@keyframes rh-run{to{transform:translateX(-50%)}}
/* три колонки */
.rh-grid{display:grid;grid-template-columns:400px minmax(0,1fr) 400px;background:#171516}
.rh-l{background:rgba(0,0,0,.3);padding:15px 15px 70px;display:flex;flex-direction:column;gap:14px}
.rh-c{padding:15px;min-width:0}
.rh-r{background:rgba(0,0,0,.3);border-left:1px solid rgba(255,255,255,.5);padding:25px 24px 30px}
.rh-slide{position:relative;display:block;border-radius:4px;overflow:hidden}
.rh-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px}
.rh-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55)}
.rh-dots i.on{background:#fff;width:8px;height:8px;margin-top:-1px}
.rh-new{position:absolute;right:0;top:0;background:#c40000;color:#fff;font:700 11px/1 Arial;padding:4px 8px}
.rh-info{border:1px solid #d8ab37;border-radius:6px;overflow:hidden;background:#000}
.rh-info__hd{display:flex;justify-content:space-between;align-items:center;height:20px;padding:0 6px;background:linear-gradient(90deg,#181206,#060606 50%,#181206)}
.rh-info__hd span{font:900 11px/1 Arial,Helvetica;color:#ffd700}
.rh-info__hd em{font:900 10px/1 Arial;font-style:normal;color:#000;background:#ffd700;padding:2px 6px;border-radius:2px}
.rh-info table{width:100%;border-collapse:collapse;font-size:11px}
.rh-info th,.rh-info td{border-top:1px solid #3a3a3a;padding:3px 6px;text-align:left;height:19px}
.rh-info th{color:#fff;font-weight:700;width:40%;border-right:1px solid #3a3a3a}
.rh-info td a{color:#ffd700;font-weight:700}
/* категории и плитки */
.rh-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding-bottom:15px;border-bottom:1px solid #444;margin-bottom:12px}
.rh-cat{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid rgba(216,171,55,.7);border-radius:12px;overflow:hidden;background:linear-gradient(#1c1c1c,#050505);margin:0 1px}
.rh-cat img{width:100%;height:100%;object-fit:cover}
.rh-cat--on{border-color:#ffd700}
.rh-cat--txt span{color:#d8ab37}
.rh-w1{font:900 22px/1 "Arial Black",Arial;letter-spacing:-1px;background:linear-gradient(#fff3c4,#d8ab37 55%,#8c6110);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.rh-w2{font:italic 700 18px/1 Georgia,serif;letter-spacing:.5px}
.rh-w3{font:900 26px/1 "Arial Black",Arial;color:transparent!important;-webkit-text-stroke:1.5px #d8ab37}
.rh-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.rh-tile{position:relative;aspect-ratio:1;border:2px solid transparent;outline:1px solid #6b5420;background:linear-gradient(160deg,#2a2418,#0b0b0b 60%,#1a1408);display:flex;align-items:center;justify-content:center;text-align:center;padding:14px 2px 6px;transition:outline-color .2s}
.rh-tile:hover{outline-color:#ffd700}
.rh-tile i{position:absolute;top:0;right:0;font:700 5.5px/1 Arial;font-style:normal;color:#d8ab37;background:#000;border:1px solid #6b5420;border-top:0;border-right:0;padding:2px 3px}
.rh-tile b{font-size:13px;line-height:1.1;color:#f2d27a;max-width:100%}
.rh-tile--a b{font:900 10.5px/1.1 "Arial Black",Arial;color:#ffd700;text-transform:uppercase}
.rh-tile--b b{font:italic 700 13px/1.1 Georgia,serif;color:#fff}
.rh-tile--c b{font:900 11px/1.1 Arial;letter-spacing:0;text-transform:uppercase;background:linear-gradient(#fff3c4,#e2bc58 50%,#b98516);-webkit-background-clip:text;background-clip:text;color:transparent}
.rh-tile--d b{font:700 13px/1.1 Arial;color:#ff4d4d;text-transform:uppercase}
.rh-tile--e b{font:700 12px/1.15 "Trebuchet MS",Arial;color:#9fd3ff;letter-spacing:.5px}
.rh-tile--f b{font:900 12px/1.1 Arial;color:transparent;-webkit-text-stroke:1px #ffd700;text-transform:uppercase}
.rh-wide{display:block;margin-top:16px;text-align:center;border-radius:8px;border:1px solid #d8ab37;background:linear-gradient(135deg,#e2bc58,#b98516);color:#080808;font:700 13px/44px Arial,sans-serif;letter-spacing:.5px}
/* аккаунт справа */
.rh-acc{border:1px solid rgba(216,171,55,.55);border-radius:15px;padding:12px 12px 14px;background:radial-gradient(circle at 92% 5%,rgba(216,171,55,.11),transparent 30%),linear-gradient(145deg,#080808,#0d0d0d 65%,#151005)}
.rh-acc__row{display:flex;justify-content:space-between;gap:8px;margin-bottom:21px}
.rh-acc__row--3{margin-bottom:14px}
.rh-login,.rh-reg{width:79px;height:31px;border-radius:8px;font:700 9px/29px Arial,sans-serif;text-transform:uppercase;text-align:center}
.rh-login{background:linear-gradient(135deg,#e2bc58,#b98516);border:1px solid #d8ab37;color:#080808}
.rh-reg{background:linear-gradient(#202020,#090909);border:1px solid rgba(216,171,55,.45);color:#d8ab37;margin-right:80px}
.rh-btn{flex:1;height:29px;border-radius:8px;background:linear-gradient(#1a1a1a,#090909);border:1px solid rgba(216,171,55,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);color:#d8ab37;font:600 7.5px/27px Arial,sans-serif;letter-spacing:.25px;text-transform:uppercase;text-align:center}
.rh-bal{font-size:7.5px;color:#999}
.rh-sum{font:700 21px/1.1 Arial,sans-serif;color:#d8ab37;margin:4px 0 10px}
.rh-note{border:1px solid #2b2b2b;border-radius:6px;padding:6px 10px}
.rh-note p{font-size:7.5px;color:#999;line-height:14px}
.rh-note b{color:#fff}
.rh-seo{margin-top:22px}
.rh-seo h1{font:900 34px/1.1 "Arial Black",Arial,sans-serif;letter-spacing:1px;background:linear-gradient(#fff3c4,#e2bc58 45%,#b98516);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}
.rh-seo p{font-size:13px;line-height:1.6;color:#d9d9d9;margin-bottom:10px}
/* полоса «приложения» и нижнее меню */
.rh-app{position:fixed;left:10px;bottom:62px;z-index:30;width:370px;height:39px;display:flex;align-items:center;gap:8px;padding:0 6px;border:1px solid #d8ab37;border-radius:4px;background:linear-gradient(90deg,#1b1b1b,#000)}
.rh-app__b{font:900 10px/1 Arial;color:#000;background:linear-gradient(#fff3c4,#d8ab37);border-radius:4px;padding:6px 4px}
.rh-app__n{font:900 14px/1 "Arial Black",Arial;color:#d8ab37}
.rh-app__t{flex:1;font:700 7px/1.3 Arial;color:#fff;text-align:center}
.rh-app__go{font:900 10px/1 Arial;color:#000;background:linear-gradient(#ffe680,#e0a800);padding:6px 10px;border-radius:2px}
.rh-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:59px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:linear-gradient(#050505,#020202);border-top:1px solid #222}
.rh-nav a{position:relative;display:flex;justify-content:center;align-items:center;opacity:.55}
.rh-nav a.rh-nav__on{opacity:1}
.rh-nav img{width:52px;height:52px}
.rh-nav i{position:absolute;top:6px;left:calc(50% + 14px);width:18px;height:18px;border-radius:50%;background:#f07a1a;color:#fff;font:700 11px/18px Arial;font-style:normal;text-align:center}
@media (max-width:1200px){.rh-w1{font-size:16px}.rh-w2{font-size:13px}.rh-w3{font-size:19px}.rh-grid{grid-template-columns:340px minmax(0,1fr) 340px}.rh-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.rh-tile:nth-child(n+13){display:none}}
@media (max-width:900px){
.rh-grid{grid-template-columns:minmax(0,1fr)}
.rh-l{padding:0;gap:0}
.rh-slide{border-radius:0}
.rh-info{margin:12px 10px 0}
.rh-r{order:2;border-left:0;padding:16px 16px 6px}
.rh-c{order:3;padding:12px 10px 20px}
.rh-reg{margin-right:60px}
.rh-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rh-tile:nth-child(n+10){display:none}
.rh-app{left:0;right:0;width:auto;bottom:59px;border-radius:0}
.rh-logo{font-size:26px}
}
@media (max-width:600px){.rh-w1{font-size:22px}.rh-w2{font-size:18px}.rh-w3{font-size:26px}.rh-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 0}.rh-reg{margin-right:0}.rh-join{right:6px}.rh-logo span{display:none}}
