.moro-cafe-root{--sign:#fdf3d6;--sign-ink:#3a2a1c;--frame:#f4f1ea;--night:#1c1612;--wall-hi:#d8cfc0;--wall-lo:#8f8576;--espresso:#2b1a10;--brown:#92400e;--amber:#b45309;--cream:#fef3c7;--ink:#3a2414;--flash:#fdf0d5;--font-en:"Jost", system-ui, sans-serif;--font-ar:"Reem Kufi", "Jost", sans-serif;background:var(--night);color:var(--ink);font-family:var(--font-en);-webkit-font-smoothing:antialiased;position:fixed;inset:0;overflow:hidden}.moro-cafe-root *,.moro-cafe-root :before,.moro-cafe-root :after{box-sizing:border-box}.moro-cafe-root [lang=ar]{font-family:var(--font-ar);word-spacing:.2em}.moro-cafe-root button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.moro-cafe-root :focus-visible{outline:3px solid var(--amber);outline-offset:3px}.entrance{background:linear-gradient(transparent 80%, #140f0b59), radial-gradient(ellipse at 50% 28%, var(--wall-hi), #b3a898 55%, var(--wall-lo));align-content:center;place-items:center;gap:2.5dvh;display:grid;position:fixed;inset:0;overflow:hidden}.scene{will-change:transform;flex-direction:column;gap:3.5%;width:min(76vw,60dvh);display:flex}.sign{background:var(--sign);color:var(--sign-ink);border-radius:3px;justify-content:space-between;align-items:center;padding:4.5% 7%;display:flex;box-shadow:0 0 18px #ffecbee6,0 0 70px #ffdc968c,0 10px 140px #ffd28c59}.sign-en{letter-spacing:.08em;font-size:clamp(1.1rem,5.2vw,2.1rem);font-weight:300}.sign-ar{font-size:clamp(1.2rem,5.6vw,2.3rem);font-weight:500}.storefront-wrap{position:relative}.storefront{aspect-ratio:4/3.3;border:6px solid var(--frame);grid-template-columns:1fr 2fr 1fr;display:grid;position:relative;box-shadow:0 0 0 2px #00000014,0 30px 60px -30px #00000080}.interior{background:linear-gradient(#f2dcae 0%,#d9ab72 45%,#a8754a 75%,#7c5233 100%);position:absolute;inset:0;overflow:hidden}.ceiling-light{background:#fffaf0;border-radius:2px;width:26%;height:3px;position:absolute;top:7%;box-shadow:0 0 14px 4px #fff5dce6}.ceiling-light:first-child{left:8%}.ceiling-light:nth-child(2){top:12%;left:37%}.ceiling-light:nth-child(3){left:66%}.counter{background:linear-gradient(#d9c7a8,#b8996f);height:22%;position:absolute;bottom:0;left:30%;right:24%;box-shadow:0 -3px #f3e6cf}.interior-light{opacity:0;background:radial-gradient(circle at 50% 55%,#fffaf0,#fff0d299 45%,#0000 75%);position:absolute;inset:0}.panel,.door{grid-template-rows:repeat(3,1fr);display:grid;position:relative}.pane{box-shadow:inset 0 0 0 3px var(--frame);background:linear-gradient(115deg,#ffffff38 0%,#fff0 38%),#ffe4b414}.doorway{perspective:900px;grid-template-columns:1fr 1fr;display:grid}.door{transform-style:preserve-3d;backface-visibility:visible}.door-left{transform-origin:0}.door-right{transform-origin:100%}.handle{background:linear-gradient(#fff,#cfc8bb);border-radius:3px;width:5px;height:24%;position:absolute;top:38%;box-shadow:0 1px 3px #0000004d}.door-left .handle{right:9%}.door-right .handle{left:9%}.hours{color:#fffaf0;letter-spacing:.14em;text-align:center;white-space:nowrap;text-shadow:0 0 6px #78461e80;font-size:clamp(.5rem,1.9vw,.75rem);line-height:1.6;position:absolute;top:14%;left:50%;translate:-50%}.door-hit{z-index:3;background:0 0;border:0;position:absolute;inset:0 25%}.storefront:has(.door-hit:hover) .door{filter:brightness(1.06)}.plant{z-index:4;pointer-events:none;position:absolute;bottom:-4%}.plant-left{width:30%;left:-11%}.plant-right{width:38%;right:-14%}.step{background:linear-gradient(#9b9284,#7a7164);border-radius:2px;height:clamp(10px,2.2dvh,22px);margin:0 -6%}.enter-hint{color:#3a2f25;letter-spacing:.04em;text-align:center;margin:0;padding:0 16px;font-size:clamp(.9rem,3.6vw,1.05rem)}.warm-flash,.menu-flash{background:var(--flash);pointer-events:none;z-index:10;position:fixed;inset:0}.warm-flash{opacity:0}.menu{background:var(--night);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.menu.is-zoomed{touch-action:none}.world{will-change:transform;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:200vw;height:200dvh;display:grid;position:absolute;top:0;left:0}.cell{min-width:0;min-height:0;padding:14px}.cell-inner{color:#3a2414;background:#f3e6d4;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:3dvh;height:100%;padding:8dvh 6vw;transition:transform .15s ease-out;display:flex;position:relative;overflow:hidden}.cell-inner:has(.cell-hit:active){transform:scale(.98)}.cell-soon .cell-title{opacity:.5}.cell-title{flex-direction:column;align-items:center;gap:.2em;margin:0;line-height:1.1;display:flex}.cell-title .en{letter-spacing:.06em;font-size:clamp(3rem,12vw,6rem);font-weight:300}.cell-title .ar{font-size:clamp(2.2rem,8vw,4.2rem);font-weight:500}.cell-hit{border-radius:inherit;background:0 0;border:0;position:absolute;inset:0}.ifaces{z-index:3;opacity:0;pointer-events:none;position:fixed;inset:0}.is-zoomed .ifaces{pointer-events:auto}.iface{position:absolute;inset:0;overflow:hidden}.iface-hot{--tab-on-bg:#3a2414;--tab-on-fg:#f3e6d4;color:#3a2414;background:#f3e6d4}.iface-cold{--tab-on-bg:#1f3a40;--tab-on-fg:#dde8e9;color:#1f3a40;background:#f3e6d4}.iface-sweets{color:#5a2f22;background:radial-gradient(at 50% 30%,#fbeee4,#f2d9c8 70%)}.drinks{height:100%;padding:max(16px, env(safe-area-inset-top)) 16px calc(84px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative}.drinks>:not(.drink-bgs){position:relative}.drink-bgs{position:absolute;inset:0;overflow:hidden}.drink-bg{position:absolute;inset:0}.drinks-head{justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 64px;display:flex}.drinks-head h2{letter-spacing:.06em;margin:0;font-size:1.25rem;font-weight:400}.drinks-head span{opacity:.75;font-size:1.1rem}.tabs{scrollbar-width:none;gap:8px;margin-top:12px;display:flex;overflow-x:auto}.tab{opacity:.75;white-space:nowrap;background:0 0;border:1px solid;border-radius:999px;flex:none;min-height:44px;padding:8px 16px;font-size:.95rem;transition:background .25s,color .25s,opacity .25s}.tab span{opacity:.8;margin-inline-start:4px}.tab.on{opacity:1;background:var(--tab-on-bg);color:var(--tab-on-fg);border-color:var(--tab-on-bg)}.glass-stage{flex:1;min-height:0;margin:0 -16px;position:relative}.cup-stage{place-items:center;display:grid;position:absolute;inset:0;container-type:size}.cup-frame{grid-area:1/1;position:relative}.cup-img{mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform;width:100%;height:100%;display:block}.cup-label{color:#f3e6d6;pointer-events:none;will-change:transform;place-items:center;display:grid;position:absolute;container-type:size}.label-text{writing-mode:vertical-rl;text-align:center;margin:0;line-height:1.3;transform:rotate(180deg)}.label-text span{white-space:nowrap;display:block}.label-en{text-transform:uppercase;letter-spacing:.12em;font-weight:500}.drink-info{text-align:center}.drink-info p{margin:0}.drink-name{letter-spacing:.03em;font-size:clamp(1.9rem,8vw,3rem);font-weight:300;line-height:1.15}.drink-ar{font-size:clamp(1.3rem,5vw,1.8rem);margin-top:2px!important}.drink-price{font-variant-numeric:tabular-nums;font-size:1.3rem;margin-top:10px!important}.drink-count{opacity:.6;font-variant-numeric:tabular-nums;font-size:.85rem;margin-top:4px!important}.placeholder{text-align:center;place-content:center;justify-items:center;gap:3dvh;height:100%;padding:24px;display:grid}.placeholder p{opacity:.75;margin:0;font-size:1.1rem}.hints{left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute}.hint{letter-spacing:.04em;opacity:.8;background:#ffffff14;border:1px solid;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:8px 18px;font-size:1rem;display:inline-flex}.melt-lip{z-index:4;pointer-events:none;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.melt-lip path{fill:none;stroke-width:4px;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #00000059)}.medallion{translate:-50% -50%;scale:var(--zoom,1);background:var(--sign);width:64px;height:64px;color:var(--sign-ink);letter-spacing:.08em;box-shadow:0 0 0 6px var(--night), 0 0 30px #ffe1a080;font-weight:400;font:inherit;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .3s,scale .3s;display:grid;position:fixed;top:50%;left:50%}.is-zoomed .medallion{opacity:0;pointer-events:none;scale:.6}.minimap{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c16128c;border:0;border-radius:12px;grid-template-columns:repeat(2,12px);grid-auto-rows:12px;place-content:center;gap:3px;width:48px;height:48px;padding:0;display:grid;position:fixed}.ov-open{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c16128c;border:0;border-radius:12px;grid-template-columns:repeat(3,8px);grid-auto-rows:8px;place-content:center;gap:3px;width:48px;height:48px;padding:0;display:grid;position:fixed}.ov-open span{background:#fdf3d6d9;border-radius:2px}.overview{z-index:6;overscroll-behavior:contain;color:#3a2414;background:#f3e6d4;position:fixed;inset:0;overflow-y:auto}.ov-close{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fdf3d6f2;background:#1c16128c;border:0;border-radius:12px;place-items:center;width:48px;height:48px;display:grid;position:fixed}.ov-page,.ov-title{letter-spacing:.06em;justify-content:center;align-items:baseline;gap:10px;margin:0;font-weight:400;display:flex}.ov-page{min-height:48px;margin-top:max(16px, env(safe-area-inset-top));align-items:center;padding:0 64px;font-size:1.5rem}.ov-page span{opacity:.75;font-size:1.25rem}.ov-group{padding:20px 12px 28px}.ov-title{padding:0 4px 14px;font-size:1.25rem}.ov-title span{opacity:.75;font-size:1.1rem}.ov-grid{grid-template-columns:repeat(3,1fr);gap:14px 4px;display:grid}@media (width>=700px){.ov-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1000px){.ov-grid{grid-template-columns:repeat(6,1fr)}}.ov-item{color:inherit;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:1px;padding:0 0 4px;display:flex}.ov-item img{aspect-ratio:360/432;mix-blend-mode:multiply;width:100%;display:block}.ov-name{font-size:.9rem;font-weight:300;line-height:1.2}.ov-ar{font-size:.85rem;line-height:1.3}.ov-price{opacity:.8;font-variant-numeric:tabular-nums;margin-top:2px;font-size:.8rem}.mm-cell{border:1.5px solid #fdf3d6b3;border-radius:3px;width:12px;height:12px}.mm-cell.on{background:var(--sign);border-color:var(--sign)}.mm-cell.locked{opacity:.5;border-style:dashed}@media (prefers-reduced-motion:reduce){.cell-inner,.tab,.medallion{transition:none}}