@font-face{font-family:Changa;src:url(/fonts/Changa-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}
:root{--bg:#12132B;--page:#0A0B1C;--surface:rgba(255,255,255,.06);--card:rgba(255,255,255,.07);--text:#F3F1FF;--muted:#B3B0D6;--line:rgba(255,255,255,.12);--on-accent:#12132B;--title:Changa,Vazirmatn;--chip-bg:rgba(255,200,87,.14);--nav-bg:rgba(18,19,43,.94);--r:18px;--sheet:#191B3A}
html{background:#0A0B1C}
.t-rooftop .hero:not(.has-cover):not(.has-video){background:linear-gradient(180deg,#0A0B1C,#2A2360 70%,#12132B)}
.t-rooftop .hero:not(.has-cover):not(.has-video) .deco{display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40'%3E%3Cpath d='M0 6q50 26 100 0t100 0' stroke='%23444' stroke-width='1.5' fill='none'/%3E%3Cg fill='%23FFC857'%3E%3Ccircle cx='12' cy='11' r='3'/%3E%3Ccircle cx='36' cy='18' r='3'/%3E%3Ccircle cx='62' cy='18' r='3'/%3E%3Ccircle cx='88' cy='10' r='3'/%3E%3Ccircle cx='112' cy='11' r='3'/%3E%3Ccircle cx='138' cy='18' r='3'/%3E%3Ccircle cx='162' cy='18' r='3'/%3E%3Ccircle cx='188' cy='10' r='3'/%3E%3C/g%3E%3C/svg%3E") repeat-x 0 8px/200px 40px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 80'%3E%3Cpath d='M0 80V40h20V20h18v20h14V30h20v50zM80 80V12h26v68zM112 80V36h30v44zM150 80V22h18v10h16v48zM190 80V44h26V26h22v54zM244 80V30h24v50zM272 80V48h28v32z' fill='%23070816'/%3E%3Cg fill='%23FFC857' opacity='.8'%3E%3Crect x='86' y='20' width='4' height='5'/%3E%3Crect x='96' y='34' width='4' height='5'/%3E%3Crect x='156' y='30' width='4' height='5'/%3E%3Crect x='250' y='40' width='4' height='5'/%3E%3Crect x='200' y='52' width='4' height='5'/%3E%3C/g%3E%3C/svg%3E") no-repeat center bottom/100% auto}
.t-rooftop .deco::after{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgba(255,200,87,.9) 0 3px,transparent 4px) 12px 17px/25px 40px;opacity:.0;animation:twinkle 2.4s ease-in-out infinite}
@keyframes twinkle{50%{opacity:.35}}
.t-rooftop .hero h1{font-weight:600;color:#FFC857;font-size:clamp(36px,11vw,54px);text-shadow:0 0 22px rgba(255,200,87,.5)}
.t-rooftop .logo{border-color:#FFC857}
.t-rooftop .cats a{border-color:var(--line);color:#F3F1FF}
.t-rooftop .cat h2{font-weight:600;color:#FFC857}
.t-rooftop .l-bento .item{background:var(--card);border:1px solid var(--line)}
.t-rooftop .price{color:#FFC857}
.t-rooftop .bdg{background:#FFC857;color:#12132B}
.t-rooftop .search{background:rgba(255,255,255,.06)}
@media (prefers-reduced-motion:reduce){.t-rooftop .deco::after{animation:none}}
/* the night sky over the roof: twinkling stars, now and then a firework, and the moon crossing slowly */
.t-rooftop::before{content:'';position:fixed;z-index:-1;pointer-events:none;top:0;bottom:0;left:max(0px,calc(50% - 320px));right:max(0px,calc(50% - 320px));background:url(/img/themes/bg-fireworks.svg) center 62%/100% auto no-repeat,url(/img/themes/bg-night.svg) 0 0/260px 260px;opacity:0.9}
.t-rooftop::after{content:'';position:fixed;z-index:-1;pointer-events:none;top:70px;left:max(0px,calc(50% - 320px));width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#FFF8DC,#F5E3A6 55%,#D9C27A);box-shadow:0 0 30px 8px rgba(255,236,170,.25);opacity:0.9;animation:rfMoon 90s linear infinite}
@keyframes rfMoon{from{transform:translate(-50px,30px)}50%{transform:translate(calc(min(100vw,640px) / 2),-20px)}to{transform:translate(calc(min(100vw,640px) + 10px),30px)}}
@media (prefers-reduced-motion:reduce){.t-rooftop::after{animation:none;transform:translate(24px,0)}}

/* the same motion inside the hero, behind the name */
.t-rooftop .hero::before{content:'';position:absolute;z-index:0;pointer-events:none;inset:0;background:url(/img/themes/bg-fireworks.svg) center 62%/100% auto no-repeat,url(/img/themes/bg-night.svg) 0 0/260px 260px;opacity:0.95}
@media (prefers-reduced-motion:reduce){.t-rooftop .hero::before{animation:none}}