.mobile-app{padding:0 0 24px}.opark-app{position:relative;max-width:460px;min-height:calc(100dvh - 48px);margin:24px auto;background:#fcfffc;border:1px solid #a8dfd9;border-radius:30px;box-shadow:0 10px 60px #0c72781a;overflow:clip;padding-bottom:88px}.mobile-header{height:76px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;background:#ffffffed;border-bottom:1px solid #e4f2ed}.mobile-header>a>img{width:91px;height:46px;object-fit:contain}.local-label{font-size:9px;color:#6e8c91;background:#edf7f3;border-radius:7px;padding:3px 6px}.score-pill{direction:ltr;display:block;border:1px solid #efd476;background:#fff1bd;border-radius:13px;padding:5px 11px;color:#8e6b16;text-decoration:none;font-weight:bold;font-size:14px;min-width:56px;text-align:center}#mobile-main{padding:20px 22px 26px;outline:none;min-height:calc(100svh - 220px)}.app-ambient{position:fixed;top:29%;left:calc(50% + 290px);width:250px;transform:rotate(3deg)}.app-ambient>span{font:65px Madasi;color:#247b82}.app-ambient img{margin-top:25px}.bottom-tabs{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:min(458px,100%);display:grid;grid-template-columns:repeat(5,1fr);background:#fffffff5;border-top:1px solid #c9e8df;z-index:30;border-radius:0 0 28px 28px;padding:8px 7px max(8px,env(safe-area-inset-bottom));box-shadow:0 -7px 20px #1a6b7005}.bottom-tabs a{font-size:10px;text-align:center;color:#708d91;text-decoration:none;padding:3px;border-radius:13px;min-width:0}.bottom-tabs a span{display:block;font:25px/1.3 Tahoma;margin-bottom:3px}.bottom-tabs a.active{color:#07858f;background:#e9f8f1;font-weight:bold}.eyebrow{color:#56858c;font-size:11px;display:block;margin-bottom:8px}.mobile-app h1{font-size:40px}.page-intro{color:#66828a;font-size:12px;margin-top:7px}.hero-card{margin:17px 0 18px;border:1.5px solid #d4e8d6;border-radius:24px;background:linear-gradient(155deg,#fff0b9,#fffdf2 60%,#ddf8ec);padding:19px 19px 0;overflow:hidden;position:relative}.hero-card h2{font-size:37px;max-width:245px;line-height:1.3}.hero-card p{font-size:12px;color:#77836a;max-width:240px;margin-top:8px}.hero-card img{height:147px;width:100%;object-fit:contain;margin-top:8px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-card{border:1px solid #c8e3dc;border-radius:18px;background:white;padding:15px 12px;text-decoration:none;color:#245963;display:block;box-shadow:0 4px 0 #e5f3eb}.quick-card strong{display:block;font:26px Madasi}.quick-card small{font-size:10px;color:#7c9396;display:block;margin-top:3px}.quick-card .quick-icon{font:27px Tahoma;color:#0aa5ac;margin-bottom:10px;display:block}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px;gap:12px}.section-heading h2{font-size:29px}.section-heading a{font-size:11px;text-decoration:none}.mini-map{display:block;border-radius:20px;border:1px solid #b7ded5;overflow:hidden;background:#e5f6ee}.mini-map img{width:100%;height:173px;object-fit:cover}.mini-map span{display:block;padding:10px 15px;font:25px Madasi}.score-banner{border:1px solid #f0d981;border-radius:20px;background:#fff8db;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin:15px 0}.score-banner strong{font-size:32px;color:#a87d16;direction:ltr}.score-banner small{display:block;font-size:11px;color:#8c803f}.family-list,.stage-list{display:grid;gap:13px;margin-top:18px}.family-card{display:grid;grid-template-columns:53px 1fr auto;align-items:center;gap:12px;border:1px solid #c9e3dc;background:white;border-radius:19px;padding:15px 13px;text-decoration:none;color:#294e59;box-shadow:0 4px 0 #e8f5ee;min-width:0}.family-symbol{height:55px;width:53px;border-radius:16px;display:grid;place-items:center;font:31px Madasi;color:#47707b}.family-card h2{font-size:29px}.family-card p{font-size:10px;color:#7d9197;line-height:1.8;margin:4px 0}.family-card small{font-size:10px;color:#468b83}.chevron{font-size:24px;color:#73b5b3}.stage-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;border:1px solid #c7e1db;border-radius:16px;background:white;padding:13px;text-align:right;width:100%}.stage-number{display:grid;place-items:center;width:40px;height:43px;background:#eff8f3;border-radius:12px;color:#328e95;font-size:20px}.stage-card strong{display:block;font-size:13px}.stage-card small{font-size:10px;color:#7a9297}.stage-card.completed{border-color:#9ed6bd;background:#f4fcf4}.stage-card.locked{opacity:.55}.small-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;background:#f1faf5;color:#287983;border:1px solid #c6e2d8;border-radius:12px;padding:9px 13px;font-size:12px;text-decoration:none}.full{width:100%}.back-link{display:inline-block;margin-bottom:12px;font-size:12px;text-decoration:none}.game-stage{border:1px solid #c6e5dd;background:#fff;border-radius:22px;padding:18px 13px;margin-top:18px}.word-row{display:flex;justify-content:center;gap:6px;direction:rtl;margin:9px 0}.letter-cell{width:37px;height:41px;display:grid;place-items:center;border:1px solid #c4e2da;background:#f0faf5;border-radius:9px;font-size:24px}.word-row.found .letter-cell{background:#e4f8df;border-color:#9ed18e;color:#328248}.word-draft{text-align:center;min-height:45px;margin:18px 0 10px;border-bottom:1px dashed #d8dece;font-size:25px;letter-spacing:5px}.letter-wheel{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;direction:rtl;margin:16px 0}.letter-key{width:58px;height:58px;border:2px solid white;border-radius:50%;background:#ffdc66;box-shadow:0 4px 0 #e5ba39;color:#725518;font-size:29px}.game-instructions{font-size:12px;color:#6f868d;margin:12px 0}.game-actions{display:grid;gap:10px;margin-top:18px}.game-feedback{background:#eaf8f1;border-radius:12px;padding:12px;font-size:12px;margin-top:12px;line-height:1.9}.game-feedback.error{background:#fff0e8;color:#a05b44}.puzzle-grid{display:grid;gap:5px;direction:ltr;border:5px solid #d7eee5;border-radius:14px;overflow:hidden}.picture-piece{aspect-ratio:1;border:2px solid #fff8;border-radius:7px;background-color:#e8f5ee;position:relative;min-width:0;transition:box-shadow .12s}.picture-piece.selected{box-shadow:inset 0 0 0 4px #ffdc5f;border-color:#b78914}.picture-piece span{position:absolute;bottom:2px;right:3px;border-radius:5px;background:#ffffffda;color:#275d69;padding:1px 4px;font-size:9px}.picture-reference{max-width:180px;max-height:140px;border-radius:13px;margin:12px auto;object-fit:contain}.riddle-sequence{direction:ltr;font-size:28px;text-align:center;color:#15878c;background:#f0faf4;padding:19px 8px;border-radius:15px;margin:18px 0;white-space:pre-wrap}.riddle-options{display:grid;gap:10px}.riddle-option{border:1px solid #cce4dc;border-radius:13px;background:#fff;padding:12px;text-align:center;font-size:15px}.riddle-option.selected{background:#fff6ce;border:2px solid #d8b351}.account-form{margin-top:17px}.account-form .text-input{font-size:17px}.account-form select{font:inherit;width:100%;background:white;border:1px solid #bcded5;border-radius:13px;padding:12px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:#ecf7f1;border-radius:14px;padding:5px;margin-top:18px}.mode-switch button{border:0;background:none;padding:8px;color:#688a87;border-radius:10px}.mode-switch button.active{background:white;color:#087f88;box-shadow:0 2px 7px #38695b12}.account-note{font-size:11px;line-height:2;color:#668189;margin:15px 0}.info-card{border:1px solid #c6e2d9;border-radius:18px;padding:15px;background:white;margin-top:14px}.info-card h2{font-size:29px}.info-card p{font-size:12px;color:#6a858d;margin-top:7px;line-height:2}.profile-line{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e4efe9;padding-top:11px;margin-top:11px;font-size:12px}.phone{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.history-row{padding:12px 0;border-bottom:1px solid #e2eee8;display:flex;justify-content:space-between;font-size:12px;gap:12px}.history-row small{font-size:10px;color:#799094;display:block}.history-row b{color:#118d87;direction:ltr}.message-card{background:white;border:1px solid #c9e4dc;border-radius:18px;padding:17px;margin-top:14px}.message-card.unread{border-right:4px solid #0aa7ac}.message-card h2{font-size:27px}.message-card p{font-size:12px;white-space:pre-wrap;line-height:2;color:#5c7d87;margin-top:7px;overflow-wrap:anywhere}.message-card time{font-size:10px;color:#82969a}.empty-state{text-align:center;border:1px dashed #bbdcd3;border-radius:19px;background:#f6fcf8;padding:27px 17px;margin:20px 0}.empty-state img{height:95px;max-width:150px;margin:auto;object-fit:contain}.empty-state h2{font-size:29px;margin-top:12px}.empty-state p{font-size:12px;color:#7c9397;margin-top:7px}.map-full{width:100%;border-radius:18px;margin-top:15px;background:#e6f8ef}.map-controls{display:flex;gap:10px;margin-top:10px}.zoom-map{max-height:65vh;overflow:auto;border-radius:16px}.zoom-map img{max-width:none;display:block}.survey-question{padding:17px 0;border-bottom:1px solid #dfede6}.survey-question label,.survey-question legend{font-size:13px;font-weight:bold;display:block;margin-bottom:12px}.survey-question fieldset{border:0;padding:0;margin:0;min-width:0}.star-options{display:flex;justify-content:space-between;gap:5px;direction:ltr}.star-options button{border:1px solid #d9dfca;border-radius:12px;background:#fffdf0;color:#c8c8ad;flex:1;min-width:0;height:55px;font-size:30px}.star-options button.chosen{background:#ffed9f;color:#b7830c;border-color:#e8c352}.star-options button small{font-size:9px;display:block;line-height:1}.survey-question textarea{font:inherit;font-size:13px;width:100%;min-height:105px;resize:vertical;border:1px solid #bbd9d0;border-radius:13px;padding:12px;background:white;color:#1c515b}.star-legend{display:flex;justify-content:space-between;font-size:10px;color:#889484;margin-top:9px}.subtle{font-size:10px;color:#84969b}.danger-text{color:#ae5849}.busy{opacity:.6;pointer-events:none}#app-notice{position:fixed;left:50%;transform:translate(-50%,20px);bottom:112px;max-width:380px;width:calc(100% - 36px);background:#195963;color:white;border-radius:14px;padding:12px 17px;font-size:12px;z-index:80;opacity:0;pointer-events:none;transition:.15s}#app-notice.visible{opacity:1;transform:translate(-50%,0)}#mobile-dialog{max-width:400px;width:calc(100% - 32px);border:1px solid #b8dcd0;border-radius:23px;padding:22px;color:#2a555e}#mobile-dialog::backdrop{background:#153c4b80}#mobile-dialog h2{font-size:31px}#mobile-dialog p{font-size:13px;line-height:2;margin:12px 0}.account-form .checkbox-label{font-size:11px}.mobile-app[data-theme=calm] .hero-card{background:#edf7f6}.mobile-app button:focus-visible,.mobile-app a:focus-visible,.mobile-app textarea:focus-visible,.mobile-app select:focus-visible{outline:3px solid #e6b535;outline-offset:3px}button,input,textarea,select{font-family:IRANSans,Tahoma,sans-serif}.mobile-app button.primary{font-family:Madasi,IRANSans,sans-serif}
.star-legend{direction:ltr}
.mobile-header>a:first-child{display:flex;align-items:center;gap:8px;min-width:0}.mobile-header>a:first-child>img{width:66px;height:35px;flex:none}.mobile-product-name{font:22px/1.15 Madasi,IRANSans,sans-serif;white-space:nowrap;color:#12636a}.mobile-header .local-label{font-size:8px}@media(max-width:350px){.mobile-header>a:first-child{gap:5px}.mobile-header>a:first-child>img{width:48px;height:29px}.mobile-product-name{font-size:20px}.mobile-header .local-label{font-size:7px;padding:3px 4px}}
.otp-auth .otp-guide{display:flex;align-items:center;gap:14px;background:#f3faf2;border:1px solid #d8e9d8;border-radius:20px;padding:12px;margin-top:18px}.otp-guide img{width:75px;height:74px;object-fit:contain;background:white;border-radius:15px;flex:none}.otp-guide p{font-size:11px;line-height:2;color:#628078;margin:0}.otp-auth .otp-error{font-size:12px;line-height:2;color:#a44f39;margin-top:13px;min-height:20px;overflow-wrap:anywhere}.otp-delivery{font-size:12px;line-height:2;background:#fff8dd;border:1px solid #eadca8;border-radius:16px;padding:14px;margin-top:18px}.otp-delivery[data-delivery=sent]{background:#edf9f1;border-color:#b8ddc7}.otp-delivery[data-delivery=failed]{background:#fff2e9;border-color:#e5c5b2}.otp-auth .otp-code{font-size:29px;letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums;max-width:100%;padding-inline:10px}.otp-resend{display:grid;gap:5px;margin:18px 0}.otp-resend button{min-height:48px}.otp-resend .account-note{margin:5px 0;font-size:11px;text-align:center}.otp-auth button:disabled{opacity:.55;cursor:wait}.otp-auth .account-form>button{min-height:52px}.otp-auth [aria-busy=true]{pointer-events:none}
@media(max-width:600px){.mobile-app{background:#fcfffc;padding:0}.opark-app{border:0;border-radius:0;margin:0;min-height:100dvh;box-shadow:none}.bottom-tabs{bottom:0;border-radius:0}.app-ambient{display:none}}@media(max-width:350px){#mobile-main{padding:17px}.mobile-app h1{font-size:35px}.hero-card h2{font-size:33px}.family-card{gap:8px;padding:13px 10px}.family-card h2{font-size:26px}.letter-key{width:53px;height:53px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
