/* Static metal, emerald glass and fine gold engraving. */
:root{--site-header-height:108px;--chrome-gold:#c6ac72}
.header-wrap{background:radial-gradient(ellipse at 12% 100%,#15372c88,transparent 38%),repeating-linear-gradient(168deg,#ffffff02 0 1px,transparent 1px 5px),#0b1112;border-bottom:1px solid #a890514d;backdrop-filter:none;box-shadow:0 8px 30px #0005;isolation:isolate}
.header-wrap::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../assets/img/header-engraving-v98.svg') left center/auto 100% no-repeat}
.header-wrap::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,#67d7a8,#bba16c 25%,#7db9a122,transparent 95%)}
.header.container{min-height:108px;padding-top:14px;padding-bottom:14px;gap:28px;align-items:center;flex-direction:row}
.header-main{gap:30px;flex-shrink:0;align-items:center;flex-direction:row;width:auto}
.brand>a{display:flex;align-items:center;gap:14px;color:#e2e9e9}
.brand img{width:78px;height:78px;display:block;flex:none}
.brand-wordmark{display:grid;gap:1px}
.brand-eyebrow{font:700 8px/1.5 Arial,sans-serif;letter-spacing:2px;color:#9fb5ac;text-transform:uppercase}
.brand-name{font:bold 46px/1 Georgia,'Times New Roman',serif;letter-spacing:1.4px;color:#dce4e5;text-shadow:0 2px 0 #253737}
.header-note{min-width:0;width:auto;max-width:none;padding:12px 17px;display:flex;flex-direction:row;align-items:center;gap:12px;border-radius:13px;border:1px solid #a58d4b7a;box-shadow:inset 0 0 0 3px #090e10,inset 0 0 0 4px #9a824724,0 3px 10px #0003;background:linear-gradient(145deg,#10201ce8,#090f11f5)}
.header-note__clock{width:29px;height:29px;color:var(--chrome-gold);flex:none}
.header-note__text{font-size:11px;white-space:nowrap}
.header-note__line:first-child{font-size:10px;letter-spacing:1px}
.nav{gap:8px 16px;font-size:11px;letter-spacing:.2px;width:auto;justify-content:flex-end}
.nav>a{position:relative;padding:9px 0;opacity:1;color:#d1ded8;transition:color .15s}
.nav>a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:linear-gradient(90deg,#d6bb7b,transparent);transform:scaleX(0);transform-origin:left;transition:transform .15s}
.nav>a:hover,.nav>a[aria-current=page]{color:#f1d79f}
.nav>a:hover::after,.nav>a[aria-current=page]::after{transform:scaleX(1)}
.nav .lang{display:inline-flex;gap:8px;margin-left:5px}
.header a:focus-visible,.sidebar a:focus-visible,.sidebar summary:focus-visible{outline:2px solid #a9e6c6;outline-offset:3px;border-radius:5px}
.sidebar{position:sticky;top:calc(var(--site-header-height) + 16px);height:calc(100vh - var(--site-header-height) - 34px);max-height:calc(100vh - var(--site-header-height) - 34px);border:1px solid #aa915345;background:radial-gradient(ellipse at 20% 0,#254a393d,transparent 38%),repeating-linear-gradient(168deg,#ffffff02 0 1px,transparent 1px 6px),linear-gradient(#111b1c,#090f12);border-radius:19px;padding:17px 13px;box-shadow:inset 0 1px 0 #d2d9bc15,0 14px 35px #0004}
.sidebar::before{background:url('../assets/img/header-engraving-v98.svg') 22% top/auto 80px no-repeat;opacity:.45;inset:0}
.sidebar::after{inset:5px;border:1px solid #b29a6126;border-radius:14px;box-shadow:none;pointer-events:none}
.sidebar h3{display:flex;align-items:center;gap:12px;color:#ead6ab;font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:1.1px;margin:0 6px 14px}
.sidebar h3::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#ac915c66,transparent)}
.sidebar__search{margin-bottom:10px}
.sidebar__search input{height:46px;padding-left:14px;border:1px solid #9c88524d;border-radius:10px;background:#070f12;color:#edf5f0;font:600 15px/1.4 'Segoe UI',Tahoma,Arial,sans-serif}
.sidebar__search input::placeholder{color:#b2c2ba;opacity:1}
.sidebar__search input:focus{border-color:#76be98;box-shadow:0 0 0 2px #60be8b1c}
.sidebar .game-tree--single{border:0;box-shadow:none;background:none;gap:8px;margin:0;overflow:hidden;flex:1;min-height:0}
.sidebar .game-tree--single .game{border:1px solid #bba16c2b;border-radius:11px;margin:0;overflow:hidden;background:#090f134d;flex:none}
.sidebar .game-tree--single .game[open]{display:flex;flex-direction:column;flex:1;min-height:0}
.sidebar .game-tree--single .game summary{padding:13px 14px;border:0;border-radius:10px;background:linear-gradient(110deg,#24392d91,#10191b);flex:none;min-height:49px;gap:11px;list-style:none}
.sidebar .game-tree--single .game summary::before{width:8px;height:8px;flex:none;content:"";border:1px solid #c5ac72;background:linear-gradient(135deg,#2d6a4b,#102b23);box-shadow:0 0 8px #58bd7b22;transform:rotate(45deg);border-radius:1px}
.sidebar .game-tree--single .game summary::after{border-color:#b4ac85;width:6px;height:6px;flex:none}
.sidebar .game[open] summary{box-shadow:inset 0 -1px #c5a97226}
.sidebar .game-link{color:#f1e2bd;font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-size:17px;font-weight:700;line-height:1.35;letter-spacing:.1px}
.sidebar .game-tree--single .game ul{max-height:none;min-height:0;overflow-y:auto;flex:1;padding:5px 7px 8px;scrollbar-width:thin;scrollbar-color:#64876a #0b1315}
.sidebar .game li{margin:5px 0}
.sidebar .game-tree--single .game li a{position:relative;min-height:49px;padding:11px 12px;gap:11px;border:1px solid #82916e26;border-radius:9px;background:linear-gradient(105deg,#ffffff03,transparent);opacity:1;color:#e0eae4;font:700 15px/1.4 'Segoe UI',Tahoma,Arial,sans-serif;letter-spacing:.1px}
.sidebar .game-tree--single .game li a:hover{color:#f0dfb6;border-color:#b8a06c66;background:#b8a06c0b}
.sidebar .game-tree--single .game li a.is-active{color:#a8ebc6;border-color:#6daf805c;background:linear-gradient(90deg,#234d37a6,#10251e60);box-shadow:inset 3px 0 #c4ab70}
.sidebar .game li a .server-logo{width:25px;height:25px;flex:0 0 25px;border-radius:6px;border:1px solid #d9c28c55}
.sidebar .game li a .server-logo--ph{background:radial-gradient(circle at 40% 30%,#bdab70,#24372b 65%);width:16px;height:16px;flex-basis:16px;margin:0 3px;transform:rotate(45deg);border-radius:3px}
.sidebar .game ul::-webkit-scrollbar{width:5px}
.sidebar .game ul::-webkit-scrollbar-thumb{background:#66876a;border:0}
.sidebar .game-tree--single .game[open] ul{overscroll-behavior-y:contain;touch-action:pan-y}
.side-promos-rail{position:sticky;top:calc(var(--site-header-height) + 16px)}
@media(min-width:1101px){.layout{grid-template-columns:320px minmax(0,1fr)}.layout--with-promos{grid-template-columns:320px 316px minmax(0,1fr)}.layout--with-promos-right{grid-template-columns:320px minmax(0,1fr) 332px}}
@media(max-width:1250px){.header-main{gap:20px}.header.container{gap:20px}.header-note{padding:10px 13px}.nav{gap:6px 12px}.brand img{width:70px;height:70px}.brand-name{font-size:40px}}
@media(max-width:1100px){.header.container{flex-wrap:wrap;min-height:0;gap:8px;padding-top:10px;padding-bottom:10px}.header-main{width:100%;justify-content:space-between}.nav{width:100%;justify-content:flex-start;gap:3px 17px}.sidebar{position:relative;top:auto;height:auto;max-height:none}.sidebar .game-tree--single{max-height:330px}.sidebar .game-tree--single .game ul{max-height:210px}.side-promos-rail{top:auto}}
@media(max-width:640px){.header.container{padding:9px 14px}.header-main{gap:10px}.brand>a{gap:8px}.brand img{width:56px;height:56px}.brand-name{font-size:34px}.brand-eyebrow{font-size:6px;letter-spacing:1px}.header-note{padding:9px 10px;gap:7px}.header-note__clock{width:21px;height:21px}.header-note__text{font-size:9px}.header-note__line:first-child{font-size:8px}.nav{gap:2px 13px;font-size:10px}.nav>a{padding:6px 0}.sidebar{padding:15px 12px}}
@media(max-width:360px){.header-note__clock{display:none}.header-note{padding:8px}.brand img{width:49px;height:49px}.brand-name{font-size:30px}.header-note__text{font-size:8px}}
@media(prefers-reduced-motion:reduce){.nav>a,.nav>a::after{transition:none}}