:root{--ivory:#f3e6c4;--champ:#e8d3a0;--gold:#c9a24a;--bronze:#8a5a2b;--deep:#3a2214}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:#120a05;color:var(--ivory);font-family:Vazirmatn,sans-serif;overflow-x:hidden}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f0c060;outline-offset:2px}
.stage{position:relative;width:100%;height:100%;overflow:hidden;background:#1a0f07}
.fade{opacity:0;animation:fadeIn 1.4s ease-out forwards}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.darkveil{position:absolute;inset:0;background:#000;animation:unveil 2.2s ease-out .3s forwards;pointer-events:none;z-index:6}
@keyframes unveil{to{opacity:.0}}
.goldtext{background:linear-gradient(180deg,#fff3c8,#e9c46a 40%,#a87a2a 70%,#f6dc8f);-webkit-background-clip:text;background-clip:text;color:transparent}
.candle{position:relative;font-family:Cinzel,serif;font-weight:800;line-height:.9;cursor:pointer;
 background:linear-gradient(90deg,#b8893a,#fbe7a6 35%,#e3bd64 55%,#9c6e2a);-webkit-background-clip:text;background-clip:text;color:transparent;
 filter:drop-shadow(0 2px 2px rgba(60,30,5,.6)) drop-shadow(0 0 10px rgba(255,190,90,.35))}
.candle{direction:ltr;unicode-bidi:isolate}
.wick{position:absolute;left:50%;top:-6px;width:2px;height:9px;background:#2a1a0e;transform:translateX(-50%)}
.flame{position:absolute;left:50%;bottom:100%;margin-bottom:2px;width:14px;height:34px;transform:translateX(-50%) scale(0);transform-origin:50% 100%;pointer-events:none}
.flame.lit{animation:ignite .6s ease-out forwards}
@keyframes ignite{to{transform:translateX(-50%) scale(1)}}
.flame .f{position:absolute;inset:0;border-radius:50% 50% 45% 45%/70% 70% 30% 30%;
 background:radial-gradient(ellipse at 50% 80%,#fff 0 12%,#ffe59a 25%,#ffb444 50%,rgba(255,110,20,.6) 70%,transparent 75%);
 animation:flick 0.13s infinite alternate ease-in-out;filter:blur(.4px)}
.flame .core{position:absolute;left:35%;right:35%;bottom:6%;height:28%;border-radius:50%;background:radial-gradient(#9bc8ff,#4a7bd6 60%,transparent);opacity:.7}
.flame .halo{position:absolute;left:50%;top:40%;width:110px;height:110px;transform:translate(-50%,-50%);border-radius:50%;
 background:radial-gradient(rgba(255,190,90,.45),rgba(255,150,50,.12) 40%,transparent 70%);animation:halo 2.3s infinite ease-in-out;mix-blend-mode:screen}
.flame.boost .f{filter:brightness(1.5) blur(.4px)}.flame.boost{height:46px}
.flame.boost .halo{width:170px;height:170px}
@keyframes flick{0%{transform:scaleY(1) skewX(0)}50%{transform:scaleY(1.06) skewX(2deg)}100%{transform:scaleY(.95) skewX(-2deg)}}
@keyframes halo{50%{opacity:.75;transform:translate(-50%,-50%) scale(1.08)}}
.rope{height:9px;border-radius:5px;background:repeating-linear-gradient(115deg,#7a5418 0 3px,#f4d27a 3px 6px,#b88a34 6px 9px);box-shadow:0 2px 3px rgba(0,0,0,.4)}
.tier{position:relative;border-radius:10px/6px;overflow:hidden;
 background:linear-gradient(90deg,#b99a5e,#efdcaa 25%,#f8eccb 50%,#e7d29c 75%,#a88a50);box-shadow:inset 0 -10px 18px rgba(90,60,20,.35),0 8px 18px rgba(0,0,0,.45)}
.diamond{position:absolute;inset:0;opacity:.55;background:
 repeating-linear-gradient(45deg,transparent 0 26px,rgba(176,130,50,.8) 26px 27px),
 repeating-linear-gradient(-45deg,transparent 0 26px,rgba(176,130,50,.8) 26px 27px)}
.cakename{font-family:Lalezar,Vazirmatn;color:#4a2c17;text-shadow:0 1px 0 rgba(255,240,200,.7),0 -1px 1px rgba(40,20,5,.5);white-space:nowrap}
.glass{background:rgba(30,16,8,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(233,196,106,.35)}
.btn-gold{background:linear-gradient(180deg,#f3d58a,#b88a34);color:#2a1608;font-weight:700;border-radius:999px;min-height:44px;box-shadow:0 4px 18px rgba(201,162,74,.4),inset 0 1px 0 #fff6d8}
.chip{min-height:40px;border-radius:999px;border:1px solid rgba(201,162,74,.5);padding:0 14px;background:rgba(255,240,200,.05)}
.chip.on{background:linear-gradient(180deg,#f3d58a,#b88a34);color:#2a1608;font-weight:700}
.eq span{display:inline-block;width:3px;margin:0 1px;background:#f0c060;animation:eq .8s infinite ease-in-out}
.eq span:nth-child(2){animation-delay:.2s}.eq span:nth-child(3){animation-delay:.4s}
@keyframes eq{0%,100%{height:4px}50%{height:14px}}
.mist{position:absolute;inset:-20%;background:radial-gradient(ellipse at 30% 70%,rgba(255,220,170,.12),transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(255,200,150,.1),transparent 50%);animation:mist 18s infinite alternate ease-in-out;pointer-events:none}
@keyframes mist{to{transform:translateX(6%)}}
.rays{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,220,150,.10) 38%,transparent 46%,rgba(255,220,150,.07) 55%,transparent 62%);mix-blend-mode:screen;pointer-events:none}
input,textarea,select{background:rgba(255,240,200,.06);border:1px solid rgba(201,162,74,.4);border-radius:12px;color:var(--ivory);padding:10px 12px;width:100%;font-family:Vazirmatn}
@media (prefers-reduced-motion:reduce){.fade{animation-duration:.01s}.mist{animation:none}}