.tr-page{--gold:#ffc857;--gold-soft:#ffe2a0;--night:#04121f;--night-2:#071e2c;--cream:#fff6e2;--text:#fff0d6d9;--muted:#ffeccd8c;--board-sky:var(--night);--board-night:#04202e;--board-mid:#05293c;--board-deep:#031420;--board-ink:#000;background:linear-gradient(180deg, var(--board-sky) 0%, #052032 34%, #05293c 58%, var(--board-deep) 80%, var(--board-ink) 100%);min-height:100svh;color:var(--cream);font-family:var(--font-cairo), "Cairo", system-ui, sans-serif;-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}.tr-page ::selection{background:var(--gold);color:#2d1906}.tr-btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.72rem 1.4rem;font-family:inherit;font-size:.88rem;font-weight:800;line-height:1.1;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex}.tr-btn-primary{color:#3d2108;background:linear-gradient(#ffeaa8 0%,#ffd05e 42%,#ffab34 100%);box-shadow:0 5px #a85818,0 16px 26px -12px #ff942880}.tr-btn-primary:hover{transform:translateY(-2px);box-shadow:0 7px #a85818,0 20px 32px -12px #ff942894}.tr-btn-primary:active{transform:translateY(3px);box-shadow:0 1px #a85818}.tr-btn-ghost{color:var(--cream);background:#ffffff0f;border:1px solid #ffffff24}.tr-btn-ghost:hover{background:#ffffff1a;transform:translateY(-1px)}.tr-btn-hero{min-height:52px;padding:.9rem 2.1rem;font-size:.95rem}.tr-hero-actions .tr-btn-ghost{min-height:52px;padding:.9rem 1.5rem;font-size:.9rem}.tr-nav{--gold:#ffc857;--gold-soft:#ffe2a0;--cream:#fff6e2;--muted:#ffeccd8c;top:0;z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#05141ff5 0%,#04121feb 100%);border-bottom:1px solid #ffc8572e;padding:.7rem clamp(1rem,4vw,2.5rem);transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s,box-shadow .3s;position:fixed;inset-inline:0;box-shadow:0 18px 30px -28px #000000e6}.tr-nav.is-scrolled{background:linear-gradient(#040f19fa 0%,#030b14f5 100%);border-bottom-color:#ffc8574d;box-shadow:0 22px 36px -28px #000}.tr-topbar{top:0;z-index:100;flex-direction:column;display:flex;position:fixed;inset-inline:0}.tr-topbar .tr-nav{position:static}.tr-nav-inner{justify-content:space-between;align-items:center;gap:.8rem;max-width:1100px;margin-inline:auto;display:flex}.tr-brand{color:var(--cream);align-items:center;gap:.6rem;font-size:.95rem;font-weight:800;text-decoration:none;display:flex}.tr-brand-mark{width:32px;height:32px;color:var(--gold);background:linear-gradient(#ffc85738,#ffc8570a);border:1px solid #ffc8576b;border-radius:9px;place-items:center;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:inset 0 1px #fff3,0 10px 22px -14px #ffb43ce6}.tr-brand:hover .tr-brand-mark{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff42,0 14px 26px -14px #ffb43c}.tr-brand-name{font-weight:800}.tr-nav-links{align-items:center;gap:1.4rem;display:flex}.tr-nav-links a{color:var(--muted);padding-block:.35rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:color .2s;display:inline-block;position:relative}.tr-nav-links a:after{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;transition:transform .24s;position:absolute;bottom:0;transform:scaleX(0)}.tr-nav-links a:hover{color:var(--cream)}.tr-nav-links a:hover:after{transform:scaleX(1)}.tr-nav-actions{align-items:center;gap:.7rem;display:flex}.tr-nav-actions .sound-toggle{background:#0410298c;border-color:#ffeccd29;border-radius:10px}.tr-nav-tools{align-items:center;gap:.5rem;display:flex}@media (max-width:430px){.tr-nav-tools{gap:.35rem}}.tr-nav-play{cursor:pointer;opacity:0;pointer-events:none;transition:opacity .32s,transform .32s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;transform:translateY(-8px)scale(.9)}.tr-nav-play.is-visible{opacity:1;pointer-events:auto;animation:2.9s cubic-bezier(.5,0,.4,1) infinite nav-press;transform:translateY(0)scale(1)}.tr-nav-play:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 32%,#ffffff80 50%,#0000 68%);position:absolute;inset:-2px;transform:translate(-130%)}.tr-nav-play.is-visible:before{animation:2.9s ease-in-out infinite nav-shine}.tr-nav-play.is-visible:hover{filter:brightness(1.08)saturate(1.06);animation:none;transform:translateY(-2px)scale(1.02);box-shadow:0 7px #a85818,0 20px 32px -12px #ff942899}.tr-nav-play.is-visible:active{transform:translateY(3px)scale(.98);box-shadow:0 1px #a85818}@keyframes nav-press{0%,6%{transform:translateY(0)scale(1);box-shadow:0 5px #a85818,0 14px 28px -14px #ff9428a6,0 0 #ffc8578c}12%,26%{transform:translateY(3px)scale(.984);box-shadow:0 1px #a85818,inset 0 2px 6px #4a200061,0 0 0 4px #ffc85757}34%{transform:translateY(3px)scale(.984);box-shadow:0 1px #a85818,inset 0 2px 6px #4a200061,0 0 0 12px #ffc85700}46%,to{transform:translateY(0)scale(1);box-shadow:0 5px #a85818,0 14px 28px -14px #ff9428a6,0 0 #ffc85700}}@keyframes nav-shine{0%,45%{transform:translate(-130%)}75%,to{transform:translate(130%)}}.tr-hero{min-height:100dvh;padding:calc(6.5rem + var(--tr-support-h,0px)) 1.5rem clamp(4.5rem, 6.5vh, 5rem);text-align:center;isolation:isolate;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tr-hero-scroll{z-index:2;inset-inline:0;width:42px;height:42px;color:var(--gold-soft);background:#091926b8;border:1px solid #ffc85757;border-radius:50%;place-items:center;margin-inline:auto;transition:color .2s,background .2s,border-color .2s;animation:.7s .8s both hero-cue-in;display:grid;position:absolute;bottom:clamp(.9rem,2.2vh,1.4rem);box-shadow:0 14px 28px -20px #000000f2,0 0 20px #ffc8571f,inset 0 1px #ffffff0f}.tr-hero-scroll:hover{color:var(--gold);background:#0c2030db;border-color:#ffc85794}.tr-hero-scroll svg{animation:2.4s ease-in-out 1.4s infinite hero-cue-bob}@keyframes hero-cue-in{0%{opacity:0}to{opacity:1}}@keyframes hero-cue-bob{0%,to{transform:translateY(-1.5px)}50%{transform:translateY(2.5px)}}.tr-hero-bg{z-index:0;pointer-events:none;background:linear-gradient(180deg, var(--board-sky) 0%, #052032 30%, #062b41 56%, #051f2d 80%, var(--board-sky) 100%);position:absolute;inset:0;overflow:hidden}.tr-hero:after{content:"";inset-inline:0;z-index:0;pointer-events:none;background:linear-gradient(180deg, #04121f00 0%, #04121f33 22%, #04121f7a 46%, #04121fc2 70%, #04121ff0 88%, var(--board-sky) 100%);height:clamp(190px,36vh,340px);position:absolute;bottom:0}.tr-hero-inner{z-index:1;flex-direction:column;align-items:center;gap:clamp(1.15rem,2.4vh,2rem);max-width:660px;display:flex;position:relative}.tr-hero-eyebrow{letter-spacing:.14em;color:var(--gold);align-items:center;gap:.75rem;margin:0;font-size:.76rem;font-weight:800;display:inline-flex}.tr-hero-eyebrow:before,.tr-hero-eyebrow:after{content:"";width:clamp(18px,7vw,48px);height:1px}.tr-hero-eyebrow:before{background:linear-gradient(90deg,#0000,#ffc857bf)}.tr-hero-eyebrow:after{background:linear-gradient(90deg,#ffc857bf,#0000)}.tr-hero-title{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:clamp(2.2rem,6vw,4rem);font-weight:900;line-height:1.2;display:flex}.tr-hero-line{color:var(--cream)}.tr-hero-sub{color:#fff0d68f;max-width:440px;margin:0;font-size:.92rem;font-weight:400;line-height:1.9}.tr-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;margin-top:.6rem;display:flex}.tr-hero-facts{flex-wrap:wrap;justify-content:center;gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.tr-hero-facts li{letter-spacing:.02em;color:#fff0d6e0;background:#0614209e;border:1px solid #ffc85738;border-radius:0;padding:.45rem 1rem;font-size:.74rem;font-weight:700;box-shadow:inset 0 1px #ffffff0f}.lw-wrap{flex-direction:column;align-items:center;display:inline-flex;position:relative}.lw-edge{background:var(--gold);border-radius:999px;width:62%;height:6px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 1px 10px #ffc85759}.lw-viewport{height:1.3em;display:block;overflow:hidden}.lw-list{flex-direction:column;align-items:center;display:flex}.lw-item{width:max-content;height:1.3em;font-size:inherit;font-weight:inherit;color:var(--gold);white-space:nowrap;justify-content:center;align-items:center;display:flex}.tr-players-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#8fd4a4;background:#091926b8;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.7rem;margin-top:1.1rem;padding:.45rem 1.1rem .45rem .5rem;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 10px 30px -18px #000c}.tr-players-stack{align-items:center;display:flex}.tr-player-chip{background:radial-gradient(circle at 35% 28%,#123246,#0a1e2e);border:2px solid #06141f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-inline-start:-9px;animation:.5s cubic-bezier(.34,1.56,.64,1) chip-swap;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000073}.tr-player-chip:first-child{margin-inline-start:0}@keyframes chip-swap{0%{opacity:0;transform:scale(.3)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.tr-players-meta{align-items:center;gap:.45rem;display:flex}.tr-players-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite players-pulse}@keyframes players-pulse{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 6px #4ade8000}}.tr-players-count{color:#4ade80;font-size:.95rem;font-weight:900;animation:.5s count-pop;display:inline-block}@keyframes count-pop{0%{color:#a7f3d0;transform:scale(1.3)}to{transform:scale(1)}}.tr-players-label{color:#8fd4a4d9}.tr-how{background:linear-gradient(180deg, var(--board-sky) 0%, var(--board-night) 18%, var(--board-mid) 42%, #041d2c 64%, var(--board-deep) 84%, #01070c 94%, var(--board-ink) 100%);padding:clamp(1.75rem,2.6vw,2.75rem) 1.5rem 7rem;scroll-margin-top:4.5rem;position:relative}.tr-how-inner{z-index:1;max-width:700px;margin-inline:auto;position:relative}.tr-how-inner h2{text-align:center;margin:0 0 3rem;font-size:1.8rem;font-weight:900}.tr-how-inner h2:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);border-radius:2px;width:72px;height:3px;margin:.9rem auto 0;display:block}.tr-steps{flex-direction:column;gap:1.4rem;margin:0;padding:0;list-style:none;display:flex}.tr-step{background:linear-gradient(#fff6e212,#fff6e206);border:1px solid #ffe7a329;border-radius:8px;align-items:flex-start;gap:1.2rem;padding:1.35rem 1.4rem;transition:border-color .3s,background .3s,transform .2s;display:flex;position:relative;box-shadow:0 24px 38px -32px #000000f2,inset 0 1px #ffffff12}.tr-step:hover{background:linear-gradient(#fff6e21c,#fff6e20a);border-color:#ffc85757;transform:translateY(-2px)}.tr-step-num{z-index:1;color:#3a1f06;background:linear-gradient(#ffeaa8 0%,#ffc857 55%,#e79b23 100%);border:1px solid #fff0c899;border-radius:8px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:1.05rem;font-weight:900;display:grid;position:relative;box-shadow:0 6px #703a0a99,inset 0 1px #ffffffb3}.tr-step-body h3{margin:0 0 .3rem;font-size:1rem;font-weight:800}.tr-step-body p{color:#fff0d69e;margin:0;font-size:.85rem;line-height:1.7}.tr-how-outro{text-align:center;border-top:1px solid #ffc85729;flex-direction:column;align-items:center;gap:.7rem;margin-top:5rem;padding-top:3rem;display:flex}.tr-how-eyebrow{color:var(--gold);letter-spacing:.14em;align-items:center;gap:.7rem;margin:0;font-size:.74rem;font-weight:800;display:inline-flex}.tr-how-eyebrow:before,.tr-how-eyebrow:after{content:"";width:30px;height:1px}.tr-how-eyebrow:before{background:linear-gradient(90deg,#0000,#ffc857b3)}.tr-how-eyebrow:after{background:linear-gradient(90deg,#ffc857b3,#0000)}.tr-how-outro h3{margin:0;font-size:clamp(1.5rem,4.4vw,1.95rem);font-weight:900}.tr-how-outro-sub{color:var(--text);max-width:420px;margin:0;font-size:.9rem;line-height:1.8}.tr-support{color:#fff6e2;text-align:center;background-color:#081c30;border-bottom:1px solid #ffc85738;justify-content:center;align-items:center;gap:.55rem;padding:.42rem clamp(.75rem,3vw,2.5rem);font-size:.74rem;font-weight:700;display:flex}.tr-support-text{margin:0;line-height:1.5}.tr-support-cta{box-shadow:none;color:#ffc857;text-underline-offset:3px;background:0 0;border:0;border-radius:0;flex:none;align-items:center;gap:.25rem;padding:0;font-size:.74rem;font-weight:800;text-decoration:underline;text-decoration-thickness:1.5px;transition:color .2s;display:inline-flex}.tr-support-cta:hover{color:#ffe2a0;text-decoration-thickness:2px}.tr-support-close{color:#fff6e28c;cursor:pointer;background:0 0;border:0;flex:none;padding:0 .15rem;font-size:.72rem;font-weight:900}.tr-support-close:hover{color:#fff}@media (max-width:430px){.tr-support{gap:.4rem;padding-inline:.6rem;font-size:.68rem}.tr-support-cta{padding:.18rem .55rem;font-size:.66rem}}.tr-footer{background:var(--board-ink);padding:1.6rem clamp(1rem,4vw,2.5rem)}.tr-footer-inner{max-width:1100px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.25rem;margin-inline:auto;font-size:.75rem;display:flex}.tr-footer-brand{align-items:center;gap:.4rem;font-weight:700;display:flex}.tr-footer-links{flex-wrap:wrap;gap:.4rem 1rem;display:flex}.tr-footer-inner a{color:var(--muted);text-decoration:none}.tr-footer-inner a:hover{color:var(--cream)}.tr-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.tr-modal{text-align:center;background:#0a1e2e;border:1px solid #ffffff1a;border-radius:20px;width:min(420px,92vw);padding:2rem 1.6rem;position:relative}.tr-modal h2{margin:0 0 .5rem;font-size:1.3rem;font-weight:900}.tr-modal-sub{color:var(--muted);margin:0 0 1.4rem;font-size:.82rem}.tr-modal-close{top:.9rem;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem;position:absolute;inset-inline-end:.9rem}.tr-join-back{width:100%;margin-top:.9rem}.tr-join-form{text-align:start;flex-direction:column;gap:.7rem;display:flex}.tr-join-form label{color:var(--muted);font-size:.78rem;font-weight:700}.tr-room-input{width:100%;color:var(--cream);letter-spacing:.15em;text-align:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;font-weight:700}.tr-room-input:focus{border-color:var(--gold);outline:none}.tr-join-error{color:#ff6b6b;margin:.5rem 0 0;font-size:.78rem}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.reveal.is-in{opacity:1;transform:translateY(0)}@media (max-width:640px){.tr-hero-actions{flex-direction:column;align-items:center;width:100%}.tr-hero-actions .tr-btn{width:auto;min-width:190px;max-width:250px}.tr-nav-links{display:none}.tr-hero-title{font-size:clamp(1.8rem,8vw,2.6rem)}.tr-hero-facts{gap:.4rem}.tr-hero-facts li{padding:.4rem .8rem;font-size:.7rem}.tr-footer-inner{text-align:center;flex-direction:column;gap:.5rem}}@media (max-width:430px){.tr-nav{padding-inline:.6rem}.tr-nav-inner{gap:.5rem}.tr-brand{gap:.4rem;font-size:.85rem}.tr-brand-mark{border-radius:8px;width:28px;height:28px}.tr-nav-actions{gap:.4rem}.tr-nav-play{white-space:nowrap;gap:.35rem;padding:.5rem .8rem;font-size:.74rem}.tr-nav-play svg{width:14px;height:14px}.tr-nav-actions .sound-settings-button{min-width:0;padding:0 .5rem}}@media (max-width:359px){.tr-nav-play{padding:.45rem .6rem;font-size:.7rem}.tr-nav-play svg{display:none}}@media (max-width:430px) and (max-height:660px){.tr-hero{padding-top:5.25rem;padding-bottom:3.75rem}.tr-hero-inner{gap:.75rem}.tr-hero-title{font-size:clamp(1.6rem,8.6vw,2rem)}.tr-hero-sub{font-size:.8rem;line-height:1.7}.tr-hero-actions{flex-flow:row}.tr-hero-actions .tr-btn,.tr-hero-actions .tr-btn-hero,.tr-hero-actions .tr-btn-ghost{width:auto;min-width:0;max-width:none;min-height:46px;padding:.6rem .9rem;font-size:.8rem}.tr-hero-facts{gap:.3rem}.tr-hero-facts li{padding:.28rem .6rem;font-size:.62rem}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.tr-nav-play{transition:opacity .2s;transform:none}.tr-nav-play.is-visible,.tr-nav-play.is-visible:before,.tr-hero-scroll,.tr-hero-scroll svg,.tr-player-chip,.tr-players-dot,.tr-players-count{animation:none}}
.privacy-world{color:#e8f0f6;background:#061724;min-height:100dvh;padding:clamp(1rem,3.5vw,2rem) 1rem 3rem}.privacy-shell{width:100%;max-width:780px;margin:0 auto}.privacy-topbar{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.privacy-brand{color:#fff6dd;align-items:center;gap:.6rem;font-weight:900;text-decoration:none;display:inline-flex}.privacy-brand-mark{background:#0a2634;border:1px solid #ffd88259;border-radius:10px;place-items:center;width:30px;height:30px;font-size:1rem;display:grid}.privacy-brand strong{font-size:.95rem}.privacy-brand small{display:none}.privacy-back{color:#e8f0f6bf;font-size:.85rem;text-decoration:none}.privacy-back:hover{color:#fff;text-decoration:underline}.privacy-hero{margin-top:1.6rem}.privacy-hero h1{color:#fff8e5;font-size:clamp(1.7rem,4.5vw,2.4rem);font-weight:900;line-height:1.25}.privacy-hero>p{color:#e8f0f6bd;max-width:46rem;margin-top:.5rem;font-size:.95rem;line-height:1.95}.privacy-meta{color:#e8f0f68c;flex-wrap:wrap;gap:.4rem 0;margin-top:.8rem;font-size:.8rem;display:flex}.privacy-meta span+span:before{content:"â€¢";color:#e8f0f64d;margin-inline:1rem}.privacy-kicker,.privacy-trail,.privacy-summary-icon,.privacy-section-index{display:none!important}.privacy-summary{border-block:1px solid #ffffff1a;margin-top:1.7rem;padding:1.1rem 0 1.3rem}.privacy-summary-head{margin-bottom:.6rem}.privacy-summary-head h2,.privacy-section h2{color:#fff8e5;font-size:1.06rem;font-weight:900}.privacy-summary-grid{grid-template-columns:1fr 1fr;gap:.45rem 2rem;margin:0;display:grid}.privacy-summary-item{min-width:0}.privacy-summary-item p{color:#e8f0f6b8;margin:0;font-size:.88rem;line-height:1.85}.privacy-toc{flex-wrap:wrap;gap:.4rem 1rem;margin:1.4rem 0 0;display:flex}.privacy-toc a{color:#ffd98a;text-underline-offset:3px;font-size:.8rem;text-decoration:underline}.privacy-toc a:hover{color:#fff3d6}.privacy-content{margin-top:.5rem}.privacy-section{margin-top:1.9rem}.privacy-section-head{margin-bottom:.4rem}.privacy-section h2{margin-top:0}.privacy-section p{color:#e8f0f6b8;margin-top:.5rem;font-size:.9rem;line-height:1.95}.privacy-section ul{color:#e8f0f6b8;margin-top:.5rem;padding-inline-start:1.1rem;font-size:.9rem;line-height:1.9}.privacy-section li{margin-top:.3rem}.privacy-section li::marker{color:#ffd882bf}.privacy-note{color:#e8f0f6c7;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;margin-top:.9rem;padding:.8rem 1rem;font-size:.85rem;line-height:1.85}.privacy-contact-line{color:#e8f0f6b8;margin-top:.5rem;font-size:.9rem;line-height:1.9}.privacy-contact-line>span[aria-hidden]{display:none}.privacy-contact-line a{color:#ffd98a;text-underline-offset:3px;text-decoration:underline}.privacy-footer{color:#e8f0f680;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin-top:2.2rem;padding-top:1rem;font-size:.78rem;display:flex}.privacy-footer nav{flex-wrap:wrap;gap:.4rem 1rem;display:flex}.privacy-footer nav a{color:#e8f0f699;text-decoration:none}.privacy-footer nav a:hover{color:#fff;text-decoration:underline}@media (max-width:640px){.privacy-summary-grid{grid-template-columns:minmax(0,1fr)}.privacy-hero h1{font-size:clamp(1.5rem,7vw,2rem)}.privacy-section p,.privacy-section ul,.privacy-contact-line{font-size:.86rem}}@media (prefers-reduced-motion:reduce){.privacy-back,.privacy-toc a,.privacy-footer nav a{transition:none}}
.doc-world{color:#e8f0f6;background:radial-gradient(900px 480px at 85% -10%,#12a3a82e,#0000 62%),radial-gradient(700px 420px at 8% 108%,#2fd3c91f,#0000 62%),#061724;min-height:100dvh;padding:clamp(1rem,3.5vw,2rem) 1rem 3rem}.doc-shell{width:100%;max-width:780px;margin:0 auto}.doc-topbar{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.doc-brand{color:#fff6dd;align-items:center;gap:.6rem;font-weight:900;text-decoration:none;display:inline-flex}.doc-brand-mark{background:#0a2634;border:1px solid #ffd88259;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:1rem;display:grid}.doc-brand strong{font-size:.95rem;line-height:1.2;display:block}.doc-brand small{color:#e8f0f68c;font-size:.68rem;font-weight:700;display:block}.doc-back{color:#e8f0f6c7;align-items:center;gap:.35rem;min-height:40px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.doc-back:hover{color:#fff}.doc-hero{margin-top:1.8rem}.doc-kicker{color:#ffe6ad;letter-spacing:.08em;background:#ffd88214;border:1px solid #ffd88240;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .7rem;font-size:.7rem;font-weight:800;display:inline-flex}.doc-hero h1{color:#fff8e5;margin-top:.8rem;font-size:clamp(1.65rem,4.6vw,2.3rem);font-weight:900;line-height:1.3}.doc-lead{color:#e8f0f6bf;margin-top:.6rem;font-size:.95rem;line-height:1.95}.doc-section{margin-top:2rem}.doc-section h2{color:#fff8e5;margin:0;font-size:1.1rem;font-weight:900;line-height:1.5}.doc-section p{color:#e8f0f6b8;margin-top:.5rem;font-size:.9rem;line-height:1.95}.doc-section ul,.doc-section ol{color:#e8f0f6b8;margin-top:.6rem;padding-inline-start:1.15rem;font-size:.9rem;line-height:1.95}.doc-section li{margin-top:.4rem}.doc-section li::marker{color:#ffd882bf}.doc-section a{color:#ffe6ad;text-underline-offset:3px;text-decoration:underline}.doc-steps{gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.doc-step{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;align-items:flex-start;gap:.85rem;padding:.9rem 1rem;display:flex}.doc-step-num{color:#3a1f06;background:linear-gradient(#ffeaa8 0%,#ffc857 55%,#e79b23 100%);border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:.95rem;font-weight:900;display:grid}.doc-step-body h3{color:#fff8e5;margin:0;font-size:.95rem;font-weight:800;line-height:1.6}.doc-step-body p{color:#e8f0f6ad;margin:.25rem 0 0;font-size:.88rem;line-height:1.9}.doc-table-wrap{margin-top:.9rem;overflow-x:auto}.doc-rules{border-collapse:collapse;width:100%;font-size:.86rem}.doc-rules caption{color:#e8f0f68c;text-align:start;padding-bottom:.5rem;font-size:.75rem;font-weight:700}.doc-rules th,.doc-rules td{text-align:start;vertical-align:top;border-bottom:1px solid #ffffff17;padding:.6rem .55rem}.doc-rules th{color:#ffe6ad;font-size:.75rem;font-weight:800}.doc-rules td{color:#e8f0f6bf;line-height:1.85}.doc-faq{gap:.6rem;margin-top:1rem;display:grid}.doc-faq-item{background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;padding:.9rem 1rem}.doc-faq-item h2{color:#fff8e5;margin:0;font-size:.98rem;font-weight:800;line-height:1.65}.doc-faq-item p{color:#e8f0f6b3;margin:.4rem 0 0;font-size:.88rem;line-height:1.9}.doc-faq-item a{color:#ffe6ad;text-underline-offset:3px;text-decoration:underline}.doc-cta{text-align:center;background:radial-gradient(600px 200px at 50% 0,#ffc85724,#0000 70%),#ffffff08;border:1px solid #ffd88238;border-radius:18px;margin-top:2.2rem;padding:1.2rem}.doc-cta h2{color:#fff8e5;margin:0;font-size:1.15rem;font-weight:900}.doc-cta p{color:#e8f0f6b3;margin:.4rem 0 0;font-size:.88rem;line-height:1.85}.doc-cta-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.9rem;display:flex}.doc-btn{border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 1.2rem;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.doc-btn-primary{color:#24160a;background:linear-gradient(135deg,#f4b53f,#ffc85c 45%,#ffd97a)}.doc-btn-ghost{color:#e8f0f6;border:1px solid #ffffff2e}.doc-footer{color:#e8f0f680;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin-top:2.4rem;padding-top:1rem;font-size:.78rem;display:flex}.doc-footer nav{flex-wrap:wrap;gap:.4rem 1rem;display:flex}.doc-footer nav a{color:#e8f0f699;text-decoration:none}.doc-footer nav a:hover{color:#fff;text-decoration:underline}.doc-brand:focus-visible,.doc-back:focus-visible,.doc-btn:focus-visible,.doc-section a:focus-visible,.doc-faq-item a:focus-visible,.doc-footer nav a:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #ffd97a}@media (max-width:640px){.doc-world{padding-inline:.85rem}.doc-brand small{display:none}.doc-step{padding:.8rem .85rem}}
.play-world{padding-top:calc(4.5rem + var(--tr-support-h,0px));color:#f6fbff;background:radial-gradient(820px 520px at 88% -12%,#1fb4dc33,#0000 62%),radial-gradient(760px 480px at 2% 108%,#ffbe421f,#0000 64%),linear-gradient(#030a1e 0%,#071b42 48%,#08344a 100%);position:relative;overflow-x:hidden}@media (min-width:640px){.play-world{padding-top:calc(5rem + var(--tr-support-h,0px))}}.play-world:before{content:"";z-index:0;pointer-events:none;opacity:.6;background-image:radial-gradient(1.5px 1.5px at 17% 14%,#fff8cee6,#0000 70%),radial-gradient(1px 1px at 78% 9%,#d0f6ffcc,#0000 70%),radial-gradient(1.2px 1.2px at 63% 32%,#ffe69fbf,#0000 70%),radial-gradient(1px 1px at 18% 58%,#c2f4ffa6,#0000 70%),radial-gradient(1.3px 1.3px at 89% 70%,#fff4c5b3,#0000 70%);background-size:230px 230px,290px 290px,260px 260px,320px 320px,240px 240px;position:fixed;inset:0}.play-world:after{content:"";inset-inline:-10%;z-index:0;pointer-events:none;filter:blur(4px);background:radial-gradient(55% 80% at 24% 100%,#1e988238,#0000 72%),radial-gradient(55% 90% at 78% 100%,#3065d42e,#0000 72%);border-radius:50% 50% 0 0;height:46%;position:fixed;bottom:-18%}.play-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.play-brand{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.play-brand-mark{background:linear-gradient(150deg,#2cb5eb57,#0e2a6dd6);border:1px solid #ffe59552;border-radius:13px;flex:none;place-items:center;width:39px;height:39px;font-size:1.15rem;display:grid;box-shadow:0 7px 18px #00000052,inset 0 1px #ffffff3d}.play-brand strong{color:#fff6d8;font-size:.84rem;font-weight:900;line-height:1.15;display:block}.play-brand small{color:#ffe089ad;letter-spacing:.16em;margin-top:.16rem;font-size:.46rem;font-weight:900;display:block}.play-home-link{color:#e0f1ffad;background:#04102c75;border:1px solid #ffffff1f;border-radius:999px;flex:none;align-items:center;min-height:37px;padding:0 .85rem;font-size:.68rem;font-weight:800;transition:background .16s,color .16s;display:inline-flex}.play-home-link:hover{color:#fff;background:#ffffff14}.play-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(120% 80% at 50% -12%,#2ca4ff29,#0000 56%),linear-gradient(158deg,#09224ef0,#040f2bf5);border:1px solid #a9dbff29;border-radius:28px;padding:clamp(1rem,3.8vw,1.55rem);position:relative;overflow:hidden;box-shadow:0 34px 80px -38px #000000f0,inset 0 1px #ffffff14}.play-panel:before{content:"";top:-46px;filter:blur(28px);pointer-events:none;background:#ffcc4f21;border-radius:999px;width:170px;height:125px;position:absolute;inset-inline-end:-22px}.play-heading{text-align:center;position:relative}.play-kicker{color:#ffe8a6bd;letter-spacing:.04em;background:#020c2361;border:1px solid #ffe8a233;border-radius:999px;align-items:center;gap:.4rem;padding:.27rem .68rem;font-size:.55rem;font-weight:800;display:inline-flex}.play-heading h1{color:#0000;-webkit-text-stroke:1px #5d300852;paint-order:stroke fill;letter-spacing:-.04em;filter:drop-shadow(0 7px 16px #00000042);background:linear-gradient(#fffbe1,#ffe27d 52%,#f5ae35);-webkit-background-clip:text;background-clip:text;margin-top:.52rem;font-size:clamp(1.9rem,8vw,2.65rem);font-weight:900;line-height:1.25}.play-heading p{color:#dcefff9e;max-width:22rem;margin:.35rem auto 0;font-size:.72rem;line-height:1.85}.play-mode-tabs{background:#020c2566;border:1px solid #ffffff13;border-radius:17px;grid-template-columns:1fr 1fr;gap:.3rem;margin-top:1rem;padding:.25rem;display:grid}.play-mode-tab{color:#d8ecff8f;border:1px solid #0000;border-radius:13px;min-height:39px;font-size:.72rem;font-weight:900;transition:background .16s,color .16s,border-color .16s}.play-mode-tab:hover{color:#f7fcffdb}.play-mode-tab.is-active{color:#402205;background:linear-gradient(#ffe785,#f6b62d);border-color:#fff4b780;box-shadow:0 4px 10px -4px #ffba288c,inset 0 1px #ffffff8f}.play-label{color:#fafdffdb;font-size:.74rem;font-weight:800;display:block}.play-hint{color:#d2eaff6b;font-size:.61rem;line-height:1.75}.play-input{color:#f4fbff;background:linear-gradient(#020c2594,#0413306b);border:1px solid #9dd4ff29;border-radius:15px;width:100%;min-height:48px;padding:.65rem .9rem;font-size:.9rem;font-weight:700;transition:border-color .16s,box-shadow .16s;display:block;box-shadow:inset 0 2px 9px #0003}.play-input::placeholder{color:#cfe6ff52;font-size:.75rem;font-weight:500}.play-input:focus{border-color:#ffde8080;outline:none;box-shadow:inset 0 2px 9px #0003,0 0 0 3px #ffd3591a}.play-code-input{text-align:center;letter-spacing:.18em;font-size:1.15rem;font-weight:900}.play-code-input::placeholder{letter-spacing:0;font-size:.75rem}.play-colors{flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(.4rem,1.4vw,.62rem);display:flex}.play-color{border:2px solid #ffffff2e;border-radius:50%;flex:0 0 32px;width:32px;height:32px;transition:transform .16s,box-shadow .16s;position:relative;box-shadow:0 4px 9px #0000003d,inset 0 1px #ffffff5c}.play-color:hover{transform:translateY(-2px)}.play-color.is-selected{box-shadow:0 0 0 3px #fffdefdb,0 0 0 6px #07112ae0,0 8px 16px #00000059}.play-counts{flex-wrap:wrap;gap:.5rem;display:flex}.play-count{color:#e1f2ffa3;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:13px;width:43px;height:43px;font-size:.85rem;font-weight:900;transition:background .16s,color .16s,border-color .16s}.play-count.is-active{color:#3d2105;background:linear-gradient(#ffe785,#f2ad24);border-color:#ffefad80;box-shadow:inset 0 1px #ffffff8c}.play-error{color:#ffdce3;text-align:center;background:#ff4a6a1a;border:1px solid #ff6f8738;border-radius:14px;padding:.6rem .7rem;font-size:.72rem;line-height:1.7}.play-error.is-soft{color:#ffe8ae;background:#ffc53f14;border-color:#ffd56933}.play-submit{border-radius:999px;min-height:55px;margin-top:1.25rem;padding:0 1rem;font-size:1rem}.play-submit:disabled{cursor:not-allowed;opacity:.56;filter:grayscale(.1);transform:none;box-shadow:0 4px #6c430d,inset 0 1px #fff6}@media (max-width:370px){.play-panel{border-radius:24px;padding:.9rem}.play-brand small{display:none}.play-home-link{padding-inline:.65rem;font-size:.63rem}.play-heading h1{font-size:1.8rem}.play-colors{gap:.5rem}}
.result-page-aurora{pointer-events:none;background:radial-gradient(circle at 20% 8%,#3ac4ff29,#0000 32%),radial-gradient(circle at 82% 18%,#ffcc571f,#0000 30%),radial-gradient(circle at 50% 100%,#6246d229,#0000 40%);position:fixed;inset:0}.result-share-hero{text-align:center;margin-top:1.25rem}.result-share-eyebrow{color:#ffe69fd1;letter-spacing:.12em;background:#0615378c;border:1px solid #ffe29038;border-radius:999px;align-items:center;gap:.3rem;padding:.28rem .7rem;font-size:.58rem;font-weight:900;display:inline-flex}.result-share-hero h1{color:#0000;-webkit-text-stroke:1px #612f0659;paint-order:stroke fill;letter-spacing:-.04em;filter:drop-shadow(0 7px 16px #00000052);background:linear-gradient(#fffbe1,#ffe27d 52%,#f5ae35);-webkit-background-clip:text;background-clip:text;margin-top:.6rem;font-size:clamp(1.8rem,7vw,3.35rem);font-weight:900;line-height:1.28}.result-share-hero>p{color:#e3f1ff9e;max-width:27rem;margin:.5rem auto 0;font-size:clamp(.72rem,2.3vw,.88rem);line-height:1.85}.result-rival-line{color:#ebf6ffa6;background:#05133694;border:1px solid #9fd9ff26;border-radius:999px;align-items:center;gap:.55rem;margin-top:.8rem;padding:.3rem .7rem;font-size:.66rem;font-weight:800;display:inline-flex}.result-rival-line span:first-child{color:#ffe78f}.result-rival-line i{font-size:.8rem;font-style:normal}.share-card-stage{width:100%;max-width:560px;margin:1rem auto 0;position:relative}.share-card-glow{filter:blur(22px);pointer-events:none;background:radial-gradient(circle at 30% 30%,#34c6ff3d,#0000 55%),radial-gradient(circle at 75% 70%,#ffc55329,#0000 55%);border-radius:40px;position:absolute;inset:8% 2% -4%}.share-card-frame{background:radial-gradient(circle at 50% 32%,#ffd55f1f,#0000 38%),radial-gradient(circle at 26% 76%,#34c6ff1a,#0000 42%),linear-gradient(160deg,#0b2659,#07132f 62%);border:1.5px solid #ffda767a;border-radius:clamp(20px,4vw,30px);position:relative;overflow:hidden;box-shadow:0 34px 80px -26px #000000eb,0 0 0 1px #52bcff1f,inset 0 1px #ffffff29}.share-card-frame:before{content:"نجهّز بطاقة النتيجة…";color:#ffe9ab80;letter-spacing:.02em;place-items:center;font-size:clamp(.68rem,2.5vw,.82rem);font-weight:800;animation:1.6s ease-in-out infinite sharePlaceholderPulse;display:grid;position:absolute;inset:0}.share-card-frame img{z-index:1;display:block;position:relative}@keyframes sharePlaceholderPulse{0%,to{opacity:.55}50%{opacity:.95}}.result-share-actions{gap:.55rem;display:grid}.result-share-buttons{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:stretch;gap:.5rem;display:grid}.result-share-link{color:#eff9ffcc;background:#ffffff0e;border:1px solid #ffffff21;border-radius:14px;justify-content:center;align-items:center;gap:.35rem;min-height:47px;font-size:.76rem;font-weight:800;transition:filter .15s,background .15s,transform .15s;display:inline-flex}.result-share-link:hover{filter:brightness(1.08);transform:translateY(-1px)}.result-share-link.is-copy{color:#ffffffd1}.result-share-status{text-align:center;color:#ffe69fc7;min-height:1.1rem;font-size:.68rem;font-weight:700;line-height:1.7}.result-challenge-link{color:#ffe7a0d9;background:#ffd05714;border:1px solid #ffdb7033;border-radius:14px;justify-content:center;align-items:center;gap:.35rem;min-height:45px;font-size:.72rem;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.result-challenge-link.is-inviting{animation:3.4s ease-in-out infinite challengePulse}.result-challenge-link.is-inviting:after{content:"";pointer-events:none;background:linear-gradient(100deg,#fff0 0%,#fff6cd38 50%,#fff0 100%);width:42%;animation:4.6s ease-in-out infinite challengeSheen;position:absolute;top:0;bottom:0;transform:translate(-160%)}@keyframes challengePulse{0%,to{border-color:#ffdb7033;box-shadow:0 0 #ffd26033}50%{border-color:#ffdb7070;box-shadow:0 0 18px -2px #ffd26057}}@keyframes challengeSheen{0%,62%{transform:translate(-160%)}to{transform:translate(320%)}}@media (prefers-reduced-motion:reduce){.result-challenge-link.is-inviting{border-color:#ffdb7066;animation:none}.result-challenge-link.is-inviting:after{opacity:0;animation:none}}.result-share-footnote{text-align:center;color:#d2e8ff4d;margin-top:1rem;font-size:.6rem;line-height:1.8}@media (min-width:640px){.result-share-buttons{gap:.6rem}.result-share-link{min-height:49px;font-size:.78rem}}
html[data-tr-boot] body{visibility:hidden}.tr-lang{align-items:center;display:inline-flex;position:relative}.tr-lang-button{color:#ffffffa8;cursor:pointer;background:#0410298c;border:1px solid #ffeccd29;border-radius:10px;align-items:center;gap:.35rem;min-height:38px;padding:0 .7rem;font-size:.7rem;font-weight:800;display:inline-flex}@media (hover:hover) and (pointer:fine){.tr-lang-button{transition:background .18s,color .18s,border-color .18s}.tr-lang-button:hover,.tr-lang-button.is-open{color:#fff;background:#ffffff14}}.tr-lang-button.is-open{color:#ffe6a1;border-color:#ffc85752}.tr-lang-glyph{color:#ffd98a;place-items:center;display:grid}.tr-lang-current{white-space:nowrap}.tr-lang-caret{opacity:.6;transition:transform .18s}.tr-lang-button.is-open .tr-lang-caret{transform:rotate(180deg)}.tr-lang-menu{top:calc(100% + .55rem);z-index:20;background:linear-gradient(#05141ffa,#030b14fa);border:1px solid #ffeccd2e;border-radius:14px;min-width:12.5rem;margin:0;padding:.35rem;list-style:none;position:absolute;inset-inline-end:0;box-shadow:0 26px 44px -26px #000000f2}.tr-lang-option{color:#fff6e2c7;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.5rem;width:100%;padding:.5rem .6rem;font-size:.8rem;font-weight:700;display:flex}@media (hover:hover) and (pointer:fine){.tr-lang-option:hover{color:#fff;background:#ffffff12}}.tr-lang-option.is-active{color:#ffe6a1;background:#ffc8571f}.tr-lang-option-name{flex:1}.tr-lang-option-code{letter-spacing:.08em;color:#ffffff61;font-size:.6rem;font-weight:800}.tr-lang-check{color:#ffc857;font-size:.75rem}.tr-nav .sound-settings{display:inline-flex}@media (max-width:430px){.tr-lang-button{gap:.3rem;min-height:36px;padding:0 .5rem}.tr-lang-current{display:none}.tr-lang-menu{min-width:10.5rem}.sound-settings-button{min-height:36px;padding:0 .5rem}}@media (max-width:340px){.tr-lang-caret{display:none}}.sound-settings{align-items:center;display:inline-flex;position:relative}.sound-settings-button{color:#ffffffa8;cursor:pointer;background:#0410298c;border:1px solid #ffeccd29;border-radius:10px;justify-content:center;align-items:center;gap:.3rem;min-height:38px;padding:0 .6rem;font-size:.7rem;font-weight:800;display:inline-flex}@media (hover:hover) and (pointer:fine){.sound-settings-button{transition:background .18s,color .18s,border-color .18s}.sound-settings-button:hover,.sound-settings-button.is-open{color:#fff;background:#ffffff14}}.sound-settings-panel{top:calc(100% + .55rem);z-index:20;color:#fff6e2d1;background:linear-gradient(#05141ffa,#030b14fa);border:1px solid #ffeccd2e;border-radius:14px;width:16rem;padding:.85rem;font-size:.72rem;font-weight:700;position:absolute;inset-inline-end:0;box-shadow:0 26px 44px -26px #000000f2}.sound-settings-row{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.sound-settings-row+.sound-settings-row{margin-top:.7rem}.sound-settings-title{color:#fff6e280;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.35rem;font-size:.62rem;font-weight:800;display:block}.sound-settings input[type=range]{accent-color:#ffc857;width:100%}.sound-settings-switch{color:inherit;cursor:pointer;background:#04102980;border:1px solid #ffeccd2e;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.66rem;font-weight:800;display:inline-flex}.sound-settings-switch.is-on{color:#ffe6a1;border-color:#ffde8a52}.sound-settings-note{color:#fff6e26b;margin:.7rem 0 0;font-size:.62rem;font-weight:600;line-height:1.6}.tr-nav-sound .sound-settings-panel{top:calc(100% + .55rem);bottom:auto}html[dir=ltr] .tr-hero-title{letter-spacing:-.018em;gap:.22em;line-height:1.16}html[dir=ltr] .tr-hero-sub{max-width:470px;line-height:1.8}html[dir=ltr] .tr-hero-actions .tr-btn,html[dir=ltr] .tr-hero-facts li{white-space:nowrap}html[dir=ltr] .tr-step-num{letter-spacing:0;font-size:1.1rem}html[dir=ltr] .tr-how-inner{max-width:720px}html[dir=ltr] .tr-how-inner h2{margin-bottom:2.4rem}html[dir=ltr] .tr-step{padding:1.1rem 1.25rem}html[dir=ltr] .tr-step-body p{line-height:1.65}html[dir=ltr] .tr-how-outro{margin-top:3.6rem;padding-top:2.4rem}@media (max-width:430px){html[dir=ltr] .tr-hero-title{font-size:clamp(1.65rem,8vw,2.15rem)}html[dir=ltr] .tr-hero-sub{max-width:34ch}html[dir=ltr] .tr-step{padding:.9rem 1rem}}
