body{margin:0;background:#FCFAF6;color:#1D140D;font-family:'Madani',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#9E4331;text-decoration:none}
a:hover{color:#893828}
input,select,textarea,button{font-family:inherit}
[hidden]{display:none !important}

/* bilingual toggle */
.mz-ar{display:none}
[data-mzlang="ar"] .mz-ar{display:revert}
[data-mzlang="ar"] .mz-en{display:none !important}

/* scroll reveal */
[data-mzjs="1"] .rv{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
[data-mzjs="1"] .rv.on{opacity:1;transform:none}

@keyframes mzDrift{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
[data-calm="1"] *{animation:none !important}
@media (prefers-reduced-motion:reduce){*{animation:none !important}[data-mzjs="1"] .rv{transition:none;opacity:1;transform:none}}

/* language switch buttons */
.langbtn{border:none;cursor:pointer;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600;background:transparent;color:#5D534B}
[data-mzlang="en"] #btnEn,[data-mzlang="ar"] #btnAr{background:#AC4D3A;color:#FCFAF6}

/* nav */
.navlink{padding:7px 13px;border-radius:999px;font-size:14.5px;font-weight:500;color:#1D140D}
.navlink:hover{background:#F4EDE1;color:#1D140D}
[data-route="story"] .navlink[data-nav="story"],
[data-route="profile"] .navlink[data-nav="profile"],
[data-route="teahouse"] .navlink[data-nav="profile"],
[data-route="experience"] .navlink[data-nav="experience"],
[data-route="partner"] .navlink[data-nav="partner"],
[data-route="links"] .navlink[data-nav="links"]{color:#AC4D3A}

/* logo mark link */
.marklink{display:inline-block;width:44px;height:44px;background:#AC4D3A;-webkit-mask:url(logo-mark.svg) center/contain no-repeat;mask:url(logo-mark.svg) center/contain no-repeat}
.marklink:hover{background:#893828}

/* buttons & cards */
.bp{transition:background .2s ease,transform .2s ease}
.bp:hover{background:#893828 !important;color:#FCFAF6}
.bp.lift:hover{transform:translateY(-2px)}
.bo{transition:background .2s ease,color .2s ease}
.bo:hover{background:#F4EDE1;color:#1D140D}
.bow:hover{background:#FCFAF6 !important;color:#1D140D}
.binv:hover{background:#F4EDE1 !important;color:#893828 !important}
.card{transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(60,35,20,.12);color:#1D140D}
.card.big:hover{box-shadow:0 16px 34px rgba(60,35,20,.12)}
.pill{transition:transform .25s ease,box-shadow .25s ease}
.pill:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(60,35,20,.12);color:#1D140D}
.pillp:hover{background:#893828 !important;color:#FCFAF6 !important;transform:translateY(-2px)}
.mutelink{color:#7B6F66}
.mutelink:hover{color:#9E4331}
.darklink{color:#1D140D}
.darklink:hover{color:#9E4331}
.roomcard{transition:transform .2s ease,box-shadow .2s ease}
.roomcard:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(60,35,20,.1)}

/* app soon / live toggle */
[data-applive="0"] .app-live{display:none !important}
[data-applive="1"] .app-soon{display:none !important}

/* room tabs */
#roomBtnStack,#roomBtnPlay{border:1.5px solid #E4DBCC;background:#FCFAF6}
[data-room="stack"] #roomBtnStack,[data-room="play"] #roomBtnPlay{border-color:#AC4D3A;background:#F4EDE1}

/* playground mode tabs */
#tabLevels,#tabOpen{border:none;cursor:pointer;padding:8px 18px;border-radius:999px;font-size:13.5px;font-weight:600;background:transparent;color:#5D534B}
[data-pmode="levels"] #tabLevels,[data-pmode="open"] #tabOpen{background:#1D140D;color:#FCFAF6}

.fadeable{transition:opacity .4s ease}