@font-face{font-family:Vazirmatn;src:url(fonts/vazir.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Lalezar;src:url(fonts/lalezar-ar.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF;font-display:swap}
@font-face{font-family:Lalezar;src:url(fonts/lalezar-la.woff2) format("woff2");unicode-range:U+0000-00FF;font-display:swap}
@font-face{font-family:Cinzel;src:url(fonts/cinzel.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:Aref;src:url(fonts/aref.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--ink:#0b0709;--bone:#ece3d3;--blood:#d1182f;--dim:#9a8f84;--fa:Vazirmatn,Tahoma,sans-serif;--di:Lalezar,Vazirmatn,sans-serif;--en:Cinzel,Georgia,serif;font-family:var(--fa)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--bone);line-height:1.9;overflow-x:hidden}
body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.1;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}button{font:inherit;cursor:pointer;color:inherit}:focus-visible{outline:2px solid var(--bone);outline-offset:3px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:.9rem 5vw;direction:ltr}
.logo{display:flex;align-items:center;gap:.7rem;text-decoration:none}.logo img:first-child{height:38px;width:auto}.logo img+img{height:13px;width:auto;opacity:.9}.ic{display:flex;gap:.4rem}
.ic a{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff33;background:#0b070988;backdrop-filter:blur(6px);transition:background .25s,color .25s}.ic a:hover{background:var(--bone);color:var(--ink)}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;padding:5.5rem 6vw 5rem;overflow:hidden;--x:50%;--y:40%;background:radial-gradient(70% 55% at 50% 0,#3a0a16,transparent 70%),var(--ink)}
.fog{position:absolute;inset:-10%;background:radial-gradient(40% 30% at 18% 80%,#8a0f2877,transparent),radial-gradient(35% 30% at 82% 70%,#1f4a6a66,transparent);animation:fg 14s ease-in-out infinite alternate}@keyframes fg{to{transform:translateX(5%) scale(1.12)}}
.beam{position:absolute;inset:-30% -20% auto;height:135%;background:conic-gradient(from 166deg at 50% 0,transparent 0,#ffffff22 14deg,transparent 28deg);transform-origin:50% 0;animation:sw 11s ease-in-out infinite alternate;filter:blur(10px)}@keyframes sw{from{transform:rotate(-24deg)}to{transform:rotate(24deg)}}
.rev{position:absolute;inset:0;z-index:2;pointer-events:none;-webkit-mask-image:radial-gradient(circle 200px at var(--x) var(--y),#000 38%,transparent 100%);mask-image:radial-gradient(circle 200px at var(--x) var(--y),#000 38%,transparent 100%)}
.rev b{position:absolute;font-family:Aref,var(--di);font-weight:700;color:#ee3b52;font-size:clamp(1.3rem,4.4vw,1.9rem);text-shadow:0 0 18px #d1182f;white-space:nowrap}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle 330px at var(--x) var(--y),transparent 0,#0b0709c4 100%)}
.hc{position:relative;z-index:3}
.lg{position:relative;width:min(72vw,400px);aspect-ratio:900/911;margin:0 auto 1.4rem;animation:pl 5s ease-in-out infinite}@keyframes pl{0%,100%{filter:drop-shadow(0 0 22px #d1182f55)}50%{filter:drop-shadow(0 0 44px #d1182fa6)}}
.lg img{position:absolute;inset:0;width:100%;height:100%}.lg .r{transform-origin:50.04% 28.79%;animation:sp 40s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.sl{font-family:var(--di);font-size:clamp(1.7rem,5.2vw,2.7rem);line-height:1.5}.en2{font-family:var(--en);font-size:.72rem;letter-spacing:.42em;color:var(--dim);direction:ltr}
.cta{color:var(--on,#fff);display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:1.6rem;padding:.7rem 2.2rem;background:var(--blood);border:0;font-weight:700;font-size:1.05rem;border-radius:14px;box-shadow:0 8px 40px color-mix(in srgb,var(--blood) 45%,transparent);text-decoration:none;transition:transform .2s}.cta:hover{transform:translateY(-2px)}
.st2{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:3.5rem 5vw 1.2rem}.st2 h2{font-family:var(--di);font-weight:400;font-size:clamp(2rem,6vw,2.8rem)}.st2 span{font-family:var(--en);letter-spacing:.4em;font-size:.8rem;color:var(--dim)}
.rooms{display:grid;gap:14px;padding:0 4vw 2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.card{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;text-decoration:none;isolation:isolate;border:1px solid #ffffff1f;background:#14090c}
.ph{position:absolute;inset:0;z-index:-2;background:radial-gradient(120% 80% at 50% 0,color-mix(in srgb,var(--c) 90%,#000),var(--ink) 78%) center/cover;transition:transform .9s}.card:hover .ph{transform:scale(1.07)}
.p0 .ph:before{content:"";position:absolute;inset:0;background:url(img/mark.png) center 34%/46% no-repeat;opacity:.2}
.card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,#0b0709f5)}
.in{position:absolute;inset:auto 0 0;padding:1.4rem}.card h3{font-family:var(--di);font-weight:400;font-size:clamp(2.8rem,6vw,3.5rem);line-height:1.1}
.meta{display:flex;align-items:center;gap:.7rem;color:#d3c8b8;font-size:.95rem}.meta s{width:1px;height:.9em;background:#ffffff66}
.go{position:absolute;top:1rem;left:1rem;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#0b070999;border:1px solid #ffffff44;transition:background .3s,color .3s}.card:hover .go{background:var(--bone);color:var(--ink)}
.fx{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.fx.vis{opacity:1;transform:none}
.ct .cb{display:grid;gap:12px;padding:0 4vw;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.cb a{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:center;padding:1.1rem 1.3rem;border:1px solid #ffffff22;border-radius:16px;text-decoration:none;background:#ffffff08;min-height:64px;transition:background .25s}.cb a:hover{background:#ffffff16}
.cb svg{grid-row:span 2;width:28px;height:28px;color:var(--blood)}.cb b{font-weight:700}.cb span{color:var(--dim);font-size:.9rem;line-height:1.5}
.cp{text-align:center;padding:3rem 1rem 3rem}.cp img{height:54px;width:auto;opacity:.9}
/* game page */
.rp{background:var(--sky,none);position:relative;isolation:isolate;padding:5.5rem 6vw 2.5rem;overflow:hidden}.bgp{position:absolute;inset:-30px;z-index:-2;background:var(--bg,none) center/cover;filter:blur(44px) saturate(1.2);opacity:.5}
.rp:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(90% 70% at 50% 0,color-mix(in srgb,var(--c) 70%,transparent),transparent 70%),linear-gradient(transparent 45%,var(--ink))}
.rpg{display:grid;gap:1.6rem;max-width:1000px;margin:auto;justify-items:center;text-align:center}
.pz{position:relative;width:min(66vw,320px);aspect-ratio:2/3;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #000a,0 0 0 1px #ffffff2e,0 0 70px color-mix(in srgb,var(--c) 55%,transparent);background:radial-gradient(120% 80% at 50% 0,color-mix(in srgb,var(--c) 90%,#000),var(--ink) 80%)}
.pz>img{width:100%;height:100%;object-fit:cover;display:block}.pz.p0:before{content:"";position:absolute;inset:0;background:url(img/mark.png) center 36%/52% no-repeat;opacity:.24}
.pz.p0 span{position:absolute;inset:auto 0 0;padding:1.2rem;font-family:var(--di);font-size:2.6rem;line-height:1.1}
.pi h1{font-family:var(--di);font-weight:400;font-size:clamp(3.6rem,14vw,6.2rem);line-height:1}.pi p{color:#d6cbbb;font-size:1.1rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem;justify-content:inherit}.chips i{font-style:normal;padding:.15rem 1rem;border:1px solid #ece3d366;border-radius:99px;font-size:.9rem;background:#0b070966}
@media(min-width:820px){.rpg{grid-template-columns:320px 1fr;justify-items:start;text-align:right;gap:3.2rem;align-items:center}.pz{width:320px}}
.wrap{max-width:760px;margin:auto;padding:1rem 6vw 2rem}.sec{font-family:var(--di);font-weight:400;font-size:2rem;margin:2.6rem 0 .8rem}.bl{display:flex;justify-content:space-between;margin-top:.7rem}
.bar{height:5px;background:#fff2;border-radius:9px}.bar b{display:block;height:100%;background:var(--c,var(--blood));border-radius:9px}
.rules{list-style:none;counter-reset:r;display:grid;gap:.6rem;padding:0}.rules li{counter-increment:r;display:flex;gap:.9rem;align-items:flex-start;padding:.8rem 1rem;border:1px solid #ffffff1c;border-radius:14px;background:#ffffff08;color:#d6cbbb}
.rules li:before{content:counter(r,persian);flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--blood);color:var(--on,#fff);font-weight:700;font-size:.9rem}
.rv{border-bottom:1px solid #fff2;padding:.8rem 0}.rv b{color:#f2c14e}
/* booking */
.stp{display:flex;align-items:center;gap:.7rem;margin:1.6rem 0 .7rem;font-weight:700}.stp span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--bone);color:var(--ink);font-size:.9rem}
.ds{display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.3rem .2rem 1rem;scrollbar-width:thin}
.dt{flex:none;scroll-snap-align:start;width:78px;padding:.6rem 0;display:grid;justify-items:center;border-radius:16px;border:1px solid #ffffff26;background:#ffffff0a;line-height:1.35;transition:.2s}.dt small{font-size:.74rem;color:var(--dim)}.dt b{font-family:var(--di);font-weight:400;font-size:2rem;line-height:1.15}
.dt.sel{background:var(--blood);border-color:var(--blood);color:var(--on,#fff);box-shadow:0 0 28px color-mix(in srgb,var(--blood) 55%,transparent)}.dt.sel small{color:var(--on,#ffe3e6)}
.ts{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(98px,1fr))}
.tm{min-height:64px;border-radius:14px;border:1px solid #ffffff26;background:#ffffff0a;display:grid;place-items:center;align-content:center;line-height:1.3;transition:.2s}.tm b{font-family:var(--di);font-weight:400;font-size:1.6rem}.tm small{font-size:.72rem;color:#8fd19a}
.tm.sel{background:var(--bone);color:var(--ink);box-shadow:0 0 28px #ece3d366}.tm.sel small{color:var(--ink)}.tm.bk{background:#d1182f1f;border-color:#d1182f66;color:#ff9aa6}.tm.bk b{text-decoration:line-through}.tm.bk small{color:#ff9aa6}
.em{color:var(--dim)}
.pp{display:flex;align-items:center;gap:1rem}.pp button{flex:none;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff33;background:#ffffff0d;font-size:1.5rem;line-height:1}
.pl{display:flex;flex-wrap:wrap;gap:.2rem;flex:1;justify-content:center}.pl svg{width:30px;height:30px;color:#ffffff30;transition:.25s}.pl svg.on{color:var(--bone);filter:drop-shadow(0 0 8px #ece3d388)}
label{display:block;color:var(--dim);font-size:.9rem}input{width:100%;min-height:48px;padding:.7rem;margin:.2rem 0 1rem;background:#0008;border:1px solid #fff3;color:var(--bone);border-radius:10px;font:inherit}#msg{color:#ff8896;min-height:1.6em}
.tk{position:relative;display:grid;grid-template-columns:1fr auto;margin:1.4rem 0 .4rem;border-radius:18px;border:1px solid #ffffff2a;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 38%,#1b0d12),#150a0e)}
.tl{padding:1.1rem 1.3rem}.tl img{height:12px;opacity:.8}.tl h3{font-family:var(--di);font-weight:400;font-size:2.2rem;line-height:1.2}.tl dl{display:flex;gap:1.4rem;flex-wrap:wrap;margin-top:.3rem}.tl dt{font-size:.75rem;color:var(--dim)}.tl dd{font-weight:700}
.tr{position:relative;border-right:2px dashed #ffffff44;padding:1rem 1.2rem;display:grid;align-content:center;text-align:center;min-width:120px}.tr b{font-family:var(--di);font-weight:400;font-size:1.7rem;line-height:1.2}.tr small{color:var(--dim);font-size:.75rem}
.tr:before,.tr:after{content:"";position:absolute;right:-12px;width:22px;height:22px;border-radius:50%;background:var(--ink);border:1px solid #ffffff2a}.tr:before{top:-12px}.tr:after{bottom:-12px}
.pay{width:100%;margin-top:.8rem}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.fx{opacity:1;transform:none}}

.art{position:absolute;left:0;right:0;bottom:0;height:72%;z-index:-1;pointer-events:none;opacity:.95}.art svg{width:100%;height:100%;display:block}#pc{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.sec:after{content:"";display:block;width:70px;height:3px;margin-top:.4rem;background:linear-gradient(90deg,var(--blood),transparent);border-radius:3px}
@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes ba{to{--a:360deg}}
.card{--rx:0deg;--ry:0deg;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease-out,opacity .8s,translate .8s}
.fx{opacity:0;translate:0 26px;transform:none}.fx.vis{opacity:1;translate:0 0}
.card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:3;pointer-events:none;background:conic-gradient(from var(--a),transparent 0 68%,var(--c) 86%,#fff 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ba 7s linear infinite}
.gl{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 230px at var(--gx,50%) var(--gy,30%),#ffffff2e,transparent 62%);opacity:0;transition:opacity .3s;mix-blend-mode:screen}.card:hover .gl{opacity:1}
.in,.go,.no{z-index:1}.no{position:absolute;top:.6rem;right:1.2rem;font-family:var(--di);font-size:5rem;line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff59}
.en3{display:block;font-family:var(--en);font-size:.7rem;letter-spacing:.42em;color:color-mix(in srgb,var(--c) 35%,#fff);direction:ltr;text-align:right}
@media(min-width:700px){.card:nth-child(even){margin-top:46px}.rooms{align-items:start}}
@media(max-width:699px){.rooms{display:block}.card{display:block;position:sticky;top:calc(12px + var(--i)*18px);margin-bottom:26px;max-height:78svh}}
