@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--bg:#1b120e;--panel:#2a1b13;--text:#fff3df;--muted:#c3aa8c;--gold:#e8b76c;--line:#b4834333}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Tajawal,Tahoma,sans-serif;line-height:1.7;background:radial-gradient(ellipse at 95% 15%,#85552424,transparent 45%),repeating-linear-gradient(45deg,transparent 0 28px,#d4a86a03 28px 29px),var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit}.topbar,main,footer{max-width:1320px;margin:auto}.topbar{height:88px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:900}.mark{width:40px;height:44px;display:grid;place-items:center;background:linear-gradient(145deg,#e2b66b,#ae7132);color:#29180e;border-radius:12px 3px 12px 3px;font-size:30px;box-shadow:0 0 25px #b77f3325}.topbar nav{display:flex;gap:32px;font-size:15px;color:var(--muted)}.topbar nav a:hover{color:var(--gold)}.guest-badge{font-size:13px;border:1px solid var(--line);border-radius:100px;padding:7px 14px;color:var(--gold)}main{padding:26px 32px}.hero{position:relative;min-height:590px;display:flex;align-items:center;overflow:hidden;border:1px solid #c7934c4d;border-radius:26px;background:linear-gradient(270deg,#1c110edb 0%,#21130a6b 39%,transparent 67%),url('/thn-hero.webp') center/cover;box-shadow:0 25px 80px #0005}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #180e0c77}.hero-copy{z-index:1;padding:52px;width:54%}.eyebrow{font-size:13px;letter-spacing:.5px;color:var(--gold);display:inline-block}.hero .eyebrow{padding:7px 13px;background:#21160eca;border:1px solid #d6a35c66;border-radius:100px}.hero h1{font-size:clamp(45px,5vw,76px);font-weight:900;line-height:1.2;margin:24px 0 20px;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:17px;color:#f0dbc0;line-height:1.9;text-shadow:0 2px 6px #000}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.primary,.secondary,.play{display:flex;align-items:center;justify-content:center;gap:22px;border-radius:11px;font-size:16px;font-weight:800;transition:transform .2s,filter .2s}.primary,.play{background:linear-gradient(120deg,#f1ca84,#ce964b);color:#291b10;box-shadow:0 8px 25px #9d651c26}.primary,.secondary{padding:13px 22px}.secondary{background:#24170ebe;border:1px solid #c28e50aa}.primary:hover,.secondary:hover,.play:hover{transform:translateY(-3px);filter:brightness(1.08)}.note{font-size:12px;color:#dec3a0;margin-top:18px}.hero-stamp{position:absolute;left:28px;top:26px;text-align:center;padding:14px 20px;background:#24170cab;border:1px solid #c794456b;backdrop-filter:blur(10px);border-radius:12px;transform:rotate(-5deg);z-index:2}.hero-stamp span{font-size:11px;color:var(--gold)}.hero-stamp strong{display:block;font-size:19px;line-height:1.4}.hero-caption{position:absolute;bottom:22px;left:28px;font-size:12px;color:#f3dbc1;z-index:1}.section-head{display:flex;align-items:center;justify-content:space-between;margin:60px 0 24px;gap:15px}.section-head h2{font-size:34px;font-weight:900;margin:5px 0}.pill{color:var(--muted);font-size:12px;border:1px solid var(--line);padding:7px 13px;border-radius:100px}.grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.game{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,#352317,#251911);transition:border-color .2s,transform .2s}.game:hover{border-color:#c4944e80;transform:translateY(-4px)}.visual{height:228px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.mafia{background:linear-gradient(0deg,#1f120dbf,transparent 70%),url('/thn-mafia.webp') 36% center/cover}.available,.coming{position:absolute;top:16px;right:16px;font-size:11px;border-radius:100px;padding:5px 11px;background:#21160de6;border:1px solid #c28b4666;color:var(--gold)}.visual-caption{position:absolute;bottom:18px;right:20px;font-size:28px;font-weight:900}.word,.speed{background:radial-gradient(circle at 50% 40%,#6c472742,#2b1c13 70%),repeating-linear-gradient(45deg,transparent 0 20px,#bf8d4c0c 20px 21px)}.visual strong{font-weight:900;font-size:46px;line-height:1.05;color:#d4ad71;transform:rotate(-8deg);text-shadow:0 5px 0 #180e07}.speed strong{transform:rotate(7deg);color:#a78257}.info{padding:23px}.category{font-size:12px;color:var(--gold)}.info h3{font-size:27px;margin:4px 0;font-weight:900}.info p{font-size:14px;color:var(--muted);margin:8px 0 19px;min-height:55px}.meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:#e0bd8a;margin-bottom:20px}.meta span{border:1px solid var(--line);padding:4px 8px;border-radius:7px}.play{padding:11px 18px;justify-content:space-between}.coming-note{display:block;font-size:12px;color:#ae9475;border-top:1px solid var(--line);padding-top:15px}.how{margin:56px 0 0;padding:35px;display:grid;grid-template-columns:.7fr 2fr;gap:34px;align-items:center;border:1px solid var(--line);border-radius:20px;background:linear-gradient(100deg,#372315,#24170f)}.how h2{font-size:31px;line-height:1.3;margin:8px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps b{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d3a26066;border-radius:9px;color:var(--gold);font-size:16px}.steps h4{font-size:18px;margin:10px 0 5px}.steps p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.closing{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:30px 8px;color:#d9ba91;font-weight:700}.closing a{color:var(--gold)}footer{padding:28px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:var(--muted)}footer small{color:#94795e;font-size:11px}:focus-visible{outline:3px solid #edc17a;outline-offset:4px}
@media(max-width:1000px){.hero-copy{width:65%;padding:35px}.grid{grid-template-columns:1fr 1fr}.featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.featured .visual{height:100%;min-height:280px}.how{grid-template-columns:1fr}.hero-stamp{display:none}}
@media(max-width:600px){.topbar{height:74px;padding:0 18px}.topbar nav{display:none}.brand{font-size:21px}.guest-badge{font-size:11px;padding:6px 9px}main{padding:16px}.hero{min-height:650px;align-items:flex-end;background:linear-gradient(0deg,#1c110efc 0%,#1c110ef2 35%,#1c110e22 75%),url('/thn-hero.webp') 24% top/auto 480px no-repeat,#20130d}.hero-copy{width:100%;padding:26px 22px 40px}.hero h1{font-size:49px;margin:18px 0 12px}.hero p{font-size:14px}.hero-actions{gap:9px;margin-top:20px}.primary,.secondary{font-size:13px;padding:12px 14px}.hero-caption{display:none}.note{font-size:11px}.section-head{margin-top:35px}.section-head h2{font-size:27px}.pill{display:none}.grid{grid-template-columns:1fr}.featured{display:block;grid-column:auto}.featured .visual{height:245px;min-height:0}.visual{height:185px}.coming-game .info p{min-height:0}.how{margin-top:32px;padding:24px}.steps{grid-template-columns:1fr;gap:22px}.steps>div{position:relative;padding-right:45px}.steps b{position:absolute;right:0;top:4px}.steps h4{margin-top:0}.closing{font-size:12px}footer{padding:24px 18px;flex-direction:column;align-items:flex-start;gap:17px}.footer-links{gap:18px}.eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.dice-cover{background:radial-gradient(ellipse at 50% 45%,#815a3060,#27180f 75%),repeating-linear-gradient(45deg,transparent 0 15px,#c9954e0b 15px 16px);isolation:isolate}.cover-dice{display:flex;gap:15px;align-items:center;direction:ltr;transform:translateY(-15px)}.cover-dice i{font-style:normal;display:grid;place-items:center;width:105px;height:105px;font-family:Arial,sans-serif;font-size:85px;line-height:1;background:linear-gradient(135deg,#b47b43,#654022);border:1px solid #e6b77788;border-radius:21px;color:#ffe1a5;box-shadow:inset 0 0 20px #e2b96b2a,7px 10px 0 #3c2414,12px 18px 30px #0008;transform:rotate(-18deg)}.cover-dice i+i{width:83px;height:83px;font-size:68px;transform:rotate(17deg) translateY(28px)}.dice-game .info p{min-height:55px}@media(max-width:1000px) and (min-width:601px){.dice-game{grid-column:auto}.cover-dice i{width:95px;height:95px;font-size:77px}}