@font-face{font-family:Poppins;src:url(../fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}html,body{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden;background:#21335f;font-family:Poppins,Segoe UI,Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;touch-action:none;overscroll-behavior:none}body{position:fixed;inset:0;box-sizing:border-box;width:100vw;height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);display:flex;align-items:stretch;justify-content:center}html.is-arabic,html.is-arabic body{font-family:Tajawal,Geeza Pro,Noto Naskh Arabic,Noto Sans Arabic,Dubai,Tahoma,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(118deg,rgba(255,214,106,.16),transparent 32%),linear-gradient(248deg,rgba(90,219,237,.15),transparent 38%),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 74px),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 78px),linear-gradient(180deg,#3f7fbd,#21335f 58%,#30255f)}#game-container{position:relative;flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}canvas{display:block;max-width:100%;max-height:100%;margin:auto;image-rendering:auto;contain:strict}.ay-online-form-shell{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:22px;box-sizing:border-box;background:#050b1994;pointer-events:auto}.ay-online-form-card{width:min(360px,88vw);box-sizing:border-box;border:2px solid rgba(90,219,237,.72);border-radius:12px;padding:22px 22px 20px;background:linear-gradient(135deg,#48699bf5,#30456ffa 48%,#071426f5);box-shadow:0 20px 50px #0000006b,inset 0 0 0 1px #ffffff1f}.ay-online-form-card:before{content:"";display:block;height:4px;width:82%;margin:-6px auto 16px;border-radius:4px;background:#5adbedb8;box-shadow:0 0 18px #5adbed47}.ay-online-form-title{margin:0 0 14px;color:#fff;font:800 28px/1.05 Poppins,Segoe UI,sans-serif;text-align:center;text-shadow:0 3px 0 rgba(7,20,38,.68)}.ay-online-form-label{display:block;margin:0 0 8px;color:#b8f5ff;font:700 13px/1.3 Poppins,Segoe UI,sans-serif;letter-spacing:0}.ay-online-form-input{width:100%;box-sizing:border-box;border:2px solid rgba(90,219,237,.9);border-radius:10px;outline:none;padding:13px 14px;background:#071426bd;color:#fff;font:800 20px/1.15 Poppins,Segoe UI,sans-serif;text-align:center;box-shadow:0 0 0 3px #5adbed1f,inset 0 2px 8px #00000047}.ay-online-form-input::placeholder{color:#c9d6f394}.ay-online-form-error{min-height:18px;margin:9px 0 0;color:#ffe08a;font:700 12px/1.35 Poppins,Segoe UI,sans-serif;text-align:center}.ay-online-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.ay-online-form-button{min-height:46px;border:0;border-radius:9px;color:#071426;font:800 14px/1 Poppins,Segoe UI,sans-serif;cursor:pointer;box-shadow:0 6px #00000042,inset 0 1px #ffffff3d}.ay-online-form-button.primary{background:linear-gradient(180deg,#70e7f2,#39cfe1 54%,#23acc6)}.ay-online-form-button.secondary{color:#fff;background:linear-gradient(180deg,#667fa8,#48699b 58%,#30456f)}.ay-online-remote-audio{display:none}.ay-private-video-chat{position:absolute;top:0;left:50%;z-index:34;width:min(100%,430px);height:100%;transform:translate(-50%);pointer-events:none;display:none}.ay-private-video-chat.is-visible{display:block}.ay-video-player{position:absolute;top:clamp(8px,2.8%,22px);display:grid;justify-items:center;gap:3px;width:64px;color:#fff;font:800 10px/1.1 Poppins,Segoe UI,sans-serif;text-align:center;text-shadow:0 2px 0 rgba(7,20,38,.82)}.ay-video-player.local-video-wrapper{left:10px}.ay-video-player.remote-video-wrapper{right:10px}.ay-video-bubble{position:relative;width:52px;height:52px;border-radius:50%;overflow:hidden;border:3px solid rgba(90,219,237,.92);background:radial-gradient(circle at 35% 24%,rgba(255,255,255,.18),transparent 28%),linear-gradient(145deg,#30456f,#071426);box-shadow:0 0 10px #5adbedc2,0 0 22px #5adbed5c,0 10px 24px #00000057}.ay-video-bubble video,.ay-video-fallback-frame{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;opacity:1;transition:opacity .18s ease}.local-video-wrapper .ay-video-bubble video{transform:scaleX(-1)}.ay-video-fallback-frame{opacity:0}.ay-video-initials{position:absolute;inset:0;display:grid;place-items:center;color:#ffe08a;font:800 17px/1 Poppins,Tajawal,sans-serif;opacity:0;transition:opacity .18s ease}.ay-video-player.is-off .ay-video-bubble video,.ay-video-player.is-waiting .ay-video-bubble video,.ay-video-player.is-relay .ay-video-bubble video{opacity:0}.ay-video-player.is-off .ay-video-initials,.ay-video-player.is-waiting .ay-video-initials,.ay-video-player.is-relay .ay-video-fallback-frame{opacity:1}.ay-video-player.is-relay .ay-video-initials{opacity:0}.ay-video-label{display:block;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ay-private-comms{position:absolute;left:50%;bottom:max(8px,env(safe-area-inset-bottom,0px));z-index:36;width:min(398px,calc(100% - 20px));max-width:calc(100% - 14px);transform:translate(-50%);box-sizing:border-box;border:1px solid rgba(90,219,237,.42);border-radius:8px;padding:6px;background:linear-gradient(135deg,#071426d1,#30456fd1),#071426bd;box-shadow:0 12px 30px #00000042,inset 0 1px #ffffff1a;pointer-events:auto;color:#fff;font-family:Poppins,Tajawal,Segoe UI,sans-serif}.ay-comm-log{min-height:24px;max-height:38px;overflow:hidden;display:grid;gap:2px;color:#f6fbff;font:700 10px/1.25 Poppins,Tajawal,sans-serif}.ay-comm-log div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ay-comm-log strong{color:#ffe08a}.ay-comm-log .is-system{color:#b8f5ff}.ay-comm-typing{min-height:11px;margin-top:1px;color:#ffe08a;font:800 9px/1.2 Poppins,Tajawal,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ay-comm-actions{display:grid;gap:4px;margin-top:3px;min-width:0}.ay-comm-reactions,.ay-comm-quick-row{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;min-width:0;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.ay-comm-reactions::-webkit-scrollbar,.ay-comm-quick-row::-webkit-scrollbar{display:none}.ay-comm-slider{display:grid;grid-template-columns:26px minmax(0,1fr) 26px;align-items:center;gap:4px;min-width:0}.ay-comm-slide-btn{width:26px;height:26px;border:0;border-radius:7px;cursor:pointer;background:linear-gradient(180deg,#48699b,#25395f);color:#fff;font:900 16px/1 Poppins,Tajawal,sans-serif;box-shadow:inset 0 1px #ffffff2e,0 4px #00000038}.ay-comm-slide-btn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1f,0 2px #00000038}.ay-comm-reaction,.ay-comm-quick,.ay-comm-send,.ay-comm-ready{flex:0 0 auto;min-height:26px;border:0;border-radius:7px;cursor:pointer;box-shadow:inset 0 1px #ffffff2e,0 4px #00000038;font-family:Poppins,Tajawal,sans-serif;font-weight:800;letter-spacing:0}.ay-comm-reaction{width:32px;background:linear-gradient(180deg,#48699b,#30456f);color:#fff;font-size:17px;scroll-snap-align:start}.ay-comm-quick{max-width:112px;min-width:68px;padding:0 10px;background:linear-gradient(180deg,#70e7f2,#39cfe1 56%,#23acc6);color:#071426;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;scroll-snap-align:start}.ay-comm-form{display:grid;grid-template-columns:minmax(0,1fr) 56px 70px;gap:5px;margin-top:6px}.ay-comm-input{min-width:0;height:30px;box-sizing:border-box;border:1px solid rgba(90,219,237,.55);border-radius:7px;outline:none;padding:0 9px;background:#071426c7;color:#fff;font:700 12px/1 Poppins,Tajawal,sans-serif}.ay-comm-input::placeholder{color:#e2e9f794}.ay-comm-send{background:linear-gradient(180deg,#ffd66a,#f4b13d);color:#071426;font-size:10px}.ay-comm-ready{background:linear-gradient(180deg,#46cd86,#19a96a);color:#071426;font-size:10px}.ay-comm-ready.is-ready{background:linear-gradient(180deg,#f05c6f,#bf263c);color:#fff}.ay-comm-float{position:absolute;z-index:38;left:50%;bottom:142px;transform:translate(-50%);pointer-events:none;font-size:34px;line-height:1;animation:ay-comm-pop 1.1s ease forwards;text-shadow:0 8px 18px rgba(0,0,0,.35)}.ay-comm-float.is-local{margin-left:-86px}.ay-comm-float.is-remote{margin-left:86px}@keyframes ay-comm-pop{0%{opacity:0;transform:translate(-50%,14px) scale(.76)}18%{opacity:1;transform:translate(-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-72px) scale(.92)}}@media(max-height:720px){.ay-video-player{top:7px;width:60px}.ay-video-player.local-video-wrapper{left:8px}.ay-video-player.remote-video-wrapper{right:8px}.ay-video-bubble{width:48px;height:48px}.ay-private-comms{width:min(386px,calc(100% - 18px));padding:6px}.ay-comm-slider{grid-template-columns:25px minmax(0,1fr) 25px;gap:3px}.ay-comm-slide-btn{width:25px;height:27px;font-size:14px}.ay-comm-log{min-height:24px;max-height:36px;font-size:9px}.ay-comm-form{grid-template-columns:minmax(0,1fr) 52px 66px}}#orientation-lock{position:fixed;inset:0;z-index:50;box-sizing:border-box;display:none;align-items:center;justify-content:center;padding:24px;padding-top:calc(24px + env(safe-area-inset-top,0px));padding-right:calc(24px + env(safe-area-inset-right,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));padding-left:calc(24px + env(safe-area-inset-left,0px));background:linear-gradient(180deg,#3f7fbd,#21335f 62%,#071426);color:#fff;text-align:center}.orientation-card{width:min(360px,86vw);border:1px solid rgba(85,230,255,.35);background:#151d36f0;box-shadow:0 22px 60px #00000057;padding:26px 24px}.orientation-title{margin:0 0 10px;font-size:24px;line-height:1.12;font-weight:800}.orientation-copy{margin:0;color:#c2cce6;font-size:15px;line-height:1.45}@supports not (height: 100dvh){body{height:100vh}}@media(pointer:coarse){body:before{background:linear-gradient(118deg,rgba(255,214,106,.12),transparent 34%),linear-gradient(248deg,rgba(90,219,237,.12),transparent 40%),linear-gradient(180deg,#3475ac,#203961 56%,#2b275a)}}@media(orientation:landscape)and (pointer:coarse){#orientation-lock{display:none}#game-container{pointer-events:auto;filter:none}}