:root{color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000;overflow:hidden;overscroll-behavior:none}body{font-family:Tajawal,system-ui,-apple-system,sans-serif;color:#fff;direction:rtl;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#app{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;touch-action:none;background:#000}#stage{position:absolute;inset:0;overflow:hidden}#stage>*{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}#eyes{will-change:transform,opacity}#digits{opacity:0}#her{width:100%;height:100%;object-fit:cover;opacity:0;transform-origin:50% 40%;will-change:transform,opacity}.cineline{display:grid;place-items:center;z-index:3;opacity:0;padding:0 28px;text-align:center;font-size:34px;font-weight:700;line-height:1.5;text-shadow:0 0 28px rgba(255,255,255,.25);will-change:opacity,transform}#vignette{pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.78) 100%);z-index:4}#intro{display:grid;place-items:center;z-index:10;background:#000}#start{font:700 26px/1 Tajawal,sans-serif;color:#fff;background:transparent;border:1.5px solid rgba(255,255,255,.75);border-radius:999px;padding:18px 48px 14px;cursor:pointer;animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 12px #ffffff40,inset 0 0 8px #ffffff14}50%{box-shadow:0 0 38px #ffffffa6,inset 0 0 14px #ffffff38}}#retry{position:absolute;left:0;right:0;text-align:center;font-size:17px;opacity:.85;bottom:calc(env(safe-area-inset-bottom,0px) + 48px)}#memories{z-index:5;display:none}.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;will-change:opacity,transform}.slide .caption{position:absolute;left:0;right:0;bottom:0;text-align:center;padding:90px 24px calc(env(safe-area-inset-bottom,0px) + 40px);font-size:23px;font-weight:700;line-height:1.55;text-shadow:0 2px 16px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.9);background:linear-gradient(to top,#000000b8,#0000)}.card{position:absolute;inset:0;display:grid;place-items:center;background:#000;opacity:0;padding:32px}.card .inner{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:30px 26px;max-width:440px;width:100%;text-align:center;font-size:22px;line-height:1.75}#outro{z-index:6;display:grid;place-content:center;justify-items:center;gap:16px;text-align:center;background:#000;padding:24px}#outro .line{font-size:22px;opacity:.92}#outro .big{font-size:68px;font-weight:700;line-height:1.1}#outro .heart{font-size:40px}#outro a{margin-top:18px;display:inline-block;font:700 20px/1 Tajawal,sans-serif;color:#000;background:#fff;text-decoration:none;padding:16px 38px 12px;border-radius:999px}#desktop-note{position:fixed;inset:0;display:grid;place-items:center;font-size:30px;background:#000;z-index:100}[hidden]{display:none!important}