@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&display=swap";:root{--primary1: #215E61;--primary2: #71d4ff;--primary3: #FE7F2D;--primary4: #5dcf72;--dark: #233D4D;--dark-mid: #1C3040;--bg-main: #F5FBE6;--bg-card: #E8F5D2;--bg-input: #F8FEF0;--text-main: #233D4D;--text-muted: #527063;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-color: #00000040;--ease-push: cubic-bezier(.3, .7, .4, 1);--ease-push-back: cubic-bezier(.3, .7, .4, 1.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,body{overflow-x:hidden}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:IBM Plex Sans Arabic,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;direction:rtl;min-height:100vh;min-height:100dvh;position:relative}@media(orientation:landscape)and (max-height:430px){body{overflow:hidden;height:100dvh;min-height:unset}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c8deb8' fill-opacity='0.6' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");animation:moveDots 6s linear infinite;pointer-events:none}@keyframes moveDots{0%{background-position:0 0}to{background-position:100px 100px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent;border-radius:8px}::-webkit-scrollbar-thumb{background:var(--dark-mid);border:2px solid transparent;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#2d2d2b}*{scrollbar-width:thin;scrollbar-color:var(--dark-mid) transparent}.hidden{display:none!important}.btn-3d{position:relative;display:inline-block;border:none;background:transparent;padding:0;cursor:pointer;text-decoration:none;font-family:IBM Plex Sans Arabic,sans-serif}.btn-3d.btn--full,.btn-3d.btn--full .btn-face{width:100%}.btn-shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-lg);background:var(--shadow-color);transform:translateY(2px);transition:transform .6s var(--ease-push)}.btn-edge{position:absolute;top:7px;left:0;width:100%;height:100%;border-radius:var(--radius-lg);border:2px solid var(--dark)}.btn-face{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:12px 24px;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:700;color:var(--dark);background:var(--primary1);transform:translateY(-4px);transition:transform .6s var(--ease-push);border:2px solid var(--dark);white-space:nowrap}.btn-3d.btn--primary .btn-face{background:var(--primary1);color:var(--bg-main)}.btn-3d.btn--primary .btn-edge{background:color-mix(in srgb,var(--primary1) 70%,black)}.btn-3d.btn--green .btn-face{background:var(--primary4)}.btn-3d.btn--green .btn-edge{background:color-mix(in srgb,var(--primary4) 70%,black)}.btn-3d.btn--orange .btn-face{background:var(--primary3)}.btn-3d.btn--orange .btn-edge{background:color-mix(in srgb,var(--primary3) 70%,black)}.btn-3d.btn--blue .btn-face{background:var(--primary2)}.btn-3d.btn--blue .btn-edge{background:color-mix(in srgb,var(--primary2) 70%,black)}.btn-3d.btn--cream .btn-face{background:var(--bg-card)}.btn-3d.btn--cream .btn-edge{background:color-mix(in srgb,var(--bg-card) 80%,black)}.btn-3d.btn--red .btn-face{background:#ef4444;color:#fff}.btn-3d.btn--red .btn-edge{background:#b91c1c}.btn-3d:hover .btn-face{transform:translateY(-6px);transition:transform .25s var(--ease-push-back)}.btn-3d:hover .btn-shadow{transform:translateY(4px);transition:transform .25s var(--ease-push-back)}.btn-3d:active .btn-face{transform:translateY(-2px);transition:transform 34ms}.btn-3d:active .btn-shadow{transform:translateY(1px);transition:transform 34ms}.btn-3d:disabled .btn-face,.btn-3d:disabled .btn-shadow{opacity:.5;cursor:not-allowed}.btn-3d:focus,.btn-3d:focus-visible{outline:none}.btn-3d.btn--sm .btn-face{padding:8px 16px;font-size:.9rem;border-radius:var(--radius-sm)}.btn-3d.btn--sm .btn-shadow,.btn-3d.btn--sm .btn-edge{border-radius:var(--radius-sm)}.btn-3d.btn--lg .btn-face{padding:18px 36px;font-size:1.4rem;border-radius:var(--radius-xl)}.btn-3d.btn--lg .btn-shadow,.btn-3d.btn--lg .btn-edge{border-radius:var(--radius-xl)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popIn{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.card-chip{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:1.1rem;border:2px solid var(--dark);background:var(--bg-card);cursor:default;transition:transform .2s ease,opacity .2s;flex-shrink:0}.card-chip--used{opacity:.3;filter:grayscale(1);text-decoration:line-through;pointer-events:none}#arabic-text,#host-dots-text{font-family:Aref Ruqaa,serif!important}