@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif;color:#20372f;background:#e8ece8;font-synthesis:none;--green:#345f4d;--lime:#def1a4;--muted:#829087;--line:#dce2d8}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,a,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #659d7a;outline-offset:3px}button{border:0}button svg,a svg{flex-shrink:0}button:disabled{cursor:default}button:hover{filter:brightness(.97)}.world-canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.scene-shade{pointer-events:none;position:fixed;inset:0;background:linear-gradient(180deg,#f1f3e9b8 0,transparent 27%,transparent 65%,#e9ede3d9 100%)}.header{position:fixed;inset:0 0 auto;height:104px;padding:25px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-align:right;background:none;padding:0;font-size:19px;font-weight:800}.brand small{font-family:Arial,sans-serif;display:block;font-weight:500;font-size:8px;letter-spacing:2.4px;color:#7c8d83;margin-top:4px}.brand-mark{position:relative;display:grid;place-items:center;width:47px;height:49px;background:var(--green);color:#e5efce;border-radius:15px;font-size:29px}.brand-mark>span{position:absolute;left:7px;bottom:8px;width:5px;height:5px;border-radius:50%;background:#c9e391}.header nav{display:flex;align-items:center;gap:10px}.version{display:flex;align-items:center;gap:7px;font-size:10px;background:#ffffffb0;padding:8px 13px;border-radius:30px;margin-left:8px}.version i,.live-dot{width:5px;height:5px;border-radius:50%;background:#6b9b62;display:inline-block}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #a7b4a82c;border-radius:12px;background:#ffffffba;color:#607365}.home-screen,.designer-screen,.mall-screen{position:fixed;inset:0;pointer-events:none}.home-screen button,.designer-screen button,.designer-screen input,.designer-screen select,.mall-screen button,.mall-screen a,.joystick{pointer-events:auto}.hero-panel{position:absolute;right:7%;top:50%;transform:translateY(-47%);width:365px;padding:20px 0 25px;background:radial-gradient(ellipse at center,#eff2e6ce,transparent 76%)}.eyebrow{font-size:10px;font-weight:600;color:#7b8f80;letter-spacing:.3px;display:flex;align-items:center;gap:8px}.eyebrow>span{display:inline-block;width:16px;height:1px;background:#719773}.hero-panel h1{font-size:57px;line-height:1.5;letter-spacing:-1.8px;font-weight:800;margin:20px 0 12px;color:#203d30}.hero-panel h1 em{font-style:normal;color:#5c8964}.hero-panel>p{font-size:15px;line-height:2.1;color:#728575;margin:0 0 27px}.primary{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--green);color:#eef4df;border-radius:12px;font-size:12px;font-weight:600;padding:13px 20px;text-decoration:none;transition:background .2s,transform .2s;border:1px solid #345f4d}.primary:hover{background:#294f3d;transform:translateY(-1px)}.hero-button{min-width:245px;font-size:14px;justify-content:space-between;padding:15px 21px}.text-button{display:flex;align-items:center;gap:9px;background:none;padding:13px 0;margin-top:6px;font-size:11px;color:#6d8270}.hero-foot{display:flex;gap:11px;align-items:center;margin-top:19px;color:#98a293;font-size:9px}.hero-foot i{width:3px;height:3px;background:#a8b1a1;border-radius:50%}.scene-caption{position:absolute;left:7%;bottom:20%;text-align:left}.scene-caption>div{font-family:Arial,sans-serif;font-size:8px;letter-spacing:2.7px;color:#779481}.scene-caption>div span{margin-right:7px}.scene-caption h2{font-size:27px;margin:10px 0 0;font-weight:600}.scene-caption p{font-size:11px;color:#8a9889;margin-top:4px}.home-bottom{position:absolute;bottom:65px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7c8c7c}.home-bottom>span{display:flex;align-items:center;gap:9px}.little-line{display:inline-block;width:55px;height:1px;background:#9daf92}.release-note{position:fixed;bottom:13px;left:0;right:0;text-align:center;font-size:8px;color:#8a9887;pointer-events:none}.steps{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:15px;align-items:center;font-size:10px;color:#98a495}.steps b{font-family:Arial,sans-serif;font-size:10px;padding-left:5px;font-weight:400}.steps i{width:35px;height:1px;background:#c6d1be}.steps .current{color:var(--green)}.designer-panel{position:absolute;right:30px;top:110px;bottom:52px;width:340px;display:flex;flex-direction:column;border:1px solid #ffffffd9;background:#fffffff0;border-radius:23px;box-shadow:0 20px 70px #2444310c;pointer-events:auto;overflow:hidden}.panel-heading{padding:22px 25px 0}.panel-heading h1{font-size:26px;margin:7px 0 2px;letter-spacing:-.6px}.panel-heading p{font-size:10px;color:#8b9889;margin:0}.name-field{display:block;font-size:10px;padding:17px 25px 0;font-weight:500}.name-field input{display:block;width:100%;border:1px solid #e1e7dc;background:#fbfcf8;border-radius:10px;padding:9px 12px;margin-top:6px;color:#31513d;font-size:12px}.editor-tabs{display:flex;margin:17px 25px 0;border-bottom:1px solid var(--line);gap:13px}.editor-tabs button{background:none;padding:10px 0;font-size:9px;display:flex;align-items:center;gap:5px;white-space:nowrap;color:#92a08f;border-bottom:2px solid transparent;margin-bottom:-1px}.editor-tabs button.active{color:#355d43;border-color:#355d43}.editor-content{overflow-y:auto;padding:20px 25px;flex:1;scrollbar-width:thin;scrollbar-color:#d2dec8 transparent;min-height:0}.field-title{font-size:10px;font-weight:600;margin-bottom:10px}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:24px}.template{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #e1e6dd;border-radius:11px;background:#fbfcf9;padding:12px 5px 9px;font-size:9px;color:#8b9985}.template.selected{background:#edf4e6;border-color:#a5ba94;color:#3d6643}.template-person{font-family:Arial;font-size:24px;color:#789775;background:#edf0e7;width:35px;height:35px;display:grid;place-items:center;border-radius:50%}.template-person.boy,.template-person.girl{width:28px;height:28px;margin:4px;font-size:20px}.template-check{position:absolute;top:5px;left:5px}.color-field{border:0;margin:0 0 22px;padding:0}.color-field legend{font-size:10px;font-weight:600;margin-bottom:11px;padding:0}.color-options{display:flex;gap:9px;direction:ltr;flex-wrap:wrap}.color-swatch{width:25px;height:25px;border:3px solid white;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 1px #dce2d7;color:#fff;padding:0}.color-swatch.selected{box-shadow:0 0 0 2px #66865b}.slider{display:block;margin-bottom:19px;font-size:10px}.slider>span{display:flex;align-items:center;justify-content:space-between;font-weight:600}.slider small{font-size:9px;color:#8a9985;font-weight:400}.slider input{width:100%;margin:11px 0 0;height:4px;accent-color:#5d8050;direction:ltr;cursor:pointer}.soft-note{font-size:9px;line-height:2;background:#f4f6ef;padding:13px;border-radius:11px;color:#91a087}.editor-footer{padding:15px 25px 16px;border-top:1px solid #ecf0e7;background:#fff}.editor-footer .primary{width:100%;justify-content:space-between}.editor-footer small{display:block;text-align:center;font-size:8px;color:#9da795;margin-top:9px}.select-field{display:flex;flex-direction:column;gap:8px;font-size:10px;margin-bottom:20px;font-weight:600}.select-field select{padding:9px 10px;border:1px solid #e1e7db;border-radius:10px;background:#fafbf7;font-size:11px;color:#566b4c}.avatar-preview-caption{position:absolute;left:40%;bottom:16%;transform:translate(-50%);text-align:center}.avatar-preview-caption>span{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#91a189}.avatar-preview-caption i{height:5px;width:5px;background:#739b62;border-radius:50%}.avatar-preview-caption h2{font-size:25px;margin:7px 0 3px;font-weight:600}.avatar-preview-caption p{font-size:9px;color:#9daa94;margin:0}.avatar-preview-actions{position:absolute;left:40%;bottom:8%;transform:translate(-50%);display:flex;gap:8px}.avatar-preview-actions button{background:#ffffffe0;border:1px solid #d9e1d2;border-radius:11px;padding:10px 12px;font-size:9px;display:flex;align-items:center;gap:7px;color:#718663}.outfit-card{background:#f4f6ef;border:1px solid #e5eadf;border-radius:16px;padding:25px;text-align:center;color:#8ea080;margin-top:25px}.outfit-card svg{color:#648357}.outfit-card h3{font-size:14px;margin:10px 0 6px;color:#5e7954}.outfit-card p{font-size:10px;line-height:2}.outfit-card>span{display:inline-flex;gap:5px;align-items:center;font-size:9px;border-radius:20px;background:#e6efda;padding:5px 12px;color:#658353}.glass{background:#ffffffde;border:1px solid #ffffffde;box-shadow:0 12px 40px #31563c0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.place-pill{position:absolute;top:120px;left:30px;display:flex;align-items:center;gap:10px;border-radius:14px;padding:11px 15px;font-size:11px}.place-pill strong{display:block;font-size:11px}.place-pill small{display:block;font-size:8px;color:#8c9b86;margin-top:3px}.place-icon{background:#edf4e6;color:#6c8a5b;width:34px;height:34px;border-radius:11px;display:grid;place-items:center}.solo{font-size:8px;border-right:1px solid #e1e8d9;margin-right:10px;padding-right:15px;color:#9aa68f}.directory{position:absolute;top:120px;right:30px;border-radius:18px;padding:20px;width:235px;pointer-events:auto}.directory h2{font-size:17px;margin:7px 0 13px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.directory h2>span{font-size:10px;font-family:Arial;color:#a6b09a}.store-row{display:flex;align-items:center;width:100%;gap:10px;padding:12px 0;background:none;border-bottom:1px solid #e7ebdf;text-align:right}.store-row:last-of-type{border-bottom:0}.store-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-family:Georgia,serif;font-size:24px;flex-shrink:0}.store-row strong{font-size:11px;display:block}.store-row small{font-size:8px;color:#9ba491;display:block;margin-top:3px}.store-row>svg{margin-right:auto;color:#9ba491}.directory-hint{display:block;font-size:8px;color:#a4ad9a;margin-top:8px}.world-label{position:absolute;transform:translate(-50%,-100%);background:#29443bef;color:#eff3e9;border:1px solid #ffffff40;border-radius:9px;padding:7px 13px;text-align:center;white-space:nowrap;box-shadow:0 6px 15px #18362a11}.world-label span{font-size:11px;display:block}.world-label small{font-size:7px;display:block;color:#b8c7b6;margin-top:2px}.proximity-card{position:absolute;left:50%;bottom:160px;transform:translate(-50%);width:390px;display:flex;align-items:center;gap:12px;border-radius:18px;padding:16px;animation:rise .2s ease}.proximity-card>div>small{font-size:8px;color:#78966b}.proximity-card h3{margin:2px 0;font-size:14px;font-weight:600}.proximity-card p{font-size:8px;color:#97a48c;margin:0}.proximity-card .primary{margin-right:auto;font-size:9px;padding:10px 12px;gap:6px}.game-bottom{position:absolute;bottom:65px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center}.player-pill{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:14px}.player-pill>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff}.player-pill strong{font-size:11px;display:block}.player-pill small{font-size:8px;display:block;color:#9caa91;margin-top:2px}.player-pill button{display:grid;place-items:center;margin-right:16px;background:#eef2e8;padding:8px;border-radius:9px;color:#7c926d}.game-actions{display:flex;padding:5px;border-radius:13px;gap:4px}.game-actions button{background:none;padding:9px;color:#72886a;border-radius:9px;display:grid;place-items:center}.keyboard-hint{position:absolute;bottom:37px;left:50%;transform:translate(-50%);font-size:9px;color:#8e9e83;white-space:nowrap}.keyboard-hint span{font-family:Arial;letter-spacing:2px;border:1px solid #b2bda650;padding:4px 6px;border-radius:4px;margin-left:5px}.keyboard-hint b{font-weight:400;margin:0 9px}.joystick{display:none;position:absolute;left:30px;bottom:125px;width:105px;height:105px;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.joy-ring{position:absolute;inset:0;border:1px solid #ffffffd9;background:#ffffff75;border-radius:50%;box-shadow:0 10px 30px #36543911}.joy-knob{position:absolute;left:32.5px;top:32.5px;width:40px;height:40px;border-radius:50%;background:#fffffff5;border:1px solid #e4ebdb;box-shadow:0 4px 14px #324c3322;pointer-events:none}.joystick small{position:absolute;top:113px;font-size:8px;color:#93a287;text-align:center;width:100%}.map-panel{position:absolute;left:30px;bottom:125px;width:210px;padding:15px;border-radius:18px;pointer-events:auto}.map-panel h3{font-size:12px;margin:0 0 12px}.map-panel svg{width:100%;height:200px}.map-panel small{font-size:8px;color:#8b9d7e}.panel-close{position:absolute;top:12px;left:10px;background:none;color:#8e9d80}.modal{width:min(440px,calc(100% - 28px));max-height:85dvh;border:1px solid white;box-shadow:0 30px 120px #16382833;border-radius:23px;padding:32px;overflow:auto;color:#2e4938;background:#fcfdf8}.modal::backdrop{background:#18352877;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal.wide{width:min(560px,calc(100% - 28px))}.modal-close{position:absolute;left:14px;top:14px;border-radius:50%;background:#eef2e7;color:#90a27e;padding:7px;display:grid;place-items:center}.modal h2{font-size:25px;line-height:1.7;margin:12px 0 7px}.modal p{font-size:11px;color:#8b9c7e;line-height:2}.modal-store-mark{font-family:Georgia,serif;font-size:40px;width:72px;height:72px;border-radius:20px;display:grid;place-items:center;margin-top:24px}.notice{padding:14px 16px;border-radius:12px;background:#edf3e4;color:#80976a;font-size:10px;line-height:2;margin:20px 0}.modal .primary{width:100%}.modal-foot{font-size:8px;color:#9baa8c;display:block;line-height:2;margin-top:13px}.help-list{list-style:none;padding:0;margin:24px 0;display:flex;flex-direction:column;gap:22px}.help-list li{display:flex;gap:13px;align-items:flex-start;color:#94a589;font-size:10px}.help-list svg{color:#7b956b;margin-top:3px}.help-list strong{display:block;font-size:12px;margin-bottom:5px;color:#4c6b3d}.link-fields{border-top:1px solid #e4eadc;padding:12px 0 18px}.link-fields h3{font-size:13px;margin:3px 0 8px}.link-fields label{font-size:9px;display:block;margin-top:11px;color:#8b9e7c}.link-fields input{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid #dfe7d5;border-radius:9px;background:#fff;direction:ltr;text-align:left;font-size:11px;font-family:Arial;color:#597347}.form-error{color:#b35959!important}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);padding:12px 18px;border-radius:12px;background:#345f4d;color:#edf4e1;display:flex;align-items:center;gap:8px;font-size:10px;z-index:30;box-shadow:0 5px 20px #345f4d20}.render-error{position:fixed;left:20px;right:20px;top:88px;background:#fff1d6;border-radius:10px;padding:12px;font-size:11px;z-index:11}@keyframes rise{0%{opacity:0;margin-bottom:-8px}to{opacity:1;margin-bottom:0}}@media(pointer:coarse){.joystick{display:block}.keyboard-hint{display:none}}@media(max-width:900px){.header{padding:22px 25px}.hero-panel{right:5%;width:320px}.hero-panel h1{font-size:48px}.scene-caption{left:5%}.designer-panel{right:20px;width:320px}.steps{display:none}.directory{width:210px;right:20px}.place-pill{left:20px}.avatar-preview-caption,.avatar-preview-actions{left:32%}}@media(max-width:600px){.header{height:80px;padding:16px 18px}.brand{font-size:15px;gap:9px}.brand-mark{width:37px;height:40px;font-size:25px;border-radius:12px}.brand small{font-size:6px;letter-spacing:1.7px}.header nav{gap:6px}.icon-button{width:32px;height:32px;border-radius:10px}.version{display:none}.hero-panel{transform:none;inset:auto 24px 95px;width:auto;padding:20px;border-radius:23px;background:#f3f5eae8;box-shadow:0 20px 50px #29452a0b}.hero-panel h1{font-size:38px;line-height:1.35;margin:11px 0 10px}.hero-panel>p{font-size:12px;line-height:1.9;margin-bottom:20px}.hero-panel>p br{display:none}.hero-button{width:100%;font-size:13px;padding:13px 17px}.text-button{margin-top:2px;font-size:10px}.hero-foot{margin-top:10px;font-size:8px}.scene-caption{display:none}.home-bottom{bottom:52px;left:24px;right:24px;font-size:8px}.home-bottom svg{width:12px}.release-note{font-size:7px;padding:0 12px;bottom:12px}.designer-panel{inset:auto 12px 37px;width:auto;height:45dvh;min-height:290px;border-radius:20px}.panel-heading{padding:14px 18px 0}.panel-heading .eyebrow{display:none}.panel-heading h1{font-size:19px;display:inline-block;margin:0}.panel-heading p{display:inline-block;margin-right:12px;font-size:8px}.name-field{padding:10px 18px 0;font-size:8px;display:flex;align-items:center;gap:10px}.name-field input{margin-top:0;width:auto;flex:1;font-size:10px;padding:7px 10px}.editor-tabs{margin:8px 18px 0;justify-content:space-between;gap:8px}.editor-tabs button{padding:8px 0;font-size:8px}.editor-tabs svg{width:13px}.editor-content{padding:14px 18px}.template-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}.template{padding:8px 5px;flex-direction:row;justify-content:center;gap:7px;font-size:9px}.template-person{width:25px;height:25px;font-size:18px}.template-person.boy,.template-person.girl{width:22px;height:22px;margin:1.5px;font-size:16px}.color-field{margin-bottom:17px}.color-options{gap:11px}.color-swatch{width:25px;height:25px}.slider{margin-bottom:17px}.editor-footer{padding:10px 18px}.editor-footer .primary{padding:10px 14px;font-size:10px}.editor-footer small{font-size:7px;margin-top:5px}.soft-note{display:none}.avatar-preview-caption{left:50%;top:90px;bottom:auto;width:100%}.avatar-preview-caption h2{font-size:17px;margin-top:2px}.avatar-preview-caption p{font-size:8px}.avatar-preview-caption>span{font-size:8px}.avatar-preview-actions{left:50%;bottom:calc(45dvh + 48px)}.avatar-preview-actions button{font-size:8px;padding:7px 10px}.mode-designer{height:calc(56dvh + 30px);top:20px}.designer-note{bottom:12px}.directory{top:96px;right:13px;width:170px;padding:14px;border-radius:15px}.directory .eyebrow{font-size:8px}.directory h2{font-size:13px;margin:5px 0 8px}.store-row{padding:9px 0;gap:8px}.store-mark{width:29px;height:29px;font-size:18px;border-radius:9px}.store-row strong{font-size:9px}.store-row small,.directory-hint{font-size:7px}.place-pill{top:96px;left:13px;padding:9px;gap:6px;border-radius:12px}.place-icon{width:26px;height:26px;border-radius:8px}.place-icon svg{width:14px}.place-pill strong{font-size:9px}.place-pill small{font-size:6px;max-width:80px}.solo{display:none}.proximity-card{width:calc(100% - 26px);max-width:380px;bottom:203px;padding:13px;gap:9px}.proximity-card h3{font-size:12px}.proximity-card .primary{font-size:8px;padding:10px;gap:4px}.proximity-card>div>small{font-size:7px}.game-bottom{bottom:56px;right:15px;left:15px}.player-pill{padding:8px;gap:8px}.player-pill strong{font-size:9px}.player-pill small{font-size:7px}.player-pill>span{width:28px;height:28px}.player-pill button{margin-right:6px;padding:7px}.game-actions button{padding:7px}.joystick{left:23px;bottom:114px;width:92px;height:92px}.joy-knob{left:26px;top:26px}.joystick small{top:100px;font-size:7px}.world-label span{font-size:9px}.world-label small{font-size:6px}.world-label{padding:6px 10px;border-radius:7px}.map-panel{left:15px;bottom:115px;width:180px}.modal{padding:27px 24px}.modal h2{font-size:22px}.modal .eyebrow{font-size:9px}.outfit-card{margin-top:10px;padding:15px}.outfit-card h3{font-size:12px}.outfit-card p{font-size:9px}}@media(max-height:650px)and (min-width:601px){.designer-panel{top:90px;bottom:36px}.panel-heading{padding-top:15px}.panel-heading h1{font-size:21px}.name-field{padding-top:12px}.editor-tabs{margin-top:10px}.hero-panel h1{font-size:40px;line-height:1.3}.hero-panel>p{font-size:12px}.hero-panel{top:49%}.directory,.place-pill{top:95px}.scene-caption{bottom:18%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}