@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Marcellus&display=swap');
:root{--ink:#080d0e;--panel:#101718;--bone:#e8dfcc;--muted:#7e8b89;--red:#b33628;--gold:#ba985a;--line:rgba(210,194,157,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--bone);font-family:Inter,Arial,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{height:84px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(8,13,14,.97);position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:var(--bone);text-decoration:none;width:max-content}.brand>b,.account button i{width:42px;height:47px;display:grid;place-items:center;background:#1d302f;color:#d7bd85;font:24px serif;clip-path:polygon(20% 0,80% 0,100% 22%,88% 84%,50% 100%,12% 84%,0 22%)}.brand strong{font:19px Marcellus;letter-spacing:.22em}.brand small,.account small{display:block;color:#788583;font-size:7px;letter-spacing:.2em;margin-top:5px}.topbar nav{height:84px;display:flex;gap:35px}.topbar nav a{height:84px;display:grid;place-items:center;color:#7e8987;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.15em;position:relative}.topbar nav a.active{color:var(--bone)}.topbar nav a.active:after{content:"";height:2px;background:#dc4631;position:absolute;left:0;right:0;bottom:-1px;box-shadow:0 0 14px var(--red)}.account{display:flex;justify-content:flex-end;align-items:center;gap:16px}.balance{text-align:right;padding-right:17px;border-right:1px solid var(--line)}.balance strong{font:14px Marcellus}.balance em,.jackpot em{font-style:normal;color:var(--gold);font-size:.65em}.account button{border:0;background:none;color:var(--bone);display:flex;align-items:center;gap:10px;text-align:left}.account button i{width:34px;height:38px;font:normal 13px Inter}.hero{min-height:535px;padding:60px 8vw;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(4,9,10,.98),rgba(4,9,10,.82) 30%,rgba(4,9,10,.12) 70%),linear-gradient(0deg,var(--ink),transparent 35%),url('../images/metin-hero.png') center/cover no-repeat;border-bottom:1px solid var(--line)}.hero-copy{max-width:570px}.eyebrow{display:flex;align-items:center;gap:10px;color:#c4b591;font-size:9px;letter-spacing:.24em}.eyebrow i{width:40px;height:1px;background:#df4932}.hero h1{font:400 clamp(52px,6.4vw,94px)/.88 Marcellus;margin:25px 0;text-transform:uppercase}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px #a99776}.hero p{max-width:500px;color:#a6b0ae;font-size:13px;line-height:1.75}.actions{display:flex;gap:11px;margin-top:29px}.actions button,.play button{height:48px;padding:0 25px;color:white;font:600 9px Inter;letter-spacing:.15em;border:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.primary{background:linear-gradient(135deg,#c73b28,#7b1f18)}.primary b{margin-left:20px}.secondary{background:rgba(8,13,14,.4);border:1px solid rgba(213,195,157,.35)!important;color:#c9c0ae!important}.jackpot{margin-top:32px;border-left:1px solid var(--gold);padding-left:14px}.jackpot small{display:block;color:#81765f;font-size:7px;letter-spacing:.19em}.jackpot strong{display:block;font:23px Marcellus;color:#d9c697;margin-top:5px}.pages{position:absolute;right:5vw;bottom:35px;display:flex;align-items:center;gap:10px;color:#707a78;font:11px Marcellus}.pages b{color:#ddd}.pages i{width:92px;height:1px;background:#4d5957}.pages i span{display:block;width:25%;height:1px;background:#df4932}.lobby{padding:32px 5vw 70px;max-width:1600px;margin:auto}.toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.categories{display:flex;gap:29px;overflow:auto}.categories button{white-space:nowrap;height:55px;background:none;border:0;color:#74817f;font:500 9px Inter;letter-spacing:.12em;text-transform:uppercase;position:relative}.categories button.selected{color:#e7e0d3}.categories button.selected:after{content:"";height:2px;background:#dc4631;position:absolute;left:0;right:0;bottom:-1px}.search{display:flex;gap:8px;color:#87918f;border-bottom:1px solid #3d4947;padding:9px;width:210px}.search input{width:100%;border:0;outline:0;background:none;color:#ddd;font:11px Inter}.heading{display:flex;justify-content:space-between;align-items:end;margin:37px 0 19px}.heading small{color:#d64731;font-size:7px;letter-spacing:.2em}.heading h2,.meta h3{font:400 25px Marcellus;margin:7px 0 0}.heading button{width:39px;height:37px;background:#101718;border:1px solid var(--line);color:#889390}.game-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:14px}.art{height:215px;position:relative;overflow:hidden;border:1px solid rgba(205,184,139,.14);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));background:radial-gradient(circle at 52% 38%,var(--glow),transparent 42%),linear-gradient(140deg,#263735,#080b0c 66%)}.featured .art{height:250px}.art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 23px,rgba(215,193,147,.1) 24px,transparent 25px 48px)}.dragon{--glow:#8d301e}.moon{--glow:#31686b}.shadow{--glow:#52313c}.shaman{--glow:#806425}.art>b{position:absolute;inset:0;display:grid;place-items:center;font:90px serif;color:rgba(220,205,169,.76);text-shadow:0 0 28px var(--glow);z-index:1}.number{position:absolute;top:13px;left:14px;font:9px Marcellus;color:rgba(230,220,196,.45);z-index:2}.play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(4,8,9,.73);opacity:0;transition:.2s;z-index:3}.play button{height:38px;background:var(--red)}.game:hover .play{opacity:1}.meta{display:flex;justify-content:space-between;padding:12px 3px}.meta h3{font-size:14px;margin:0}.meta p{margin:5px 0;color:#677371;font-size:9px}.meta>span{align-self:flex-start;border:1px solid #6f392e;color:#e89584;font-size:7px;letter-spacing:.1em;padding:5px 7px}.empty{display:none;text-align:center;color:#7c8886;border:1px solid var(--line);padding:35px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 5vw;color:#616c6a;font-size:8px;letter-spacing:.12em}footer p{margin:0}
button{cursor:pointer}button:hover{filter:brightness(1.2)}[hidden]{display:none!important}@media(max-width:1000px){.topbar nav{display:none}.topbar{grid-template-columns:1fr auto}.game-grid{grid-template-columns:repeat(2,1fr)}.art,.featured .art{height:225px}}@media(max-width:680px){.topbar{height:68px;padding:0 18px}.balance,.account button span{display:none}.brand strong{font-size:14px}.hero{min-height:520px;padding:50px 23px;background-position:64% center}.hero h1{font-size:47px}.secondary{display:none}.toolbar{flex-direction:column;align-items:stretch}.categories{gap:21px}.search{width:100%;margin:6px 0 14px}.game-grid{gap:10px}.art,.featured .art{height:175px}.art>b{font-size:62px}.heading h2{font-size:21px}footer{flex-wrap:wrap;gap:10px}footer p{order:3;width:100%}}@media(max-width:430px){.game-grid{grid-template-columns:1fr}.art,.featured .art{height:220px}.primary{width:100%}}
.categories{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-ms-overflow-style:none}.categories::-webkit-scrollbar{display:none;width:0;height:0}
.brand>b{font-size:0;background:#14201f url('../images/metin2-items/metin-stone-hd.png') center/80% no-repeat}.sigil{font-size:0;background-position:center;background-repeat:no-repeat;background-size:62%;filter:drop-shadow(0 0 16px var(--glow))}.game:nth-child(1) .sigil{background-image:url('../images/metin2-items/dragon-blessing-hd.png')}.game:nth-child(2) .sigil{background-image:url('../images/metin2-items/silver-sword-hd.png')}.game:nth-child(3) .sigil{background-image:url('../images/metin2-items/metin-stone-hd.png')}.game:nth-child(4) .sigil{background-image:url('../images/metin2-items/dragon-stone-shard-hd.png')}@media(max-width:680px){body{overflow-x:hidden}.topbar{position:sticky;top:0}.lobby{padding-inline:14px}.toolbar{position:relative}.categories{padding-right:20px}.game-grid{grid-template-columns:1fr 1fr}.game-meta h3{font-size:12px}.hero-copy{max-width:92%}}@media(max-width:390px){.game-grid{grid-template-columns:1fr}.game-art,.featured .game-art{height:210px}}

/* Coperți HD distincte pentru jocurile active */
.game:nth-child(1) .art{background-image:linear-gradient(180deg,rgba(4,8,9,.02),rgba(4,8,9,.62)),url('../images/game-covers/dragon-treasure.png');background-size:cover;background-position:center}
.game:nth-child(2) .art{background-image:linear-gradient(180deg,rgba(4,8,9,.02),rgba(4,8,9,.62)),url('../images/game-covers/moon-sword.png');background-size:cover;background-position:center}
.game:nth-child(3) .art{background-image:linear-gradient(180deg,rgba(4,8,9,.02),rgba(4,8,9,.62)),url('../images/game-covers/shadow-kingdom.png');background-size:cover;background-position:center}
.game:nth-child(-n+3) .art>b{display:none}
.game:nth-child(-n+3) .art:after{background:linear-gradient(90deg,rgba(3,7,8,.22),transparent 35%,transparent 70%,rgba(3,7,8,.12))}
@media(max-width:680px){.game:nth-child(-n+3) .art{background-position:center 35%}}