@font-face{font-family:MyCustomFont;src:url(/fonts/helveticaneueltarabic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}body{color:#d8d9da;direction:rtl;background-color:#1c1c1c;margin:0;font-family:MyCustomFont,sans-serif}#root{justify-content:center;align-items:center;min-height:100vh;padding:2rem 0;display:flex}.popup-backdrop{z-index:1000;background-color:#000c;justify-content:center;align-items:center;animation:.3s backdropFadeIn;display:flex;position:fixed;inset:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.popup-content{background-color:#202020;border-radius:clamp(8px,1.5vw,12px);flex-direction:column;width:clamp(300px,90vw,450px);height:clamp(360px,45vh,430px);animation:.4s contentScaleIn;display:flex;overflow:hidden}@keyframes contentScaleIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.popup-top-section{background-color:#1a1a1a;flex:0 0 25%;justify-content:center;align-items:center;padding:clamp(.5rem,2vw,1rem);display:flex}.popup-middle-section{flex:0 0 20%;justify-content:center;align-items:center;display:flex}.popup-achievement-text{color:#fff;text-align:center;width:100%;padding:0 clamp(.5rem,2vw,1rem);font-family:MyCustomFont,sans-serif;font-size:clamp(1rem,4vw,1.5rem);font-weight:700}.achievement-word{color:#ccc;font-family:MyCustomFont,sans-serif;font-size:clamp(1.8rem,5vw,2.2rem);font-weight:700}.popup-bottom-section{background-color:#202020;flex-direction:column;flex:0 0 55%;justify-content:flex-end;align-items:center;gap:.3rem;padding:.5rem;display:flex}.popup-button-container{flex-direction:column;align-items:center;gap:clamp(.8rem,2vh,1.5rem);width:100%;max-width:250px;display:flex}.popup-button{color:#fff;cursor:pointer;background-color:#3f4940;border:none;border-radius:clamp(6px,1vw,8px);width:100%;min-height:clamp(36px,5vh,44px);padding:clamp(.4rem,1.5vw,.6rem) clamp(1rem,4vw,1.5rem);font-family:MyCustomFont,sans-serif;font-size:clamp(.9rem,3vw,1.1rem);transition:background-color .2s,transform .1s}.popup-button:hover{background-color:#556257}.popup-button:active{transform:scale(.97)}.popup-button:focus-visible{outline-offset:2px;outline:2px solid #4caf51}.popup-survey-link{color:#c9c9c9;text-align:center;white-space:nowrap;font-family:MyCustomFont,sans-serif;font-size:1rem;font-style:italic;font-weight:300;line-height:1.2}.popup-survey-link a{color:#4caf51;background:0 0;padding:0;font-weight:700;text-decoration:none}.popup-survey-link a:hover{color:#4caf51;background:0 0;text-decoration:underline}@media (height<=500px) and (orientation:landscape){.popup-content{width:clamp(250px,70vw,400px);height:clamp(300px,80vh,380px)}.popup-top-section{flex:0 0 20%;padding:.2rem}.popup-middle-section{flex:0 0 15%}.popup-bottom-section{flex:0 0 65%;gap:.2rem;padding:.2rem .5rem}.popup-achievement-text{font-size:.8rem}.achievement-word{font-size:1.2rem}.popup-button{min-height:28px;padding:.2rem .6rem;font-size:.75rem}.popup-button-container{gap:.5rem;max-width:180px}.survey-link{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.popup-backdrop,.popup-content{animation:none}.popup-button,.survey-link a{transition:none}}@media (prefers-color-scheme:dark){.popup-content{background-color:#1a1a1a}.popup-top-section{background-color:#141414}.popup-bottom-section{background-color:#1a1a1a}.popup-achievement-text{color:#e8e4d8}.achievement-word{color:#b3a085}.popup-button{background-color:#2a3a2a}.popup-button:hover{background-color:#3a4a3a}.survey-link{color:#a0a0a0}}.followus-overlay{animation:.3s overlayFadeIn}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.followus-popup{animation:.3s popupScaleIn}@keyframes popupScaleIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.followus-close-button{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.8rem;line-height:1;transition:color .2s,transform .1s;display:flex;position:absolute;top:12px;right:12px}.followus-close-button:hover{color:#efe6d7;background-color:#ffffff0d}.followus-close-button:active{transform:scale(.9)}.followus-close-button:focus-visible{outline-offset:2px;outline:2px solid #efe6d7}.followus-title{text-align:center;color:#efe6d7;margin-bottom:1.5rem;font-family:MyCustomFont,sans-serif;font-size:2rem;font-weight:300}.followus-buttons{flex-direction:column;gap:.75rem;display:flex}.followus-button{color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.85rem 1rem;font-family:MyCustomFont,sans-serif;font-size:2rem;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.followus-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.followus-button:active{transform:scale(.97)}.followus-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.followus-button--instagram{background:linear-gradient(45deg,#833ab4,#fd1d1d,#fcaf45)}.followus-button--instagram:hover{background:linear-gradient(45deg,#9b4bcc,#fe3838,#fdb85e)}.followus-button--x{background:linear-gradient(45deg,#000,#434343)}.followus-button--x:hover{background:linear-gradient(45deg,#1a1a1a,#555)}.followus-button--tiktok{background:linear-gradient(90deg,#00f7ef 0%,#000 50%,#ff004f 100%)}.followus-button--tiktok:hover{background:linear-gradient(90deg,#33f9f2 0%,#1a1a1a 50%,#f36 100%)}@media (width<=768px){.followus-popup{max-width:350px;padding:1.5rem}.followus-title{margin-bottom:1.2rem;font-size:1.6rem}.followus-button{padding:.7rem .8rem;font-size:1.6rem}.followus-buttons{gap:.6rem}.followus-close-button{font-size:1.5rem;top:10px;right:10px}}@media (width<=480px){.followus-popup{width:92%;max-width:320px;padding:1.2rem}.followus-title{margin-bottom:1rem;font-size:1.4rem}.followus-button{border-radius:6px;padding:.6rem .7rem;font-size:1.3rem}.followus-buttons{gap:.5rem}.followus-close-button{width:28px;height:28px;font-size:1.3rem;top:8px;right:8px}}@media (width<=360px){.followus-popup{max-width:280px;padding:1rem}.followus-title{margin-bottom:.8rem;font-size:1.2rem}.followus-button{padding:.5rem .6rem;font-size:1.1rem}.followus-buttons{gap:.4rem}}@media (height<=500px) and (orientation:landscape){.followus-popup{max-width:350px;max-height:80vh;padding:1rem 1.2rem;overflow-y:auto}.followus-title{margin-bottom:.8rem;font-size:1.3rem}.followus-button{padding:.4rem .6rem;font-size:1.2rem}.followus-buttons{gap:.4rem}.followus-close-button{font-size:1.2rem;top:6px;right:6px}}@media (prefers-reduced-motion:reduce){.followus-overlay,.followus-popup{animation:none}.followus-button{transition:none}.followus-button:hover{transform:none}.followus-close-button{transition:none}}@media (prefers-color-scheme:dark){.followus-popup{background-color:#1a1a1a}.followus-title{color:#e8e4d8}.followus-close-button{color:#888}.followus-close-button:hover{color:#e8e4d8}}:root{--grid-bg:#505050;--clue-item-bg:#f8f9fa;--clue-item-color:#222;--clue-item-hover-bg:#e7dcc8;--clue-item-active-bg:#e3f2fd;--clue-title-color:#b3a085;--clue-scrollbar-thumb:#9f8967;--clue-scrollbar-track:#202020;--clue-item-padding:12px 16px;--clue-item-min-height:48px;--clue-title-font-size:30px;--clue-item-font-size:20px;--clue-list-gap:8px;--clue-item-radius:16px;--transition-duration:.15s}.outer-container{width:100%;height:100%;position:relative}.desktop-container{justify-content:center;align-items:flex-start;display:flex}.grid-desktop{flex-shrink:0;position:relative}.grid-grid{background-color:var(--grid-bg,#505050);gap:2.5px;width:100%;height:100%;display:grid}.clues-container{scrollbar-width:thin;scrollbar-color:var(--clue-scrollbar-thumb,#9f8967) var(--clue-scrollbar-track,#202020);box-sizing:border-box;flex-direction:column;flex-shrink:0;width:400px;height:520px;margin:0;padding:0 8px;display:flex;overflow:visible auto}.clues-container::-webkit-scrollbar{width:8px}.clues-container::-webkit-scrollbar-track{background:var(--clue-scrollbar-track,#202020)}.clues-container::-webkit-scrollbar-thumb{background:var(--clue-scrollbar-thumb,#9f8967);border-radius:10px}.clues-container::-webkit-scrollbar-thumb:hover{background:var(--clue-title-color,#b3a085)}.clue-title{color:var(--clue-title-color,#b3a085);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;flex-shrink:0;margin:0 0 12px;font-family:MyCustomFont,sans-serif;font-size:30px;line-height:1}.clue-title:not(:first-child){margin-top:18px}.clue-list{flex-direction:column;gap:8px;width:100%;height:210px;margin:0;padding:0;list-style:none;display:flex;overflow:visible auto}.clue-item{box-sizing:border-box;background-color:var(--clue-item-bg,#f8f9fa);width:100%;color:var(--clue-item-color,#222);cursor:pointer;min-height:48px;transition:background-color var(--transition-duration,.15s) ease, transform .1s ease;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;border-radius:16px;align-items:center;padding:12px 16px;font-family:MyCustomFont,sans-serif;font-size:20px;line-height:1.5;display:flex;overflow:visible}.clue-item:hover{background-color:var(--clue-item-hover-bg,#e7dcc8)}.clue-item.active{background-color:var(--clue-item-active-bg,#e3f2fd)}.clue-item:active{transform:scale(.98)}.clue-item:focus-visible{outline:2px solid var(--clue-title-color,#b3a085);outline-offset:2px}.clue-item strong{flex-shrink:0;margin-left:10px;font-size:20px;font-weight:700}.clue-item span{word-wrap:break-word;overflow-wrap:break-word;flex:1;font-size:20px}.mobile-container{width:100%;height:100%;overflow:hidden}.mobile-container>div:last-child{z-index:20}.game-popup{z-index:2000}@media (width<=767px){:root{--clue-title-font-size:18px;--clue-item-font-size:14px;--clue-item-padding:8px 12px;--clue-item-min-height:36px;--clue-list-gap:4px}.clues-container{width:auto;height:auto;padding:8px 12px}.clue-title{margin-bottom:8px;margin-left:8px;margin-right:8px;font-size:18px}.clue-title:not(:first-child){margin-top:12px}.clue-list{gap:4px;height:auto;max-height:150px}.clue-item{border-radius:12px;min-height:36px;padding:8px 12px;font-size:14px;line-height:1.4}.clue-item strong,.clue-item span{font-size:14px}.clue-item strong{margin-left:6px}}@media (width<=480px){:root{--clue-title-font-size:16px;--clue-item-font-size:13px;--clue-item-padding:6px 10px;--clue-item-min-height:32px;--clue-item-radius:10px}.clues-container::-webkit-scrollbar{width:4px}.clue-title{font-size:16px}.clue-item{border-radius:10px;min-height:32px;padding:6px 10px;font-size:13px}.clue-item strong,.clue-item span{font-size:13px}.clue-item strong{margin-left:4px}}@media (hover:none){.clue-item:hover{background-color:var(--clue-item-bg,#f8f9fa)}.clue-item.active:hover{background-color:var(--clue-item-active-bg,#e3f2fd)}.clue-item:active{background-color:#d4c4a8}}@media (height<=600px) and (orientation:landscape){:root{--clue-item-min-height:28px;--clue-item-padding:4px 8px;--clue-item-font-size:12px;--clue-title-font-size:14px;--clue-list-gap:2px}.clues-container{padding:4px 8px}.clue-title{margin-bottom:4px;font-size:14px}.clue-title:not(:first-child){margin-top:8px}.clue-list{gap:2px;height:auto;max-height:100px}.clue-item{border-radius:8px;min-height:28px;padding:4px 8px;font-size:12px}.clue-item strong,.clue-item span{font-size:12px}.clue-item strong{margin-left:4px}}@media print{.clues-container{max-height:none;overflow:visible}.clue-item{break-inside:avoid;page-break-inside:avoid}.clue-item:hover{background-color:var(--clue-item-bg,#f8f9fa)}}@media (prefers-color-scheme:dark){:root{--clue-item-bg:#2a2a2a;--clue-item-color:#e8e4d8;--clue-item-hover-bg:#3a3a3a;--clue-item-active-bg:#3d4a5a}}@media (prefers-reduced-motion:reduce){.clue-item{transition:none}.clue-item:active{transform:none}}.start-screen{box-sizing:border-box;background-color:#202020;justify-content:center;align-items:center;padding:100px;display:flex;position:fixed;inset:0;overflow:hidden}.start-screen__content{flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.start-screen__logo{object-fit:contain;width:min(80vw,600px);max-height:100vh}.start-screen__title{color:#efe6d7;margin:1vh 0 0;font-family:MyCustomFont,sans-serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:300}.start-screen__author{color:#c9c9c9;margin-top:1vh;font-size:clamp(.9rem,2.5vw,1rem);font-style:italic;font-weight:300}.start-screen__play-button{color:#efe6d7;cursor:pointer;background-color:#262c20;border:2px solid #efe6d7;border-radius:20px;width:min(30vw,300px);height:60px;margin-top:20vh;font-family:MyCustomFont,sans-serif;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:700;line-height:1;transition:all .2s}.start-screen__play-button:hover{background-color:#333d2a;transform:scale(1.02)}.start-screen__play-button:active{transform:scale(.98)}.start-screen__date{color:#efe6d7;margin-top:1.5vh;font-size:clamp(1rem,3vw,1.2rem);font-weight:500}@media (width<=768px){.start-screen{padding:40px 20px}.start-screen__play-button{margin-top:10vh}}@media (width<=480px){.start-screen{padding:20px 15px}}.app-header{color:#fff;z-index:1200;background-color:#161616;align-items:center;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #0000004d}.spacer{flex:1}.left-section{flex-shrink:0;align-items:center;gap:8px;display:flex}.left-section button{justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.action-group{flex-shrink:0;align-items:center;gap:0;display:flex;position:relative}.app-header button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0;line-height:1;transition:background-color .2s,transform .1s}.app-header button:hover{background:#ffffff1a}.app-header button:active{transform:scale(.92)}.app-header button:focus-visible{outline-offset:2px;outline:2px solid #dac3a0}.menu-btn,.help-btn{justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.app-header .reveal-btn,.app-header .check-btn{white-space:nowrap;align-items:center;height:40px;padding:0 6px;font-family:MyCustomFont,sans-serif;font-size:20px;font-weight:700;display:flex}.app-header .settings-btn{justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.timer-display{color:#fff;letter-spacing:2px;direction:ltr;background:#0000004d;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 16px;font-family:Courier New,monospace;font-size:18px;font-weight:700;display:flex;position:absolute;left:58%;transform:translate(-50%)}.options-panel{z-index:1300;background:#000;border-radius:8px;flex-direction:column;min-width:130px;margin-top:6px;padding:8px 0;animation:.15s dropdownFadeIn;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 20px #0009}.option-item{color:#fff;cursor:pointer;white-space:nowrap;padding:12px 18px;font-family:MyCustomFont,sans-serif;font-size:16px;transition:background-color .15s}.option-item:hover{background:#ffffff26}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.relative{display:inline-block;position:relative}.app-header h1{display:none}@media (width<=768px){.app-header{height:56px;padding:0 12px}.left-section{gap:8px}.left-section button{width:40px;height:40px}.action-group{gap:4px}.menu-btn,.help-btn{width:40px;height:40px;font-size:22px}.app-header .reveal-btn,.app-header .check-btn{height:40px;padding:0 6px;font-size:18px}.app-header .settings-btn{width:40px;height:40px;font-size:22px}.timer-display{letter-spacing:2px;height:40px;padding:0 14px;font-size:16px;left:58%}.option-item{padding:10px 16px;font-size:14px}.options-panel{min-width:120px;padding:6px 0}}@media (width<=480px){.app-header{height:56px;padding:0 10px}.left-section{gap:6px}.left-section button{width:36px;height:36px}.menu-btn,.help-btn{width:36px;height:36px;font-size:22px}.app-header .reveal-btn,.app-header .check-btn{height:36px;padding:0 4px;font-size:18px}.app-header .settings-btn{width:36px;height:36px;font-size:22px}.timer-display{height:36px;padding:0 12px;font-size:16px;left:60%}.options-panel{min-width:110px}.option-item{padding:8px 14px;font-size:14px}}@media (prefers-reduced-motion:reduce){.app-header button{transition:none}.options-panel{animation:none}}.help-modal-overlay{z-index:1400;opacity:0;pointer-events:none;background:#070707d9;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.help-modal-overlay.show{opacity:1;pointer-events:auto}.help-modal-content{color:#f3ede3;opacity:0;width:min(90vw,420px);max-height:85vh;margin:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#222;border-radius:clamp(8px,2vw,16px);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(.95);box-shadow:0 8px 32px #0006}.help-modal-overlay.show .help-modal-content{animation:.35s cubic-bezier(.25,.8,.25,1) forwards modalFadeIn}.help-modal-header{background:#a08967;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;height:clamp(55px,8vw,65px);display:flex;position:relative}.help-modal-header h2{color:#f3ede3;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:max-content;max-width:70%;margin:0;font-size:clamp(1.2rem,4.5vw,1.8rem);font-weight:400;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.help-modal-close{color:#dac3a0;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(1.8rem,5vw,2.5rem);height:clamp(1.8rem,5vw,2.5rem);font-size:clamp(1.1rem,3.5vw,1.6rem);transition:background-color .2s,color .2s,transform .2s;display:flex;position:absolute;right:clamp(.5rem,2vw,1rem)}.help-modal-close:hover{color:#fff;background:#ffffff1f;transform:rotate(-15deg)}.help-modal-close:focus-visible{outline-offset:3px;outline:2px solid #f3ede3}.help-modal-close:active{transform:scale(.9)}.help-modal-body{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;padding:clamp(.75rem,3vw,1.25rem);overflow:hidden auto}.help-modal-body::-webkit-scrollbar{width:clamp(4px,1vw,8px)}.help-modal-body::-webkit-scrollbar-track{background:0 0}.help-modal-body::-webkit-scrollbar-thumb{background:#dac3a0;border-radius:10px}.help-modal-body h3{color:#dac3a0;letter-spacing:-.3px;margin-top:clamp(.5rem,2vw,.75rem);margin-bottom:clamp(.25rem,1vw,.5rem);font-size:clamp(1.3rem,4vw,1.7rem);font-weight:400}.help-modal-body p{text-align:center;letter-spacing:-.2px;margin:clamp(.3rem,1.5vw,.6rem) 0;font-size:clamp(1.15rem,3.5vw,1.4rem);line-height:1.7}.help-modal-body li{word-break:break-word;text-align:right;margin-bottom:clamp(.2rem,1vw,.4rem);font-size:clamp(1.1rem,3.2vw,1.35rem);line-height:1.7}.help-modal-body ul,.help-modal-body ol{margin:clamp(.3rem,1.5vw,.6rem) 0;padding:0;list-style:none}.help-modal-body ul li{padding-right:clamp(1.2rem,3vw,1.6rem);position:relative}.help-modal-body ul li:before{content:"•";color:#dac3a0;font-size:clamp(1.2rem,3.5vw,1.6rem);line-height:1;position:absolute;top:.15em;right:.25rem}.help-modal-body ol{counter-reset:item}.help-modal-body ol li{counter-increment:item;padding-right:clamp(1.4rem,3.5vw,2rem);position:relative}.help-modal-body ol li:before{content:counter(item) ".";color:#dac3a0;font-weight:700;position:absolute;top:.1em;right:.25rem}.help-modal-divider{opacity:.7;background:#dac3a0;border:none;height:1px;margin:clamp(.5rem,2vw,.75rem) 0}.help-modal-greeting{color:#dac3a0;text-align:center;margin:clamp(.3rem,1.5vw,.6rem) 0;font-size:clamp(1.6rem,5.5vw,2.2rem);font-weight:700}.help-modal-description{text-align:center;margin:clamp(.3rem,1.5vw,.6rem) 0;font-size:clamp(1.2rem,3.5vw,1.5rem);font-weight:500;line-height:1.7}.help-modal-footer{text-align:center;margin:clamp(.3rem,1.5vw,.6rem) 0;font-size:clamp(1.15rem,3.2vw,1.4rem)}.help-modal-content-inner{flex-direction:column;gap:clamp(.2rem,1vw,.4rem);display:flex}[dir=rtl] .help-modal-body h3,[dir=rtl] .help-modal-body li{text-align:right}[dir=rtl] .help-modal-body p,[dir=rtl] .help-modal-greeting,[dir=rtl] .help-modal-description,[dir=rtl] .help-modal-footer{text-align:center}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.92)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=480px){.help-modal-content{width:92vw;max-height:88vh}.help-modal-header{height:50px}.help-modal-header h2{font-size:clamp(1.1rem,4vw,1.3rem)}.help-modal-body{padding:.6rem}.help-modal-body h3{font-size:clamp(1.1rem,3.5vw,1.3rem)}.help-modal-body p{font-size:clamp(1rem,3vw,1.15rem)}.help-modal-body li{font-size:clamp(.95rem,3vw,1.05rem)}}@media (width<=320px){.help-modal-content{border-radius:8px;width:95vw}.help-modal-header{height:45px}.help-modal-close{width:1.8rem;height:1.8rem;font-size:1.1rem}.help-modal-body{padding:.5rem}.help-modal-body h3{margin-top:.3rem;margin-bottom:.2rem;font-size:1rem}.help-modal-body p{margin:.2rem 0;font-size:.95rem}.help-modal-body li{margin-bottom:.15rem;font-size:.9rem}}@media (height<=600px) and (orientation:landscape){.help-modal-content{max-height:90vh}.help-modal-header{height:45px}.help-modal-body{padding:.5rem}.help-modal-body h3{margin-top:.3rem;font-size:clamp(1rem,3vw,1.2rem)}.help-modal-body p{font-size:clamp(.95rem,2.8vw,1.1rem)}.help-modal-divider{margin:.3rem 0}}.help-modal-content,.help-modal-body{min-width:0;overflow-x:hidden}.sidebar{z-index:1001;box-sizing:border-box;background-color:#1a1a1a;width:320px;height:calc(100vh - 56px);padding:25px 20px 20px;transition:right .3s ease-in-out;position:fixed;top:56px;right:-100%;overflow-y:auto;box-shadow:-2px 0 10px #0000004d}.sidebar.open{right:0}.sidebar-nav{margin-top:0}.sidebar-nav-list{margin:0;padding:0;list-style:none}.sidebar-nav-item{margin-bottom:10px}.sidebar button,.sidebar-link,.sidebar-survey-link{color:#efe6d7;cursor:pointer;text-align:right;box-sizing:border-box;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 18px;font-family:MyCustomFont,sans-serif;font-size:1.4rem;text-decoration:none;transition:background-color .2s;display:block}.sidebar button:hover,.sidebar-link:hover,.sidebar-survey-link:hover{background-color:#efe6d71a}.sidebar button:active,.sidebar-link:active,.sidebar-survey-link:active{background-color:#efe6d733}.sidebar button:focus-visible,.sidebar-link:focus-visible,.sidebar-survey-link:focus-visible{outline-offset:2px;outline:2px solid #efe6d7}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#1a1a1a}.sidebar::-webkit-scrollbar-thumb{background:#efe6d7;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#d4cbbc}@media (width<=768px){.sidebar{width:280px;height:calc(100vh - 52px);padding:20px 15px 15px;top:52px}.sidebar button,.sidebar-link,.sidebar-survey-link{padding:9px 15px;font-size:1.25rem}}@media (width<=480px){.sidebar{width:100%;height:calc(100vh - 50px);padding:15px;top:50px;right:-100%}.sidebar button,.sidebar-link,.sidebar-survey-link{padding:10px 18px;font-size:1.15rem}}.settings-panel{color:#fff;box-sizing:border-box;z-index:1150;opacity:0;pointer-events:none;text-align:right;direction:rtl;background-color:#161616;border-top:1px solid #444;border-radius:0 0 8px 8px;width:220px;max-height:80vh;padding:1rem;font-family:MyCustomFont,sans-serif;font-size:1.1rem;transition:opacity .3s,transform .3s;position:fixed;top:3rem;left:1rem;overflow-y:auto;transform:translate(0)}.settings-panel.open{opacity:1;pointer-events:all;box-shadow:0 4px 12px #0000004d}.dark .settings-panel{background-color:#1a1a1a;border-top-color:#333}.settings-panel::-webkit-scrollbar{width:4px}.settings-panel::-webkit-scrollbar-track{background:#161616}.settings-panel::-webkit-scrollbar-thumb{background:#d9c3a0;border-radius:2px}.settings-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.settings-header h2{color:#d9c3a0;margin:0;font-size:1.3rem;font-weight:300}.settings-body{flex-direction:column;gap:.5rem;display:flex}.setting-item{justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.setting-item label{color:#efe6d7;cursor:pointer;font-size:.95rem;font-weight:700}.divider{background:#444;height:1px;margin:.5rem 0}.dark .divider{background:#333}.toggle-switch{appearance:none;cursor:pointer;background:#444;border-radius:10px;outline:none;flex-shrink:0;width:40px;height:20px;transition:background .2s;position:relative}.toggle-switch:checked{background:#4caf50}.toggle-switch:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch:checked:before{transform:translate(20px)}.toggle-switch:hover{opacity:.9}.toggle-switch:focus-visible{outline-offset:2px;outline:2px solid #d9c3a0}.settings-divider{background:#444;height:1px;margin:8px 0}.dark .settings-divider{background:#333}.user-id-section{text-align:center;margin-top:0}.user-id-section p{color:#d9c3a0;margin:0;font-size:.85rem}.user-id-section span{color:#888;letter-spacing:1px;margin-top:2px;font-size:.75rem;display:block}.dark .user-id-section p{color:#aaa}.dark .user-id-section span{color:#ccc}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-panel.open .settings-content{animation:.25s forwards slideDown}@media (width<=768px){.settings-panel{width:200px;padding:.75rem;font-size:1rem;left:.5rem}.settings-header h2{font-size:1.1rem}.setting-item label{font-size:.85rem}}@media (width<=480px){.settings-panel{width:180px;padding:.5rem;font-size:.9rem;top:2.8rem;left:.25rem}.toggle-switch{width:36px;height:18px}.toggle-switch:before{width:14px;height:14px}.toggle-switch:checked:before{transform:translate(18px)}}.incomplete-popup-backdrop{z-index:2000;opacity:0;pointer-events:none;direction:rtl;background-color:#000000a6;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.incomplete-popup-backdrop.show{opacity:1;pointer-events:all}.incomplete-popup-content{text-align:center;opacity:0;background:#fff;border-radius:clamp(8px,1.5vw,10px);width:clamp(280px,70vw,300px);max-width:300px;padding:clamp(20px,4vw,25px) clamp(16px,3vw,20px);transition:transform .3s,opacity .3s;transform:scale(.9)translateY(10px);box-shadow:0 6px 25px #00000040}.incomplete-popup-backdrop.show .incomplete-popup-content{opacity:1;transform:scale(1)translateY(0)}.incomplete-popup-text{color:#333;word-wrap:break-word;overflow-wrap:break-word;font-family:MyCustomFont,sans-serif;font-size:clamp(18px,3.5vw,22px);font-weight:700;line-height:1.5}.incomplete-popup-button{color:#fff;cursor:pointer;background-color:#4caf51;border:none;border-radius:clamp(6px,1vw,7px);margin-top:clamp(16px,3vw,20px);padding:clamp(8px,1.5vw,10px) clamp(25px,5vw,35px);font-family:MyCustomFont,sans-serif;font-size:clamp(16px,2.5vw,18px);font-weight:700;transition:background-color .2s,transform .1s}.incomplete-popup-button:hover{background-color:#43a047}.incomplete-popup-button:active{transform:scale(.95)}.incomplete-popup-button:focus-visible{outline-offset:2px;outline:2px solid #4caf51}@media (width<=480px){.incomplete-popup-content{width:clamp(260px,85vw,280px);padding:clamp(16px,3vw,20px)}.incomplete-popup-text{font-size:clamp(16px,3vw,18px)}.incomplete-popup-button{padding:clamp(6px,1.2vw,8px) clamp(20px,4vw,25px);font-size:clamp(14px,2.2vw,16px)}}@media (width<=360px){.incomplete-popup-content{width:90vw;padding:14px}.incomplete-popup-text{font-size:15px}.incomplete-popup-button{padding:6px 18px;font-size:14px}}@media (height<=500px) and (orientation:landscape){.incomplete-popup-content{max-height:80vh;padding:12px 16px;overflow-y:auto}.incomplete-popup-text{font-size:16px}.incomplete-popup-button{margin-top:12px;padding:6px 20px;font-size:14px}}@media (prefers-reduced-motion:reduce){.incomplete-popup-backdrop,.incomplete-popup-content,.incomplete-popup-button{transition:none}}@media (prefers-color-scheme:dark){.incomplete-popup-content{background:#2a2a2a}.incomplete-popup-text{color:#e8e4d8}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.settings-backdrop{z-index:1120;background:#0006;position:fixed;inset:0}.privacy-page{color:#d8d9da;box-sizing:border-box;background-color:#1c1c1c;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem;display:flex}.privacy-content{width:100%;max-width:800px;line-height:1.6}.privacy-content h1{color:#efe6d7;text-align:right;margin-bottom:1.5rem}.privacy-content p{text-align:right;margin-bottom:1rem}@media (width<=768px){.privacy-page{padding:1.5rem}.privacy-content h1{font-size:1.8rem}.privacy-content p{font-size:1rem}}@media (width<=480px){.privacy-page{padding:1rem}.privacy-content h1{font-size:1.5rem}.privacy-content p{font-size:.9rem}}