:root{--purple:#600192;--red:#f8517b;--yellow:#ffd800;--radius-lg:clamp(12px,1.2vw,24px);--radius-md:clamp(10px,.8vw,18px);--shadow-sm:0 3px 14px rgba(0,0,0,.18)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,Tajawal,BlinkMacSystemFont,Arial,sans-serif;-webkit-user-select:none;user-select:none}@media (orientation:portrait){html,body{height:100dvh;overflow:hidden}#root>*{display:none!important}body:before{content:"يرجى تدوير جهازك للوضع الأفقي (Landscape)";position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding-inline:4vw;font-size:clamp(18px,2.2vw,32px)}}.bg-img{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.main-page{position:relative;z-index:1;min-height:100dvh;width:100%;overflow-x:hidden;padding:max(2vw,env(safe-area-inset-top)) max(2vw,env(safe-area-inset-right)) max(2vw,env(safe-area-inset-bottom)) max(2vw,env(safe-area-inset-left))}.points-btn,.play-btn{--btn-w:clamp(180px,22vw,320px);--btn-h:clamp(64px, 8vh, 96px);--gap:clamp(10px,1.2vw,20px);--padY:clamp(14px,1.6vh,28px);--padX:calc(var(--padY)*1.6);position:fixed;display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;min-width:var(--btn-w);min-height:var(--btn-h);gap:var(--gap);padding:var(--padY) calc(var(--padX)*1.4) var(--padY) var(--padX);border:none;border-radius:var(--radius-lg);font-size:clamp(20px,2vw,32px);font-weight:800;box-shadow:0 4px 20px #00000038;cursor:pointer;transition:transform .15s}.points-btn{background:var(--red);color:#fff;top:max(2.8vh,env(safe-area-inset-top));right:max(2.8vw,env(safe-area-inset-right))}.play-btn{background:var(--yellow);color:#000;bottom:max(3vh,env(safe-area-inset-bottom));right:max(3vw,env(safe-area-inset-right))}.points-btn:hover,.play-btn:hover{transform:translateY(-.4vh)}.points-circle{flex:0 0 auto;width:clamp(30px,3vw,46px);height:clamp(30px,3vw,46px);border-radius:50%;border:clamp(2px,.25vw,4px) solid #fff;display:flex;align-items:center;justify-content:center;font-size:1em;line-height:0}.gamepad-icon{width:clamp(28px,3vw,42px);height:auto}.side-buttons{position:fixed;top:max(2.8vh,env(safe-area-inset-top));left:max(2.8vw,env(safe-area-inset-left));display:flex;flex-direction:column;gap:clamp(14px,2vh,32px)}.side-btn{--sb-w:clamp(180px,19vw,280px);--sb-h:clamp(64px, 7vh, 88px);--sb-g:clamp( 8px, 1vw,18px);width:var(--sb-w);height:var(--sb-h);display:inline-flex;align-items:center;justify-content:center;flex-direction:row-reverse;gap:var(--sb-g);padding-inline:clamp(18px,1.6vw,32px);background:var(--red);color:#fff;font-weight:800;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:clamp(18px,1.8vw,28px);transition:transform .15s,opacity .15s}.side-btn:hover{opacity:.94;transform:translateY(-.4vh)}.wa-icon{width:clamp(26px,3vw,42px);height:auto}.user-btn{width:clamp(180px,22vw,320px);min-width:clamp(180px,22vw,320px);height:clamp(64px,8vh,96px);min-height:clamp(64px,8vh,96px);font-size:clamp(19px,2vw,28px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:#0000008c;display:flex;align-items:center;justify-content:center}.modal-content{width:90%;max-width:380px;background:#fff;padding:clamp(22px,2.2vw,34px);border-radius:var(--radius-md);text-align:center;box-shadow:0 2px 18px #00000038}.modal-content h2,.modal-content h3{font-size:clamp(20px,2vw,30px);margin-bottom:.6em}.modal-content button{margin-top:1.4em;padding:clamp(8px,1vh,14px) clamp(24px,2.5vw,34px);background:var(--red);color:#fff;font-weight:800;border:none;font-size:clamp(16px,1.6vw,22px);border-radius:var(--radius-md);cursor:pointer}.loading-screen{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--purple);color:#fff;font-weight:800;font-size:clamp(22px,2.4vw,34px)}@media (min-width:1280px){:root{--radius-lg:24px;--radius-md:18px}.points-btn,.play-btn{--btn-w:300px;--btn-h:90px;font-size:26px}.points-circle{width:40px;height:40px;font-size:26px}.gamepad-icon{width:40px}.side-btn{--sb-w:300px;--sb-h:90px;font-size:19px}.wa-icon{width:38px}.user-btn{width:300px;min-width:300px;height:90px;min-height:90px;font-size:26px}}@media (min-width:1920px){.points-btn,.play-btn{--btn-w:360px;--btn-h:110px;font-size:30px}.points-circle{width:48px;height:48px;font-size:30px}.gamepad-icon{width:48px}.side-btn{--sb-w:360px;--sb-h:110px;font-size:28px}.side-buttons{gap:32px}.wa-icon{width:46px}.user-btn{width:360px;min-width:360px;height:110px;min-height:110px;font-size:30px}}.apple-store-icon{margin-top:12px;width:100%;max-width:var(--sb-w, 190px);height:auto;align-self:stretch;cursor:pointer;border-radius:var(--radius-lg);box-shadow:0 3px 10px #0000001a;transition:transform .13s;background:transparent}.apple-store-icon:hover{transform:scale(1.04)}.top-buttons{position:fixed;top:max(2.8vh,env(safe-area-inset-top));right:max(2.8vw,env(safe-area-inset-right));display:flex;flex-direction:row-reverse;gap:clamp(12px,2vw,24px);z-index:2}.top-buttons .points-btn{position:static;top:auto;right:auto}.membership-card{display:flex;align-items:center;justify-content:flex-start;background:var(--red);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:clamp(10px,1vw,18px);gap:clamp(12px,1vw,20px)}.membership-card .avatar{width:clamp(46px,6vw,80px);height:clamp(46px,6vw,80px);border-radius:50%;object-fit:cover;border:clamp(2px,.25vw,4px) solid rgba(255,255,255,.7)}.membership-card .info{display:flex;flex-direction:column;align-items:flex-end;flex:1}.membership-card .name{font-size:clamp(18px,2vw,21px);font-weight:800;line-height:1}.membership-card .rank{font-weight:600;opacity:.9}.membership-card .progress-bar{position:relative;width:100%;height:clamp(6px,.6vw,12px);background:#00000040;border-radius:clamp(4px,.5vw,8px);overflow:hidden;margin-top:clamp(4px,.4vw,6px)}.membership-card .progress-bar-inner{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(to right,#a0ccff,#71aaf5);border-radius:inherit;transition:width .3s ease}.logo-img{position:fixed;top:max(1.6vh,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:clamp(80px,10vw,160px);height:auto;z-index:2}:root{--custom-pastel:#600192;--custom-red:#dd375f;--radius-lg:clamp(16px,1.4vw,28px);--radius-md:clamp(10px,1vw,18px);--shadow-card:0 6px 16px rgba(0,0,0,.25);--shadow-btn:0 10px 22px rgba(0,0,0,.4)}.login-container{direction:rtl;min-height:100vh;padding:24px 24px 40px;background:#f5f5f5;font-family:MSjawhara-Regular,Tajawal,sans-serif;display:flex;flex-direction:column;align-items:center}.login-content{flex:1;width:100%;max-width:1280px;margin-top:24px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex}.vertical-divider{width:1px;background:#d4d4d4;margin:clamp(24px,3vh,40px) 0}.login-buttons{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(36px,5vh,60px)}.long-red-btn{width:clamp(200px,80%,350px);max-width:350px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:clamp(12px,1.4vw,20px);background:var(--custom-red);color:#fff;border:none;border-radius:var(--radius-lg);font-size:clamp(18px,2vw,26px);font-weight:900;padding:clamp(18px,2vh,28px) clamp(20px,2vw,24px);text-align:center;line-height:1.35;box-shadow:var(--shadow-btn);cursor:pointer;transition:transform .14s}.long-red-btn:active{transform:translateY(3px)}.btn-icon{font-size:1.2em;line-height:0}.login-form{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,3vh,34px)}.login-input{width:clamp(200px,80%,350px);max-width:350px;height:clamp(50px,6vh,70px);background:#f3f3f7;border:none;border-radius:var(--radius-md);padding:0 clamp(14px,1.6vw,22px);font-size:clamp(15px,1.6vw,18px);outline:none}.login-input::placeholder{color:#b9b9bd}.forgot-btn{background:none;border:none;color:var(--custom-red);font-size:clamp(14px,1.4vw,16px);cursor:pointer;text-decoration:underline;margin-top:-4px}.error-text{color:#c00;font-size:clamp(13px,1.4vw,15px);text-align:center;margin-top:-6px}.login-email-btn{width:clamp(200px,80%,350px);max-width:350px;background:var(--custom-red);color:#fff;border:none;border-radius:var(--radius-lg);font-size:clamp(18px,2vw,26px);font-weight:900;padding:clamp(20px,2vh,26px) 0;cursor:pointer;box-shadow:var(--shadow-btn);transition:transform .14s}.login-email-btn:active{transform:translateY(3px)}.forgot-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999}.forgot-modal-content{background:#fff;padding:clamp(22px,2vw,28px) clamp(20px,2vw,26px);border-radius:var(--radius-md);width:90%;max-width:420px;text-align:center;box-shadow:0 6px 22px #0000004d}.forgot-modal-content button{margin-top:20px;background:var(--custom-red);color:#fff;border:none;border-radius:10px;padding:clamp(8px,.9vw,12px) clamp(24px,2.2vw,32px);font-size:clamp(15px,1.6vw,18px);cursor:pointer}@media (max-width:650px){.login-content{flex-direction:column;padding:clamp(18px,3vh,24px) 0}.vertical-divider{display:none}.login-buttons,.login-form{padding:clamp(16px,3vh,24px) 0;gap:clamp(24px,4vh,32px)}}@media (min-width:1280px){:root{--radius-lg:28px;--radius-md:20px}.long-red-btn,.login-email-btn{max-width:420px;width:360px;font-size:24px;padding:26px 0}.login-input{max-width:420px;width:360px;height:76px;font-size:18px}}@media (min-width:1920px){.long-red-btn,.login-email-btn{max-width:480px;width:420px;font-size:28px;padding:32px 0}.login-input{max-width:480px;width:420px;height:88px;font-size:22px}.login-buttons,.login-form{gap:42px}}:root{--purple: #600192;--red: #dd375f;--yellow: #ffd800;--tabGray: #e5e5e5;--radius-header: 26px;--radius-card: 28px;--shadow-strong: 0 10px 30px rgba(0, 0, 0, .22);--shadow-soft: 0 5px 16px rgba(0, 0, 0, .18)}.mode-selection-wrapper{min-height:100vh;padding:24px 24px 40px;background:#f5f5f5;font-family:MSjawhara-Regular,Tajawal,sans-serif;display:flex;flex-direction:column;align-items:center;direction:rtl}.ms-header{width:100%;max-width:1280px;background:var(--purple);border-radius:var(--radius-header);padding:16px 24px;display:flex;align-items:center;gap:16px;direction:ltr;box-shadow:var(--shadow-strong)}.ms-back{width:56px;height:56px;border-radius:50%;border:none;background:#ff3b5c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px #00000073;transition:transform .12s ease,opacity .12s ease}.ms-back:hover{opacity:.9;transform:translateY(1px)}.ms-title{flex:1;margin:0;color:#fff;direction:rtl;text-align:right;font-family:MSjawhara-Bold,Tajawal,sans-serif}.ms-segmented{margin-top:24px;width:100%;max-width:900px;display:flex;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft)}.ms-tab{flex:1;border:none;background:var(--tabGray);padding:10px 0;cursor:pointer;font-family:MSjawhara-Bold,Tajawal,sans-serif;font-size:clamp(16px,2vw,22px);text-align:center;color:#000}.ms-tab+.ms-tab{border-right:1px solid #d4d4d4}.ms-tab.selected{background:var(--red);color:#fff}.ms-tab.disabled{opacity:.65;cursor:default}.ms-grid{width:100%;max-width:1280px;margin-top:70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media (max-width: 1100px){.ms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.ms-grid{grid-template-columns:minmax(0,1fr)}}.mode-card-lg{position:relative;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;overflow:visible;direction:rtl;min-height:380px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.mode-card-lg:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000040}.mode-card-lg.disabled{filter:grayscale(1);opacity:.8;transform:none}.mc-lg-header{background:var(--red);min-height:64px;display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:var(--radius-card) var(--radius-card) 0 0}.mc-lg-title{font-family:MSjawhara-Bold,Tajawal,sans-serif;font-size:clamp(18px,2.4vw,26px);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-lg-image{position:relative;background:#e5e5e5;min-height:190px;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.mc-lg-image-img,.mc-lg-image-src{width:100%;height:100%;object-fit:cover}.mc-lg-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.mc-lg-lock-overlay .lock-bg{width:120px;height:120px;border-radius:50%;background:#000000a6;border:2px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000073}.mc-lg-lock-overlay .lock-icon{color:#fff;font-size:40px}.mc-lg-desc{background:var(--purple);color:#fff;font-family:MSjawhara-Bold,Tajawal,sans-serif;font-size:clamp(14px,1.9vw,18px);text-align:center;padding:10px 14px;min-height:60px;display:flex;align-items:center;justify-content:center}.mc-lg-actions{background:#fff;padding:14px 18px 18px;display:flex;justify-content:space-between;gap:10px;border-radius:0 0 var(--radius-card) var(--radius-card)}.mc-lg-btn{flex:1;border:none;outline:none;padding:10px 0;background:var(--yellow);color:#000;font-family:MSjawhara-Bold,Tajawal,sans-serif;font-size:clamp(14px,1.8vw,18px);border-radius:999px;cursor:pointer;box-shadow:0 4px 10px #00000040;transition:transform .1s ease,box-shadow .1s ease,opacity .1s ease}.mc-lg-btn:hover:not(:disabled){transform:translateY(1px);box-shadow:0 2px 6px #0003}.mc-lg-btn:disabled{cursor:not-allowed;opacity:.7;box-shadow:none}.mc-lg-points-badge{position:absolute;top:-30px;right:22px;width:76px;height:76px;border-radius:50%;background:var(--yellow);box-shadow:0 6px 14px #00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:MSjawhara-Bold,Tajawal,sans-serif;color:#000;z-index:5}.mc-lg-points-big{font-size:27px;line-height:1}.mc-lg-points-small{font-size:12px;margin-top:-2px}.mc-lg-normal-label{position:absolute;top:-26px;left:22px;background:var(--yellow);padding:10px 18px;border-radius:18px;box-shadow:0 6px 16px #0006;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:MSjawhara-Bold,Tajawal,sans-serif;font-size:clamp(15px,1.9vw,19px);color:#000;z-index:6}.mc-lg-normal-label span{line-height:1.5}:root{--purple:#600192;--red:#dd375f}.signup-container{direction:rtl;min-height:100vh;padding:24px 24px 40px;background:#f5f5f5;font-family:MSjawhara-Regular,Tajawal,sans-serif;display:flex;flex-direction:column;align-items:center}.signup-body{width:100%;max-width:1280px;margin-top:24px;background:#fff;border-radius:28px;box-shadow:0 6px 16px #00000040;padding:30px 26px 34px;display:flex;flex-direction:column;gap:24px;align-items:center}.signup-error{color:#c00;text-align:center;font-size:.95rem}.signup-success{color:green;text-align:center;font-size:.95rem}.signup-input{width:100%;max-width:720px;height:62px;background:#f3f3f7;border:none;border-radius:22px;padding:0 18px;font-size:1rem;box-sizing:border-box}.signup-input::placeholder{color:#b9b9bd}.signup-input:focus{outline:none;border:2px solid var(--red)}.signup-phone-row{width:100%;max-width:720px;display:flex;flex-direction:row-reverse;gap:10px;align-items:center;justify-content:center}.signup-select{width:150px;min-width:130px;background:#f3f3f7;border:none;border-radius:22px;height:62px;padding:0 14px;font-size:1rem;cursor:pointer}.signup-select:focus{outline:none;border:2px solid var(--red)}.phone-input{flex:1 1 0;min-width:0}.signup-btn{width:100%;max-width:720px;background:var(--red);color:#fff;border:none;border-radius:24px;font-size:24px;font-weight:900;padding:26px 0;cursor:pointer;box-shadow:0 10px 22px #0006;transition:transform .14s}.signup-btn:active{transform:translateY(3px)}.signup-footer{margin-top:10px;text-align:center;font-size:.85rem;color:#888}@media (max-width:600px){.signup-body{max-width:100%;padding:22px 16px 26px;gap:20px}.signup-phone-row{flex-direction:column}.signup-select,.signup-input,.signup-btn{width:100%;max-width:100%}}.forgot-password-container{max-width:500px;margin:40px auto;background-color:#fff;border-radius:8px;padding:20px;box-shadow:2px 2px 6px #0000001a;font-family:sans-serif}.forgot-password-container h2{margin-bottom:16px;color:#333}.forgot-password-input{display:block;width:80%;max-width:300px;margin-bottom:10px;padding:12px;border-radius:6px;border:1px solid #ccc}.forgot-password-alert{margin-top:10px;color:red}.forgot-password-button{padding:10px 16px;background-color:#d62630;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.forgot-password-button:hover{background-color:#b71f28}.forgot-password-loading{margin-top:10px;color:#555}html,body{margin:0;padding:0;box-sizing:border-box;background:#f5f5f5;font-family:MSjawhara-Regular,Tajawal,sans-serif}.phone-page{min-height:100vh;padding:24px 24px 40px;background:#f5f5f5;font-family:MSjawhara-Regular,Tajawal,sans-serif;display:flex;flex-direction:column;align-items:center;direction:rtl}.phone-header{width:100%;max-width:1280px}.phone-main{width:100%;max-width:1280px;margin-top:24px;display:flex;justify-content:center}.phone-card{width:100%;max-width:1280px;margin:0 auto;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:28px 22px 32px;text-align:center;display:flex;flex-direction:column;align-items:center}.phone-subtitle{margin:0 0 18px;font-size:.98rem;color:#555}.phone-form{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.phone-row{width:100%;max-width:720px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.phone-select{width:160px;min-width:130px;height:56px;background:#f8f8fb;border:none;border-radius:18px;padding:0 16px;font-size:.95rem;cursor:pointer}.phone-input{flex:1 1 0;min-width:0;height:56px;background:#f8f8fb;border:2px solid transparent;border-radius:18px;padding:0 18px;font-size:.95rem;transition:border-color .18s}.phone-input:focus{border-color:#006aff;outline:none}.phone-main-btn{width:100%;max-width:720px;margin-top:18px;background:#007bff;color:#fff;border:none;border-radius:18px;font-size:1.1rem;font-weight:900;padding:18px 0;cursor:pointer;transition:transform .14s,box-shadow .14s;box-shadow:0 8px 18px #007bff59}.phone-main-btn:active{transform:translateY(2px);box-shadow:0 4px 10px #007bff66}.phone-main-btn:disabled{opacity:.65;cursor:not-allowed}.phone-error,.phone-info,.phone-loading{text-align:center;margin:14px auto 6px;font-size:.95rem}.phone-error{color:#c00}.phone-info{color:#444;font-weight:700}.phone-loading{color:#555}#recaptcha-container{margin-top:10px;text-align:center}.username-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:5000}.username-modal-content{background:#fff;width:90%;max-width:400px;border-radius:18px;padding:26px 22px;text-align:center;box-shadow:0 6px 18px #00000040}.username-modal-content h3{margin:0 0 16px;color:#600192;font-size:1.2rem;font-weight:900}.username-input{width:100%;height:52px;background:#f8f8fb;border:none;border-radius:16px;padding:0 18px;font-size:1rem;margin-bottom:18px}.username-save-btn{width:100%;background:#007bff;color:#fff;border:none;border-radius:16px;padding:16px 0;font-size:1.05rem;font-weight:800;cursor:pointer}@media (max-width: 1100px){.phone-main,.phone-card{max-width:900px}}@media (max-width: 700px){.phone-main{max-width:100%}.phone-card{max-width:100%;border-radius:20px;padding:22px 16px 26px}.phone-row{flex-direction:column}.phone-select,.phone-input,.phone-form,.phone-main-btn{max-width:100%;width:100%}}.change-password-container{max-width:600px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:2px 2px 6px #0000001a;font-family:sans-serif}.change-password-container h1{margin-bottom:24px;color:#333}.change-password-input{display:block;width:80%;max-width:300px;margin:4px 0 16px;padding:12px;border:1px solid #ccc;border-radius:6px}.change-password-error{color:red;margin-bottom:16px}.change-password-success{color:green;margin-bottom:16px}.change-password-button{padding:10px 20px;background-color:#d62630;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.change-password-button:hover{background-color:#b71f28}:root{--custom-red1: #DD375F;--custom-pastel1: #600192;--custom-yellow: #FFD800}.game-description-container{max-width:800px;margin:40px auto;border-radius:15px;padding:20px;font-family:sans-serif;background-color:#fff;box-shadow:0 2px 6px #00000026}.game-desc-header{display:flex;align-items:center;justify-content:space-between;background-color:var(--custom-pastel1);border-radius:15px;padding:10px 20px;margin-bottom:20px;box-shadow:0 2px 5px #0003}.back-button{background-color:var(--custom-red1);color:#fff;border:none;border-radius:8px;padding:6px 14px;cursor:pointer;font-size:1rem;box-shadow:1px 1px 3px #0000004d;transition:background-color .3s ease}.back-button:hover{background-color:#c73254}.header-title{margin:0 auto;color:#fff;font-size:1.4rem;font-weight:700;text-align:center}.slide-content{margin:20px;text-align:right}.slide-content h2{color:#222;margin-bottom:8px;font-size:1.3rem}.slide-content ul{list-style:disc;padding-right:24px;color:#444;font-size:1.05rem;line-height:1.6}.game-description-buttons{margin-top:30px;display:flex;gap:20px;justify-content:center}.game-description-buttons button{padding:10px 16px;border-radius:8px;border:none;font-size:1rem;cursor:pointer;background-color:var(--custom-red1);color:#fff;transition:background-color .3s ease;box-shadow:1px 1px 3px #0003}.game-description-buttons button:hover{background-color:#c73254}.game-description-buttons button:disabled{background-color:#ccc;cursor:not-allowed}@media (min-width: 768px){.slide-content h2{font-size:1.6rem}.slide-content ul{font-size:1.2rem}.game-description-buttons button{font-size:1.1rem;padding:12px 20px}}:root{--custom-red1: #dd375f;--custom-pastel1: #600192;--custom-yellow: #ffd800;--radius-lg: clamp(12px,1.2vw,24px);--radius-md: clamp(10px,.8vw,18px);--shadow-sm: 0 3px 10px rgba(0,0,0,.15);--side-gap: clamp(24px,5vw,80px)}html,body,*{font-family:MSjawhara-Bold,sans-serif!important}img{-webkit-user-drag:none;user-drag:none;pointer-events:auto}.game-setup-page{background:#fff;height:100vh;width:100%;display:flex;flex-direction:column;font-family:MSjawhara-Bold,sans-serif;overflow-x:hidden}.page-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding-left:24px;padding-right:24px;padding-left:max(var(--side-gap),env(safe-area-inset-left,0));padding-right:max(var(--side-gap),env(safe-area-inset-right,0));padding-top:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0))}.under-update-overlay{position:absolute;top:55px;left:0;right:0;bottom:55px;background:#0009;color:#fff;font-size:1.3rem;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:15px;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:5}.header-view{background:var(--custom-pastel1);display:flex;align-items:center;gap:18px;gap:clamp(8px,1vw,18px);border-radius:20px;padding:8px 16px;padding:clamp(8px,1vw,16px) clamp(16px,2vw,32px);margin:12px 24px 40px;margin-top:clamp(8px,1vw,16px);margin-bottom:clamp(24px,3vh,40px);margin-left:max(var(--side-gap),env(safe-area-inset-left,0));margin-right:max(var(--side-gap),env(safe-area-inset-right,0));box-shadow:0 2px 5px #0003}.header-back-btn{background:var(--custom-red1);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:22px;padding:clamp(4px,.6vw,10px) clamp(14px,1vw,24px);font-size:clamp(18px,1vw,28px);cursor:pointer;box-shadow:1px 1px 3px #0004}.header-title{flex:1;margin:0;color:#fff;font-weight:700;font-size:28px;font-size:clamp(18px,2vw,32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-header{width:100%;max-width:1280px;background:var(--custom-pastel1);border-radius:26px;padding:16px 24px;display:flex;align-items:center;gap:16px;direction:ltr;box-shadow:0 10px 30px #00000038;margin-top:clamp(8px,1vw,16px);margin-bottom:clamp(24px,3vh,40px);margin-left:auto;margin-right:auto}.gs-back{width:56px;height:56px;border-radius:50%;border:none;background:#ff3b5c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px #00000073;transition:transform .12s ease,opacity .12s ease}.gs-back:hover{opacity:.9;transform:translateY(1px)}.gs-title{flex:1;margin:0;color:#fff;direction:rtl;text-align:right;font-family:MSjawhara-Bold,Tajawal,sans-serif;white-space:normal}.section-title{font-size:32px;font-size:clamp(20px,2.4vw,36px);text-align:center;margin-bottom:28px;margin-bottom:clamp(14px,2vh,28px);color:#333}.category-view-toggle{display:flex;justify-content:center;gap:clamp(12px,2vw,24px);margin-bottom:clamp(50px,3vh,42px)}.category-view-toggle .toggle-button{background:#e6e6e6;color:#333;border:none;border-radius:12px;padding:clamp(6px,.8vw,12px) clamp(16px,2vw,24px);font-size:clamp(14px,1.6vw,18px);cursor:pointer;box-shadow:0 2px 4px #00000026;transition:background-color .15s,color .15s}.category-view-toggle .toggle-button.toggle-active{background:#ffd800;color:#000}.one-group-section{margin-bottom:60px;text-align:center}.one-group-section{margin-bottom:clamp(40px,6vh,70px)}.group-header-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.group-header-wrapper{margin-bottom:clamp(18px,3vh,32px)}.group-divider{width:90px;height:1px;background:#888;margin:0 10px}.group-title-box{background:var(--custom-pastel1);color:#fff;font-size:16px;font-size:clamp(10px,1.2vw,22px);padding:12px 32px;border-radius:8px;min-height:36px;width:440px;width:clamp(280px,40vw,480px);display:flex;align-items:center;justify-content:center}.category-grid{display:grid;gap:30px 36px;justify-content:center;gap:clamp(20px,3vh,40px) clamp(24px,4vw,60px);padding-left:24px;padding-right:24px;padding-left:var(--side-gap);padding-right:var(--side-gap);box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-template-columns:repeat(auto-fill,minmax(clamp(120px,15vw,160px),1fr))}.category-selection-cell{width:110px;height:140px;width:clamp(90px,13vw,130px);height:clamp(100px,15vh,160px);background:#fff;border-radius:15px;border:3px solid transparent;box-shadow:0 4px 15px #00000040;display:flex;flex-direction:column;position:relative;transition:border-color .15s;cursor:pointer}.category-selection-cell.cell-selected{border-color:#006aff}.category-selection-cell.cell-disabled{filter:grayscale(100%);cursor:not-allowed}.cell-image-wrapper{flex:1 1 auto;overflow:hidden;border-radius:15px 15px 0 0}.cell-image{width:100%;height:100%;object-fit:cover}.cell-category-bar{flex:0 0 36px;flex:0 0 clamp(30px,4vh,45px);display:flex;align-items:center;justify-content:center;background:var(--custom-red1);color:#fff;font-weight:700;font-size:16px;font-size:clamp(14px,1vw,18px);border-radius:0 0 12px 12px;direction:rtl}.cell-category-bar .english-word{direction:ltr;unicode-bidi:bidi-override}.cell-category-bar.bar-disabled{background:gray}.cell-info-wrapper{position:absolute;top:-12px;left:-8px;display:flex;align-items:center;gap:6px;z-index:2}.cell-info-button{width:26px;height:26px;font-size:15px;font-weight:700;background:#007aff;color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px #00000059;cursor:pointer}.cell-gamecount{font-size:12px;font-size:clamp(10px,1.2vw,14px);font-weight:700;background:var(--custom-yellow);color:#000;padding:3px 8px;border-radius:6px;white-space:nowrap;box-shadow:0 1px 2px #00000040}.tooltip-container{position:absolute;top:0;right:0;transform:translateY(-100%);width:200px;max-height:200px;background:#000000e0;color:#fff;border-radius:8px;padding:12px;overflow-y:auto;z-index:9999;font-size:14px;font-size:clamp(12px,1.4vw,16px);text-align:right}.tooltip-container:after{content:"";position:absolute;bottom:-8px;right:20px;border-width:8px;border-style:solid;border-color:rgba(0,0,0,.88) transparent transparent transparent}.cell-tooltip-position{position:absolute;top:10px;right:0}.tooltip-text{margin:0}.tooltip-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;box-sizing:border-box}.tooltip-modal{background:#000000e6;color:#fff;border-radius:20px;padding:clamp(20px,3vw,40px);width:90%;max-width:640px;box-shadow:0 6px 12px #00000040}.tooltip-modal-text{margin:0;font-size:clamp(18px,2vw,32px);line-height:1.6;text-align:center}.card-mode-selection{background:var(--custom-red1);color:#fff;border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;gap:24px;gap:clamp(16px,2vw,28px);padding:16px;padding:clamp(12px,1.8vw,24px);margin:40px 0;margin:clamp(28px,4vh,48px) 0}.card-mode-group{display:flex;gap:24px}.card-mode-group{gap:clamp(16px,2vw,28px)}.selectable-mode-card{width:180px;height:220px;width:clamp(140px,18vw,200px);height:clamp(180px,22vh,260px);border-radius:18px;border:3px solid transparent;box-shadow:0 4px 5px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s}.selectable-mode-card.mode-active{border-color:#00b200}.mode-card-image{width:55%;height:60%;border-radius:12px;object-fit:cover}.mode-card-title{margin-top:8px;font-weight:700;font-size:16px}.mode-card-title{font-size:clamp(16px,1.8vw,22px)}.mode-card-active-label{color:#00b200;font-weight:700;font-size:16px}.mode-card-active-label{font-size:clamp(14px,1.6vw,20px)}.card-mode-texts{margin-left:auto;text-align:right}.card-mode-text-title{font-weight:700;font-size:22px}.card-mode-text-title{font-size:clamp(18px,2vw,26px)}.card-mode-text-subtitle{font-size:16px;color:#eee}.card-mode-text-subtitle{font-size:clamp(14px,1.6vw,20px)}.game-details-container{width:90%;max-width:680px;margin:50px auto;margin:clamp(36px,5vh,60px) auto;background:var(--custom-red1);border-radius:18px;padding:24px;box-shadow:0 5px 10px #00000040;padding:clamp(20px,2.5vw,36px)}.game-details-inner{display:flex;flex-direction:column;gap:24px}.game-details-inner{gap:clamp(14px,2vh,24px)}.game-details-title{color:#fff;font-weight:700;text-align:center;font-size:28px}.game-details-title{font-size:clamp(20px,2.4vw,32px)}.game-details-input,.team-input{width:100%;max-width:520px;margin:0 auto;font-weight:700;font-size:16px;font-size:clamp(16px,1.8vw,22px);border:1px solid #ccc;border-radius:10px;padding:12px 18px;padding:clamp(10px,1.2vw,16px) clamp(18px,2vw,24px);text-align:right;box-shadow:0 3px 6px #00000026}@media (min-width:768px){.game-details-input{max-width:none}}@media (min-width:1920px){.game-details-input{max-width:none}}.team-names-fields{display:flex;flex-direction:column;gap:24px;margin:16px 0}.team-names-fields{gap:clamp(18px,2vh,24px);margin:clamp(12px,1.5vh,20px) 0}.team-names-fields>.one-team-field{flex:1}@media (min-width:600px){.team-names-fields{flex-direction:row;justify-content:space-evenly}}@media (min-width:600px){.game-details-input{width:100%;max-width:none;margin-left:auto;margin-right:auto}.team-names-fields{flex-direction:row;justify-content:space-between}.team-names-fields>.one-team-field{flex:1}.team-names-fields .team-input{width:100%;max-width:none;margin:0}}.team-label{color:#fff;margin-bottom:6px;font-weight:700;font-size:16px;text-align:center}.team-label{font-size:clamp(14px,1.6vw,20px)}.center-button-wrapper{display:flex;justify-content:center}.game-details-button{width:120px;height:50px;font-size:20px;width:clamp(120px,14vw,160px);height:clamp(48px,5.5vh,70px);border:none;border-radius:12px;font-weight:700;cursor:pointer;font-size:clamp(16px,1.8vw,24px)}.game-details-button.btn-enabled{background:var(--custom-yellow);color:#000}.game-details-button.btn-disabled{background:gray;color:#000;cursor:not-allowed}.game-details-creating{color:#fff;font-weight:700;font-size:clamp(18px,2vw,26px);text-align:center}.selected-categories-footer{position:fixed;bottom:0;left:0;right:0;z-index:2000;background:#00000040;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:14px;gap:clamp(8px,1vw,16px);padding:clamp(8px,1vw,14px)}.game-setup-page.hide-footer .selected-categories-footer{display:none}.footer-category-button{flex:0 0 auto;min-width:120px;height:44px;font-size:16px;min-width:clamp(100px,12vw,260px);height:clamp(38px,5vh,48px);background:var(--custom-yellow);border:none;border-radius:12px;font-weight:700;font-size:clamp(14px,1.6vw,20px);cursor:pointer}.points-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:99999}.points-dialog-box{background:#fff;border-radius:16px;width:360px;padding:28px;width:clamp(280px,60vw,420px);padding:clamp(24px,2.5vw,36px);text-align:center;box-shadow:0 6px 32px #0003}.dialog-title{font-weight:700;font-size:22px;margin-bottom:8px}.dialog-title{font-size:clamp(18px,2vw,26px)}.dialog-text{margin-bottom:16px;color:#333;font-size:16px}.dialog-text{font-size:clamp(16px,1.8vw,22px)}.dialog-actions button{margin:0 8px;padding:10px 18px;font-size:16px;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:clamp(14px,1.6vw,20px)}.dialog-actions button:first-child{background:#ccc;color:#333}.dialog-actions button:last-child{background:var(--custom-yellow);color:#000}.loader-spinner{border:6px solid #eee;border-top:6px solid var(--custom-pastel1);border-radius:50%;width:52px;height:52px;animation:spin 1s linear infinite;margin:0 auto 14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width:768px){.category-selection-cell{width:140px;height:160px}.cell-image-wrapper{min-height:120px}.category-grid{gap:40px 50px}.selectable-mode-card{width:200px;height:260px}.mode-card-title{font-size:20px}.game-details-container{width:80%;max-width:680px}.game-details-button{width:160px;height:60px;font-size:20px}.team-input{height:55px;font-size:15px}}@media (min-width:1200px){.game-details-container{width:65%;max-width:820px}}@media (min-width:1920px){.category-selection-cell{width:190px;height:230px}.category-grid{gap:40px 90px}.selectable-mode-card{width:260px;height:340px}.mode-card-title{font-size:28px}.game-details-container{max-width:980px}.game-details-button{width:200px;height:80px;font-size:24px;border-radius:15px}.team-input{font-size:24px;height:60px}}.lock-overlay-glassy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;border-radius:15px;z-index:10;pointer-events:none;transition:background .16s}:focus{outline:none!important;box-shadow:none!important}@layer override-scroll{html,body{min-height:100vh}}*,*:before,*:after{box-sizing:border-box}:root{--purple: #600192;--purple2: #7b2cff;--blue: #1b78ff;--red: #dd375f;--yellow: #ffd800;--page-bg: #f6f6f8;--card-bg: #fff;--radius-xl: 22px;--radius-lg: 18px;--radius-md: 12px;--shadow-sm: 0 2px 6px rgba(0,0,0,.08);--shadow-md: 0 8px 18px rgba(0,0,0,.12);--btnH: 42px;--text-light:#fff;--cardH: 280px;--illusH: 100px;--cardW: clamp(100px, 20vw, 140px)}html,body{margin:0;padding:0;min-height:100%;background:var(--page-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.purchase-wrapper{width:100%;max-width:1280px;margin-inline:auto;padding:0 20px 20px;display:flex;flex-direction:column;height:100vh;gap:22px;overflow:auto}.header-section{background:linear-gradient(90deg,var(--purple) 0%,#50107e 60%,#3f0a63 100%);color:var(--text-light);border-radius:var(--radius-md);padding:12px 16px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;box-shadow:var(--shadow-sm)}.header-title{text-align:center;font-size:1.3rem;margin:0;font-weight:800;letter-spacing:.3px}.header-back{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:#000;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer}.header-back:hover{opacity:.9}.header-coupon{display:flex;gap:8px;align-items:center;justify-self:end}.header-coupon .coupon-input{width:200px;border:1px solid #ddd;border-radius:10px;font-size:.95rem;padding:0 .7rem;text-align:right;height:36px;background:#fff;color:#111}.header-coupon .coupon-apply{background:var(--yellow);border:none;border-radius:10px;padding:0 14px;height:36px;font-size:.95rem;font-weight:800;cursor:pointer;white-space:nowrap;color:#111}.header-coupon .coupon-apply:hover{filter:brightness(.97)}.options-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;padding:4px 6px 10px}.grid-item{flex:0 1 var(--cardW);display:flex}.option-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:14px 14px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;height:var(--cardH);min-height:var(--cardH);width:100%;position:relative;box-shadow:var(--shadow-sm);border:1px solid #eee;transition:transform .15s ease,box-shadow .15s ease}.option-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.option-title{display:none!important}.pack-chip{position:absolute;top:-10px;background:#ffd800;color:#111;border-radius:999px;padding:6px 10px;font-size:.85rem;font-weight:800;box-shadow:0 2px 8px #00000014}.bonus-badge{position:absolute;top:-6px;left:12px;background:linear-gradient(180deg,#ff4d6d,#d7265e);color:#fff;padding:5px 9px;font-size:.75rem;font-weight:800;border-radius:8px;transform:rotate(-6deg);box-shadow:0 6px 14px #d7265e59}.pack-illustration{width:100%;height:var(--illusH);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff26;background:radial-gradient(120px 70px at 70% 20%,rgba(255,255,255,.35),transparent 70%),linear-gradient(180deg,#2d8cff,#1e5bf8);flex-shrink:0}.pack-illustration .emoji{font-size:40px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.pack-illustration.special{background:linear-gradient(180deg,#8b3cff,#5e16d6)}.pack-illustration.gems{background:linear-gradient(180deg,#2aa8ff,#1c78ff)}.option-points{direction:rtl;unicode-bidi:isolate;display:inline-flex;align-items:baseline;gap:4px;margin:0;font-size:1.2rem;font-weight:900;letter-spacing:.2px}.option-points .points-number{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.option-points .points-word{unicode-bidi:isolate}.payment-logos{width:76%;max-width:120px;height:auto;object-fit:contain;opacity:.95}.btn-buy,.btn-loading{width:100%;height:var(--btnH);border:none;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:900;cursor:pointer;margin-top:auto}.btn-pill{background:#28a745;color:#fff;box-shadow:0 8px 18px #28a74559}.btn-pill:hover{filter:brightness(.95)}.btn-buy:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.btn-loading:before{content:"";width:20px;height:20px;border:3px solid #111;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.btn-buy{flex-direction:column;line-height:1.2;gap:2px}.strike{text-decoration:line-through;font-size:.85rem;opacity:.9}.new-price{font-weight:900;font-size:1.05rem}.special-card{background:linear-gradient(180deg,var(--purple2),var(--purple));color:var(--text-light);border:1px solid #4b1082}.special-card .option-points,.special-card .strike,.special-card .new-price{color:#fff}.special-timer{position:static;margin:2px 0 0;text-align:center;direction:ltr;font-variant-numeric:tabular-nums;line-height:1;font-size:1rem;font-weight:900;color:var(--yellow);text-shadow:0 2px 0 rgba(0,0,0,.35)}.exclusive-card{height:var(--cardH);min-height:var(--cardH)}.exclusive-card .pack-illustration{height:var(--illusH);display:none}.exclusive-card .special-timer{margin-top:20px}@media (max-width:700px){.exclusive-card{height:var(--cardH);min-height:var(--cardH)}.exclusive-card .pack-illustration{height:var(--illusH)}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-box{background:var(--card-bg);border-radius:var(--radius-xl);padding:24px;width:90%;max-width:420px;box-shadow:var(--shadow-sm);text-align:right}.dialog-title{margin:0 0 12px;font-size:1.3rem;font-weight:900}.dialog-text{margin:0 0 20px;line-height:1.6}.dialog-btn{background:var(--red);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:1rem;font-weight:800;cursor:pointer}.dialog-btn:hover{opacity:.92}.footer-section{flex-shrink:0;margin-top:auto;padding:42px 16px 56px;border-top:1px solid #ddd;background:#fff;text-align:center;font-size:1rem;color:#666;box-shadow:0 -2px 6px #0000000a}:where(button,[role=button],.coupon-input):focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@media (max-width:700px){.header-section{grid-template-columns:40px 1fr;grid-template-rows:auto auto;row-gap:8px}.header-title{grid-column:2 / 3}.header-coupon{grid-column:1 / -1;justify-self:center}.header-back{justify-self:start}:root{--cardH: 250px;--illusH: 90px;--btnH: 40px}}body.mdp-scroll{overflow-y:auto!important;height:auto!important;-webkit-overflow-scrolling:touch}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(14px,.9vw + .3vh,18px);min-height:100%}body{min-height:100%;overflow-x:hidden;font-family:Tahoma,sans-serif}:root{--purple:#600192;--red:#dd375f;--gray:#f3f3f7;--radius-lg:clamp(1rem,1.4vw,2rem);--radius-md:clamp(.75rem,1.1vw,1.375rem);--shadow-card:0 .5rem 1.4rem rgba(0,0,0,.18);--shadow-btn:0 .4rem .9rem rgba(0,0,0,.35)}.mdp-container{direction:rtl;background:#f5f5f5;min-height:100vh;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:24px 24px 40px;display:flex;flex-direction:column;align-items:center}.mdp-header{direction:ltr;margin:clamp(.7rem,2vw,1.25rem) clamp(1rem,2.2vw,2.125rem) clamp(1.6rem,3vh,2.5rem);background:var(--purple);border-radius:var(--radius-lg);padding:clamp(.6rem,1vw,1.1rem) clamp(1.25rem,1.8vw,2rem);display:flex;align-items:center;box-shadow:0 .4rem .9rem #00000040}.mdp-header h2{color:#fff;font-size:clamp(1.125rem,2vw,1.875rem);font-weight:900;margin-inline:auto}.mdp-back{background:var(--red);color:#fff;border:none;cursor:pointer;border-radius:var(--radius-md);font-size:clamp(1.375rem,2.4vw,2.25rem);padding:clamp(.25rem,.6vw,.5rem) clamp(1.5rem,2.5vw,2.5rem) clamp(.5rem,.8vw,.75rem);box-shadow:var(--shadow-btn);transition:transform .12s}.mdp-back:active{transform:translateY(.1875rem)}.mdp-card{direction:ltr;inline-size:min(94%,72rem);margin-inline:auto;margin-block-start:clamp(1.2rem,3vh,2rem);margin-block-end:clamp(1.6rem,4vh,3rem);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);container-type:inline-size;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;padding:3.5rem 2.5rem}.mdp-left{max-inline-size:22rem;text-align:center}.avatar-box{position:relative;display:inline-block;cursor:pointer;border:none;background:none}.avatar-box img{inline-size:clamp(8rem,22vw,14rem);aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 .5rem 1.125rem #00000040}.pencil{position:absolute;inset-inline-end:.625rem;inset-block-end:.625rem;font-size:clamp(1.25rem,2vw,1.75rem);background:#fff;border-radius:50%;padding:0 .25rem;box-shadow:0 0 .125rem #00000080}.u-name{font-size:clamp(1.375rem,2.4vw,2.125rem);font-weight:900;margin-block:clamp(1rem,2vh,1.375rem) .375rem 0}.u-id{font-size:clamp(.75rem,1.2vw,.875rem);color:#666;margin-block-end:.5rem;word-break:break-all}.u-points{font-size:clamp(1rem,1.8vw,1.375rem);margin-block-end:clamp(1.25rem,2.4vh,1.75rem)}.btn-red{background:var(--red);color:#fff;border:none;cursor:pointer;font-weight:900;border-radius:var(--radius-md);box-shadow:var(--shadow-btn);transition:transform .12s}.btn-red.big{font-size:clamp(1.125rem,2vw,1.625rem);padding:clamp(.75rem,1.4vh,1.125rem) clamp(2.125rem,3vw,3rem)}.btn-red.sm{font-size:clamp(.9375rem,1.6vw,1.25rem);padding:clamp(.5rem,1vh,.75rem) clamp(1.625rem,2.6vw,2.5rem)}.btn-red:active{transform:translateY(.1875rem)}.mdp-right{max-inline-size:28.75rem;flex:1;direction:rtl}.edit-title{margin-block-end:clamp(1.25rem,3vh,1.875rem);font-size:clamp(1.375rem,2.4vw,1.875rem);font-weight:900;text-align:center}.input{inline-size:100%;background:var(--gray);border:none;border-radius:var(--radius-md);padding:clamp(.875rem,1.6vh,1.125rem);font-size:clamp(.9375rem,1.6vw,1.125rem);margin-block-end:clamp(.875rem,1.6vh,1.125rem);text-align:center}.phone-row{direction:ltr;display:flex;flex-wrap:nowrap;gap:clamp(.5rem,1vw,.875rem);justify-content:center;align-items:center;margin-block-end:clamp(1rem,2vh,1.375rem)}.select{flex:0 0 7.5rem;background:var(--gray);border:none;border-radius:var(--radius-md);padding-inline:.75rem;font-size:clamp(.9375rem,1.6vw,1.125rem);text-align:center;text-align-last:center}.msg{margin-block:.25rem;font-weight:700;text-align:center}.msg.err{color:#c00}.msg.ok{color:green}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal,.confirm{background:#fff;border-radius:var(--radius-lg);box-shadow:0 .375rem 1.125rem #0000004d;padding:clamp(1.375rem,2.4vw,2rem);inline-size:90%;max-inline-size:33.75rem;text-align:center}.avatar-grid{display:flex;flex-wrap:wrap;gap:clamp(.75rem,1.4vw,1.125rem);justify-content:center;margin-block:clamp(1.375rem,3vh,2rem)}.avatar-grid img{inline-size:clamp(4.75rem,10vw,6.25rem);aspect-ratio:1;border-radius:50%;cursor:pointer;object-fit:cover;box-shadow:0 0 .25rem #00000040}.avatar-grid img.sel{outline:.25rem solid var(--purple)}.btn-gray{background:#aaa;color:#fff;border:none;cursor:pointer;border-radius:var(--radius-md);font-size:clamp(.9375rem,1.6vw,1.125rem);padding:clamp(.5rem,1vh,.75rem) clamp(1.625rem,2.5vw,2.25rem);margin-inline-start:clamp(.5rem,1vw,.875rem)}@container (max-width:37.5rem){.mdp-card{flex-direction:column;align-items:center}.mdp-left,.mdp-right{max-inline-size:none;inline-size:100%}.avatar-box img{inline-size:clamp(7.5rem,30vw,11.25rem)}}@media (min-width:65rem){.mdp-card{flex-wrap:nowrap;justify-content:space-between}}@media (min-width:90rem){.avatar-box img{inline-size:17.5rem}.u-name{font-size:2.125rem}.input{font-size:1.375rem;block-size:5.5rem}.avatar-grid img{inline-size:7.5rem}.mdp-card{gap:3.75rem;padding:4rem 3rem}}:root{--custom-pastel: #600192;--custom-red: #DD375F;--custom-gray2: #E9E9E9;--side-gap: clamp(24px, 5vw, 80px)}html,body{height:100%;margin:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;font-family:sans-serif}.usergames-container{display:flex;flex-direction:column;align-items:center;min-height:100%;background:var(--custom-gray2);padding-left:max(var(--side-gap),env(safe-area-inset-left,0));padding-right:max(var(--side-gap),env(safe-area-inset-right,0));box-sizing:border-box}.header-bar-wrapper{width:100%;display:flex;justify-content:center;margin-top:10px}.header-bar{position:relative;display:flex;align-items:center;justify-content:center;background:var(--custom-pastel);border-radius:20px;box-shadow:0 2px 6px #00000040;padding:18px 28px;width:100%;max-width:1280px;direction:ltr}.back-button{position:absolute;left:24px;top:50%;transform:translateY(-50%);background:var(--custom-red);color:#fff;border:none;border-radius:10px;box-shadow:2px 2px 3px #0006;cursor:pointer}.header-title{margin:0;color:#fff;font-family:MSjawhara-Bold,sans-serif;font-size:clamp(22px,3vw,40px)}.games-scroll-container{flex:1;width:100%;max-width:1280px;display:flex;flex-direction:column;gap:20px;align-items:center;overflow-y:auto;overflow-x:hidden;padding:20px 0 32px;max-height:calc(100vh - 130px);-webkit-overflow-scrolling:touch}.games-scroll-container::-webkit-scrollbar{width:6px}.games-scroll-container::-webkit-scrollbar-track{background:transparent}.games-scroll-container::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}.game-card{direction:rtl;display:flex;align-items:center;gap:18px;background:#fff;border-radius:14px;box-shadow:0 3px 6px #00000026;padding:12px 18px;width:100%;max-width:1280px;height:130px;cursor:pointer;transition:background .2s}.game-card:hover{background:#f7f7f7}.game-card.tablet{max-width:1280px;height:150px}.game-index-badge{flex:none;width:44px;height:44px;background:var(--custom-red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:MSjawhara-Bold,sans-serif;font-size:16px}.game-card.tablet .game-index-badge{width:54px;height:54px;font-size:20px}.game-name{text-align:center;min-width:120px}.game-name h3{margin:0;color:#000;font-family:MSjawhara-Bold,sans-serif;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card.tablet .game-name h3{font-size:20px}.game-card-teams{display:flex;flex-direction:column;text-align:center;gap:6px;margin-inline:auto;min-width:140px}.game-card-teams p{margin:0;color:#666;font-family:MSjawhara-Regular,sans-serif;font-size:14px}.game-card.tablet .game-card-teams p{font-size:18px}.game-card-center{display:flex;flex-direction:column;text-align:center;gap:6px;margin-inline:auto;min-width:140px}.game-card-center p{margin:0;color:#666;font-family:MSjawhara-Regular,sans-serif;font-size:14px}.game-card.tablet .game-card-center p{font-size:18px}.categories-scroll{display:flex;gap:10px;margin-right:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.categories-scroll::-webkit-scrollbar{height:4px}.categories-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.category-img{flex:none;width:60px;height:60px;border-radius:10px;object-fit:cover;box-shadow:0 1px 3px #0003}.game-card.tablet .category-img{width:80px;height:80px}.loading-text,.error-text,.no-games-text{margin-top:2rem;font-size:1.2rem;text-align:center;color:#333}@media (min-width:768px){.header-bar{border-radius:22px;padding:12px 32px}.back-button{left:36px}.header-title{font-size:25px}.game-card-teams{display:flex;flex-direction:column;text-align:center;gap:6px;margin-inline:auto;min-width:100px}.game-card.tablet .game-card-teams p,.game-card.tablet .game-card-center p{font-size:15px}}@media (min-width:1280px){.game-card{gap:24px;padding:16px 24px}.game-card.tablet .game-index-badge{width:64px;height:64px;font-size:24px}.game-card.tablet .category-img{width:90px;height:90px}}@media (min-width:1920px){:root{--side-gap:80px}.game-card.tablet{max-width:1280px;height:170px}.game-card.tablet .game-card-center p,.game-card.tablet .game-card-teams p{font-size:22px}.game-card.tablet .game-name h3{font-size:26px}}html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:var(--customGray);font-size:16px}.game-content-view-turns-container{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--customGray);position:relative;box-sizing:border-box}.gct-header{display:flex;align-items:center;background-color:var(--customPastel);color:#fff;padding:5px 8px;box-shadow:0 2px 4px #0006;z-index:10;min-height:43px;height:43px;max-height:43px}.header-left-exit-button{margin-right:8px}.header-center-buttons{flex:1;display:flex;justify-content:center;gap:7px}.header-right-score{display:flex;align-items:center;gap:7px}.gct-team-name{margin-right:60px;display:inline-block;vertical-align:middle}.gct-team-name.blinking{animation:blinkName 1s infinite alternate}@keyframes blinkName{0%{opacity:1}70%{opacity:1}to{opacity:.32}}.gct-footer{display:flex;align-items:center;background-color:var(--customPastel);color:#fff;padding:5px 8px;box-shadow:0 -2px 4px #0006;z-index:10;min-height:43px;height:43px;max-height:43px}.footer-center-buttons{flex:1;display:flex;justify-content:center;gap:7px}.footer-right-score{display:flex;align-items:center;gap:7px}.gct-grid-wrapper{flex:1 1 auto;overflow-y:hidden;background:var(--customGray);padding:0;margin:0;display:flex}.gct-header button,.gct-footer button,.gct-exit-btn,.gct-small-btn{padding:4px 20px!important;min-height:26px!important;min-width:70px!important;border:none;border-radius:5px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:16px!important;color:#fff;background-color:var(--customRed1);text-shadow:1px 1px 1px rgba(0,0,0,.6);box-shadow:1px 1px 3px #0000001f;margin:0 2px;transition:background .15s,opacity .18s}.gct-header button:disabled,.gct-footer button:disabled{cursor:not-allowed;opacity:.6;background-color:#888!important}.gct-exit-btn{font-size:16px!important;min-width:70px!important;padding:4px 15px!important}.gct-btn-wide{min-width:110px!important;padding-left:30px!important;padding-right:30px!important}.gct-wheel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1200}.gct-wheel-dialog{background:#fff;padding:25px 10px;border-radius:10px;position:relative;width:90vw;max-width:400px;box-shadow:0 0 12px #0003}.gct-exit-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;z-index:2000;display:flex;align-items:center;justify-content:center}.gct-exit-dialog-content{background:#fff;padding:15px 14px;border-radius:10px;text-align:center;width:260px;max-width:94vw;box-shadow:0 3px 8px #00000040}.exit-title{font-size:1.05rem;margin-bottom:6px;color:#222;font-family:MSjawhara-Bold}.exit-message{color:#555;margin-bottom:13px;font-size:.95rem}.exit-buttons-container{display:flex;justify-content:space-around;gap:7px}.exit-cancel-btn,.exit-confirm-btn{flex:1;padding:7px 0;font-size:.97rem;border:none;border-radius:7px;cursor:pointer;font-family:MSjawhara-Bold,sans-serif;color:#fff;box-shadow:1px 1px 3px #0000001f}.exit-cancel-btn{background-color:#888}.exit-confirm-btn{background-color:#e74c3c}@media screen and (max-width: 500px){.gct-header,.gct-footer{padding:2.5px 4px;min-height:34px;height:34px;max-height:34px}.gct-header button,.gct-footer button,.gct-exit-btn,.gct-small-btn{font-size:.83rem!important;padding:2.5px 10px!important;min-height:19px!important;min-width:44px!important}.gct-btn-wide{min-width:75px!important;padding-left:13px!important;padding-right:13px!important}.gct-team-name{margin-right:28px}}html,body{margin:0;height:100%;overflow:hidden;font-family:MSjawhara-Bold,sans-serif}.questiongrid-container{--headerH: 37px;--footerH: 70px;--rowGap: 0px;--colW: 6.2vw;width:100vw;display:grid;grid-template-columns:repeat(12,minmax(var(--colW),1fr));grid-template-rows:repeat(3,calc((100% - 2 * var(--rowGap)) / 3));gap:var(--rowGap) 0px;padding:10px;background:#f2f2f2;box-sizing:border-box}.card-wrapper{position:relative;width:100%;height:100%;overflow:hidden;box-shadow:0 1px 4px #000000f2;background:#fff;cursor:pointer;opacity:0;transition:opacity .35s}.card-wrapper.show{opacity:1}.card-img,.card-placeholder{width:100%;height:100%;object-fit:cover;display:block}.card-placeholder{background:#d8d8d8}.card-number,.card-points{position:absolute;z-index:2;color:#000;left:50%;transform:translate(-50%);border-radius:6px}.card-number{top:0;font-size:30px;padding:0 11px;font-family:MSjawhara-Bold,sans-serif}.card-points{bottom:55px;font-size:25px;padding:0 10px;font-family:MSjawhara-Bold,sans-serif}@media (hover: hover){.card-wrapper:hover{transform:scale(1.04)}}.card-slice{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat}:root{--customGray: #f2f2f2;--customPastel: #600192;--customRed1: #dd375f}.qvt-hz-container{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--customGray);position:relative;padding-bottom:90px;box-sizing:border-box;direction:ltr;font-family:MSjawhara-Bold,Tajawal,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.qvt-hz-header{height:70px;background:var(--customPastel);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;box-shadow:0 2px 6px #00000040;box-sizing:border-box}.qvt-header-left,.qvt-header-right{display:flex;align-items:center;justify-content:center;width:64px}.qvt-header-center{flex:1;display:flex;justify-content:center;align-items:center}.qvt-team-pill{min-width:260px;max-width:380px;height:46px;border-radius:999px;background:#7b2bcc;border:1px solid rgba(0,0,0,.35);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;padding:0 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qvt-error-btn{width:48px;height:48px;border-radius:10px;border:none;background:#ffd800;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s}.qvt-error-btn:hover{background:#ffe86b}.qvt-header-icon-img{width:26px;height:26px;object-fit:contain;display:block}.qvt-grid-btn{min-width:48px;height:48px;border-radius:10px;border:none;background:#ffd800;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 10px;transition:.18s;font-size:22px;color:#000}.qvt-grid-btn:hover{background:#ffe86b}.qvt-hz-body{flex:1 1 0%;min-height:0;position:relative;padding:18px 32px 0;box-sizing:border-box;background:#fff}.qvt-hz-body-inner{width:100%;height:100%;position:relative;overflow:hidden}.qvt-vertical-line{position:absolute;top:24px;bottom:32px;left:50%;width:2px;transform:translate(-50%);background:#0000002e;pointer-events:none}.qvt-panels{position:relative;width:100%;height:100%;display:flex;align-items:stretch;justify-content:space-between}.qvt-left-panel{flex:1;display:flex;justify-content:center;align-items:center;padding:8px 8px 16px;box-sizing:border-box;transform:translate(-80px)}.qvt-left-panel-inner{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:flex-start}.qvt-reload-row{width:100%;display:flex;justify-content:center;margin-bottom:10px}.qvt-reload-btn{width:54px;height:54px;border-radius:50%;border:none;background:#eee;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:28px;transition:.18s}.qvt-reload-btn:hover{background:#e0e0e0}.qvt-left-media-wrapper{width:100%;display:flex;justify-content:center;align-items:flex-start}.qvt-right-panel{flex:1;display:flex;justify-content:center;align-items:center;padding:8px 8px 16px;box-sizing:border-box;transform:translate(80px)}.qvt-right-panel-inner{width:100%;max-width:620px;background:#fff;border-radius:20px;padding:10px 18px;box-sizing:border-box}.qvt-question-scroll{width:100%;min-height:260px;display:flex;align-items:center;justify-content:center}.qvt-question-box{width:100%;max-width:540px;background:#fff;border-radius:16px;padding:18px 14px;margin:10px auto;text-align:center;font-size:30px;color:#111;line-height:1.5;box-sizing:border-box;direction:rtl}.qvt-hz-empty-media-wrapper{position:relative;text-align:center;font-size:16px;color:#999;padding:12px 16px}.qvt-hz-media-container{width:100%;max-width:520px;margin:0 auto}.qvt-audio-frame{width:100%;margin:16px auto 0;border-radius:10px;padding:16px;display:flex;justify-content:center}.qvt-audio-frame audio{width:100%;max-width:90%;height:50px}.qvt-timer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.qvt-timer-circle-wrapper{position:relative;width:270px;height:270px;display:flex;align-items:center;justify-content:center}.qvt-timer-circle-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#fff;box-shadow:0 8px 26px #00000029}.qvt-timer-svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.qvt-timer-bg{fill:none;stroke:#00000029;stroke-width:9}.qvt-timer-fg{fill:none;stroke:#27c24c;stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .35s ease-out}.qvt-timer-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.qvt-timer-meta{margin-bottom:8px}.qvt-timer-category{font-size:20px;color:#111;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qvt-timer-points{font-size:17px;color:#000000b3}.qvt-timer-divider{width:80px;height:1px;background:#0000002e;margin:6px 0}.qvt-timer-seconds{display:flex;direction:rtl;justify-content:center;align-items:center;gap:6px;font-size:26px;color:#111;font-weight:700}.qvt-timer-controls{position:absolute;top:-42px;left:50%;transform:translate(-50%);display:flex;gap:32px;pointer-events:auto}.qvt-timer-icon-btn{width:40px;height:40px;border-radius:999px;border:none;background:#fff;box-shadow:0 4px 12px #0000002e;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.qvt-timer-icon-btn svg{pointer-events:none}.qvt-timer-icon-btn:hover{background:#ffe6f0}.qvt-hz-helpbar-grid{position:fixed;bottom:0;right:0;left:0;width:100vw;background:var(--customPastel);border-top:1px solid rgba(0,0,0,.25);min-height:76px;z-index:99;box-sizing:border-box;padding:10px 40px 16px;display:flex;align-items:center;justify-content:flex-start}.qvt-help-left{width:360px;display:flex;align-items:center;gap:14px}.qvt-help-left.hidden{visibility:hidden}.qvt-help-btn{background-color:var(--customRed1)!important;color:#fff!important;border:none;border-radius:10px;padding:6px 24px;min-width:120px;height:42px;font-size:17px;font-weight:700;box-shadow:0 4px 9px #00000038;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.18s}.qvt-help-btn:hover:not(:disabled){background-color:#ffd800!important;color:#000!important}.qvt-help-btn:disabled{background-color:#aaa!important;color:#fff!important;cursor:not-allowed}.helpbar-text2{font-size:18px;color:#fff;white-space:nowrap}.qvt-help-right{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px}.qvt-answer-btn{border-radius:10px;font-size:18px;font-weight:700;height:44px;min-width:160px;padding:0 26px;box-shadow:0 4px 10px #00000047;display:flex;align-items:center;justify-content:center;transition:.18s;border:none;cursor:pointer}.qvt-answer-btn.show{background:#ffd800;color:#000}.qvt-answer-btn.show:hover{background:#ffe86b}.qvt-answer-btn.secondary{background:#ffd800;color:#000}.qvt-answer-btn.secondary:hover{background:#ffe86b}.qvt-hz-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center}.qvt-hz-fullscreen-overlay img{max-width:90%;max-height:90%;border:2px solid #fff;border-radius:8px}.qvt-hz-error-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center}.qvt-hz-error-modal{background:#fff;width:400px;max-width:90%;border-radius:10px;padding:20px;box-shadow:0 4px 12px #0003;text-align:center;position:relative}.qvt-hz-error-modal h3{margin-bottom:10px;color:#333}.qvt-hz-error-modal textarea{width:100%;height:80px;margin:10px 0;border:1px solid #ccc;border-radius:6px;padding:8px;resize:none;outline:none}.qvt-hz-error-btns{display:flex;gap:10px;justify-content:center}.qvt-hz-error-btns button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;transition:.2s}.qvt-hz-error-btns button[disabled]{background-color:#999!important;color:#fff!important;cursor:not-allowed}.qvt-hz-error-btns button:not([disabled]){background-color:var(--customRed1)!important;color:#fff!important}.qvt-hz-error-btns button:not([disabled]):hover{background-color:#c32f54!important}.qvt-hz-error-btns button:last-child{background-color:#ccc!important;color:#333!important}.qvt-hz-error-btns button:last-child:hover{background-color:#bbb!important}.qvt-hz-who-answered-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;z-index:10000;display:flex;align-items:center;justify-content:center}.qvt-hz-who-answered-modal{background:var(--customPastel);color:#fff;padding:26px 32px 28px;border-radius:26px;min-width:480px;max-width:640px;box-shadow:0 18px 40px #00000059;position:relative;text-align:center}.who-answered-close{position:absolute;top:14px;right:16px;width:34px;height:34px;border-radius:50%;border:none;background:#d9d9d9;color:#000;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.18s}.who-answered-close:hover{background:#c7c7c7}.who-answered-title{font-size:24px;margin:6px 40px 22px}.who-answered-btns{display:flex;flex-direction:column;gap:20px;align-items:center}.who-answered-top{display:flex;gap:18px;width:100%;justify-content:center}.who-answered-top button{flex:1;max-width:220px;height:60px;background:#ff4763;color:#fff;border-radius:18px;border:2px solid #111;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 5px 14px #0000004d;transition:.18s}.who-answered-top button:hover{filter:brightness(1.05)}.who-answered-bottom{display:flex;justify-content:center;width:100%}.unanswered-button{background-color:#ffd800!important;color:#000!important;border-radius:18px!important;border:2px solid #111!important;width:100%!important;max-width:460px!important;height:60px!important;font-size:20px!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 5px 14px #0000004d;display:flex!important;align-items:center;justify-content:center;transition:.18s}.unanswered-button:hover{background-color:#ffe86b!important}.qvt-360-thumb{position:relative;max-width:70%;border-radius:8px;border:2px solid #ffd800;overflow:hidden;box-shadow:0 2px 10px #0002;cursor:pointer;margin:16px 0}.qvt-360-thumb img{width:100%;filter:blur(2.5px) brightness(.85) grayscale(.25);pointer-events:none;aspect-ratio:16/9;min-height:120px;object-fit:cover}.qvt-360-thumb-label{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;color:#ffd800;font-size:24px;letter-spacing:1px;-webkit-user-select:none;user-select:none}/*!
 * Photo Sphere Viewer 4.8.1
 * @copyright 2014-2015 Jérémy Heleine
 * @copyright 2015-2022 Damien "Mistic" Sorel
 * @licence MIT (https://opensource.org/licenses/MIT)
 */.psv-container{width:100%;height:100%;margin:0;padding:0;position:relative;background:radial-gradient(#fff,#fdfdfd 16%,#fbfbfb 33%,#f8f8f8 49%,#efefef 66%,#dfdfdf 82%,#bfbfbf);overflow:hidden}.psv-container--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0}.psv-canvas-container{position:absolute;top:0;left:0;z-index:0;-webkit-transition:opacity linear .1s;transition:opacity linear .1s}.psv-canvas{display:block}.psv-loader-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:80}.psv-loader{position:relative;text-align:center;color:#3d3d3db3;width:150px;height:150px;border:10px solid transparent}.psv-loader:before{content:"";display:inline-block;height:100%;vertical-align:middle}.psv-loader,.psv-loader-image,.psv-loader-text{display:inline-block;vertical-align:middle}.psv-loader-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.psv-loader-text{font:14px sans-serif}.psv-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;z-index:90;bottom:-40px;left:0;width:100%;height:40px;background:#3d3d3d80;-webkit-transition:bottom ease-in-out .1s;transition:bottom ease-in-out .1s}.psv-navbar--open{bottom:0}.psv-navbar,.psv-navbar *{-webkit-box-sizing:content-box;box-sizing:content-box}.psv-caption{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;color:#ffffffb3;overflow:hidden;text-align:center}.psv-caption-icon{height:20px;width:20px;cursor:pointer}.psv-caption-icon *{fill:#ffffffb3}.psv-caption-content{display:inline-block;padding:10px;font:16px sans-serif;white-space:nowrap}.psv-button{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:10px;position:relative;cursor:pointer;height:20px;width:20px;background:transparent;color:#ffffffb3}.psv-button--active{background:#fff3}.psv-button--disabled{pointer-events:none;opacity:.5}.psv-button-svg{width:100%;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.psv-button:not(.psv-button--disabled):focus-visible{outline:2px solid #007cff;outline-offset:-2px}.psv-container:not(.psv--is-touch) .psv-button--hover-scale:not(.psv-button--disabled):hover .psv-button-svg{-webkit-transform:scale(1.2);transform:scale(1.2)}.psv-move-button+.psv-move-button{margin-left:-10px}.psv-custom-button{width:auto}.psv-autorotate-button.psv-button{width:25px;height:25px;padding:7.5px}.psv-zoom-range.psv-button{width:80px;height:1px;margin:10px 0;padding:9.5px 0;max-width:600px}.psv-zoom-range-line{position:relative;width:80px;height:1px;background:#ffffffb3;-webkit-transition:all .3s ease;transition:all .3s ease}.psv-zoom-range-handle{position:absolute;border-radius:50%;top:-3px;width:7px;height:7px;background:#ffffffb3;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-line{-webkit-box-shadow:0 0 2px rgba(255,255,255,.7);box-shadow:0 0 2px #ffffffb3}.psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-handle{-webkit-transform:scale(1.3);transform:scale(1.3)}.psv-notification{position:absolute;z-index:100;bottom:-40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 2em;opacity:0;-webkit-transition-property:opacity,bottom;transition-property:opacity,bottom;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.2s;transition-duration:.2s}.psv-notification-content{max-width:50em;background-color:#3d3d3dcc;border-radius:4px;padding:.5em 1em;font:14px sans-serif;color:#fff}.psv-notification--visible{opacity:100;bottom:80px}.psv-overlay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:110;top:0;left:0;bottom:0;right:0;background:radial-gradient(#fff,#fdfdfd 16%,#fbfbfb 33%,#f8f8f8 49%,#efefef 66%,#dfdfdf 82%,#bfbfbf);color:#000;opacity:.8}.psv-overlay-image{margin-bottom:4vh}.psv-overlay-image svg{width:50vw}@media (orientation: landscape){.psv-overlay-image svg{width:25vw}}.psv-overlay-text{font:30px sans-serif;text-align:center}.psv-overlay-subtext{font:20px sans-serif;opacity:.8;text-align:center}.psv-panel{position:absolute;z-index:90;right:0;height:100%;width:400px;max-width:calc(100% - 24px);background:#0a0a0ab3;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.1s;transition-duration:.1s;cursor:default;margin-left:9px}.psv--has-navbar .psv-panel{height:calc(100% - 40px)}.psv-panel-close-button{display:none;position:absolute;top:0;left:-24px;width:24px;height:24px;background:#000000e6}.psv-panel-close-button:before,.psv-panel-close-button:after{content:"";position:absolute;top:50%;left:4px;width:15px;height:1px;background-color:#fff;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;-webkit-transition-property:width,left,-webkit-transform;transition-property:width,left,-webkit-transform;transition-property:width,left,transform;transition-property:width,left,transform,-webkit-transform}.psv-panel-close-button:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.psv-panel-close-button:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.psv-panel-close-button:hover:before,.psv-panel-close-button:hover:after{left:0;width:23px}.psv-panel-close-button:hover:before{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.psv-panel-close-button:hover:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.psv-panel-resizer{display:none;position:absolute;top:0;left:-9px;width:9px;height:100%;background-color:#000000e6;cursor:col-resize}.psv-panel-resizer:before{content:"";position:absolute;top:50%;left:1px;margin-top:-14.5px;width:1px;height:1px;-webkit-box-shadow:1px 0 #fff,3px 0px #fff,5px 0px #fff,1px 2px #fff,3px 2px #fff,5px 2px #fff,1px 4px #fff,3px 4px #fff,5px 4px #fff,1px 6px #fff,3px 6px #fff,5px 6px #fff,1px 8px #fff,3px 8px #fff,5px 8px #fff,1px 10px #fff,3px 10px #fff,5px 10px #fff,1px 12px #fff,3px 12px #fff,5px 12px #fff,1px 14px #fff,3px 14px #fff,5px 14px #fff,1px 16px #fff,3px 16px #fff,5px 16px #fff,1px 18px #fff,3px 18px #fff,5px 18px #fff,1px 20px #fff,3px 20px #fff,5px 20px #fff,1px 22px #fff,3px 22px #fff,5px 22px #fff,1px 24px #fff,3px 24px #fff,5px 24px #fff,1px 26px #fff,3px 26px #fff,5px 26px #fff,1px 28px #fff,3px 28px #fff,5px 28px #fff;box-shadow:1px 0 #fff,3px 0 #fff,5px 0 #fff,1px 2px #fff,3px 2px #fff,5px 2px #fff,1px 4px #fff,3px 4px #fff,5px 4px #fff,1px 6px #fff,3px 6px #fff,5px 6px #fff,1px 8px #fff,3px 8px #fff,5px 8px #fff,1px 10px #fff,3px 10px #fff,5px 10px #fff,1px 12px #fff,3px 12px #fff,5px 12px #fff,1px 14px #fff,3px 14px #fff,5px 14px #fff,1px 16px #fff,3px 16px #fff,5px 16px #fff,1px 18px #fff,3px 18px #fff,5px 18px #fff,1px 20px #fff,3px 20px #fff,5px 20px #fff,1px 22px #fff,3px 22px #fff,5px 22px #fff,1px 24px #fff,3px 24px #fff,5px 24px #fff,1px 26px #fff,3px 26px #fff,5px 26px #fff,1px 28px #fff,3px 28px #fff,5px 28px #fff;background:transparent}.psv-panel-content{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;color:#dcdcdc;font:16px sans-serif;overflow:auto}.psv-panel-content:not(.psv-panel-content--no-margin){padding:1em}.psv-panel-content--no-interaction{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.psv-panel--open{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1;-webkit-transition-duration:.2s;transition-duration:.2s}.psv-panel--open .psv-panel-close-button,.psv-panel--open .psv-panel-resizer{display:block}@media screen and (max-width: 400px){.psv-panel{width:100%;max-width:none}.psv-panel-resizer{display:none}.psv-panel-close-button{left:0}}.psv-panel-menu{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.psv-panel-menu-title{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font:24px sans-serif;margin:24px 12px}.psv-panel-menu-title svg{width:24px;height:24px;margin-right:12px}.psv-panel-menu-list{-webkit-box-flex:1;-ms-flex:1;flex:1;list-style:none;margin:0;padding:0;overflow-x:hidden}.psv-panel-menu-item{min-height:1.5em;padding:.5em 1em;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .1s ease-in-out;transition:background .1s ease-in-out}.psv-panel-menu-item--active{outline:1px solid currentcolor;outline-offset:-1px}.psv-panel-menu-item-icon{-webkit-box-flex:0;-ms-flex:none;flex:none;height:1.5em;width:1.5em;margin-right:.5em}.psv-panel-menu-item-icon img{max-width:100%;max-height:100%}.psv-panel-menu-item-icon svg{width:100%;height:100%}.psv-panel-menu-item:focus-visible{outline:2px solid #007cff;outline-offset:-2px}.psv-panel-menu--stripped .psv-panel-menu-item:hover{background:#fff3}.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd),.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd):before{background:#ffffff1a}.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(2n),.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(2n):before{background:transparent}.psv-container:not(.psv--is-touch) .psv-panel-menu-item:hover{background:#fff3}.psv-tooltip{position:absolute;z-index:50;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:200px;background-color:#3d3d3dcc;border-radius:4px;padding:.5em 1em;opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.1s;transition-duration:.1s}.psv-tooltip-content{color:#fff;font:14px sans-serif;text-shadow:0 1px #000}.psv-tooltip-arrow{position:absolute;height:0;width:0;border:7px solid transparent}.psv-tooltip--top-left,.psv-tooltip--top-center,.psv-tooltip--top-right{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.psv-tooltip--top-left .psv-tooltip-arrow,.psv-tooltip--top-center .psv-tooltip-arrow,.psv-tooltip--top-right .psv-tooltip-arrow{border-top-color:#3d3d3dcc}.psv-tooltip--bottom-left,.psv-tooltip--bottom-center,.psv-tooltip--bottom-right{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}.psv-tooltip--bottom-left .psv-tooltip-arrow,.psv-tooltip--bottom-center .psv-tooltip-arrow,.psv-tooltip--bottom-right .psv-tooltip-arrow{border-bottom-color:#3d3d3dcc}.psv-tooltip--left-top,.psv-tooltip--center-left,.psv-tooltip--left-bottom{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}.psv-tooltip--left-top .psv-tooltip-arrow,.psv-tooltip--center-left .psv-tooltip-arrow,.psv-tooltip--left-bottom .psv-tooltip-arrow{border-left-color:#3d3d3dcc}.psv-tooltip--right-top,.psv-tooltip--center-right,.psv-tooltip--right-bottom{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}.psv-tooltip--right-top .psv-tooltip-arrow,.psv-tooltip--center-right .psv-tooltip-arrow,.psv-tooltip--right-bottom .psv-tooltip-arrow{border-right-color:#3d3d3dcc}.psv-tooltip--left-top,.psv-tooltip--top-left{-webkit-box-shadow:-3px -3px 0 rgba(90,90,90,.7);box-shadow:-3px -3px #5a5a5ab3}.psv-tooltip--top-center{-webkit-box-shadow:0 -3px 0 rgba(90,90,90,.7);box-shadow:0 -3px #5a5a5ab3}.psv-tooltip--right-top,.psv-tooltip--top-right{-webkit-box-shadow:3px -3px 0 rgba(90,90,90,.7);box-shadow:3px -3px #5a5a5ab3}.psv-tooltip--left-bottom,.psv-tooltip--bottom-left{-webkit-box-shadow:-3px 3px 0 rgba(90,90,90,.7);box-shadow:-3px 3px #5a5a5ab3}.psv-tooltip--bottom-center{-webkit-box-shadow:0 3px 0 rgba(90,90,90,.7);box-shadow:0 3px #5a5a5ab3}.psv-tooltip--right-bottom,.psv-tooltip--bottom-right{-webkit-box-shadow:3px 3px 0 rgba(90,90,90,.7);box-shadow:3px 3px #5a5a5ab3}.psv-tooltip--center-left{-webkit-box-shadow:-3px 0 0 rgba(90,90,90,.7);box-shadow:-3px 0 #5a5a5ab3}.psv-tooltip--center-right{-webkit-box-shadow:3px 0 0 rgba(90,90,90,.7);box-shadow:3px 0 #5a5a5ab3}.psv-tooltip--visible{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1;-webkit-transition-duration:.1s;transition-duration:.1s}.resultview-turns-container{text-align:center;padding:32px 0;position:relative}.pulsing{animation:pulsingAnimation .8s ease-in-out infinite alternate}@keyframes pulsingAnimation{0%{transform:scale(1)}to{transform:scale(1.13)}}.resultview-turns-tie{font-size:2.8rem;margin-bottom:28px;text-shadow:1px 1px 2px #00000055}.resultview-turns-winner{font-size:3.5rem;margin-bottom:28px;text-shadow:1px 1px 2px #00000055}.score-card{width:310px;height:160px;border-radius:18px;box-shadow:0 7px 18px #00000038;padding:22px 14px;display:flex;flex-direction:column;justify-content:center}.score-card h3{font-size:2rem;margin-bottom:10px}.score-card p{font-size:1.6rem}.resultview-turns-button{font-size:1.35rem;padding:20px 60px;background-color:#dd375f;border:none;border-radius:15px;color:#fff;cursor:pointer;margin-top:36px;box-shadow:2px 4px 12px #0003;transition:background-color .3s ease,transform .2s;font-weight:700}.resultview-turns-button:hover{background-color:#c73254;transform:scale(1.06)}@media (min-width: 600px){.resultview-turns-container>div>div{gap:44px!important;margin:44px 0!important}}@media (max-width: 600px){.score-card{width:94vw;max-width:370px;height:120px;padding:14px 7px}.score-card h3{font-size:1.35rem}.score-card p{font-size:1.1rem}.resultview-turns-button{font-size:1.08rem;padding:14px 14vw}.resultview-turns-winner,.resultview-turns-tie{font-size:2.1rem}}