@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}.login-page{margin:0;background:#f3f7fb;color:#315570;font:14px 'IBM Plex Sans Arabic',Tahoma,sans-serif}.login-page button,.login-page input{font:inherit}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;max-width:1800px;margin:auto}.login-story{padding:45px 60px;background:linear-gradient(145deg,#ecf5fb,#dcecf7);position:relative;overflow:hidden;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:20px;text-decoration:none;color:#355e7c}.login-brand>span{font:bold 35px/1 Arial,sans-serif;letter-spacing:-2px;direction:ltr;text-shadow:0 2px 0 white}.login-brand>span>span{color:#7cb548}.login-brand small{font:700 10px/1 Arial,sans-serif;letter-spacing:7px;display:block;text-align:center;margin:7px 0 0 6px;color:#6f91a9}.login-brand b{font-weight:500;border-right:1px solid #b9d0e0;padding-right:20px;font-size:14px}.login-story-copy{position:relative;z-index:2;margin:65px 0 0}.login-kicker{font-size:11px;color:#7d9cb3}.login-story h1{font-size:49px;line-height:1.5;letter-spacing:-1px;margin:14px 0 18px;font-weight:600;color:#2f5e81}.login-story em{font-style:normal;color:#6fa446}.login-story p{font-size:12px;line-height:2.2;color:#7c99ae}.login-item-orbit{height:270px;width:300px;margin:5px auto 10px;position:relative;flex-shrink:0}.orbit-core{position:absolute;left:108px;top:77px;width:100px;height:100px;border-radius:23px;background:#fff;display:grid;place-items:center;box-shadow:0 14px 36px #36648615;transform:rotate(-8deg);z-index:2;border:1px solid #d6e5ef}.orbit-core img{width:85px;height:85px;object-fit:contain;transform:rotate(8deg)}.orbit-item{position:absolute;width:70px;height:70px;border-radius:17px;background:#ffffffd9;border:1px solid #d4e5ef;display:grid;place-items:center;z-index:2;box-shadow:0 8px 20px #294b6810}.orbit-item img{width:60px;height:60px;object-fit:contain}.orbit-one{right:0;top:27px;transform:rotate(10deg)}.orbit-two{left:4px;top:18px;transform:rotate(-9deg)}.orbit-three{left:19px;bottom:17px;transform:rotate(7deg)}.orbit-four{right:4px;bottom:14px;transform:rotate(-7deg)}.orbit-ring{position:absolute;border:1px dashed #bad2e3;border-radius:50%;left:20px;top:6px;width:260px;height:260px}.ring-two{left:58px;top:46px;width:180px;height:180px;border-style:solid;border-color:#cadeeb}.login-domain{margin-top:auto;font:500 9px Arial,sans-serif;letter-spacing:2px;color:#89a7bd;direction:ltr;text-align:right}.login-form-side{display:flex;flex-direction:column;justify-content:center;padding:50px 65px;position:relative;background:#fff}.login-form-card{max-width:370px;width:100%;margin:auto}.login-lock{width:72px;height:72px;background:#eff6fc;border:1px solid #deebf5;border-radius:19px;padding:8px;margin-bottom:26px}.login-lock img{width:100%;height:100%}.login-form-card h2{font-size:29px;letter-spacing:-.5px;margin:8px 0;font-weight:600}.login-form-card>p{font-size:12px;line-height:2;color:#97aab9;margin:0 0 28px}.login-form-card label{display:block;font-size:12px;color:#6c8aa1;margin:20px 0 8px}.login-input{position:relative;border:1px solid #dce6ee;background:#f9fbfd;border-radius:8px;display:flex;align-items:center;gap:12px;padding:0 14px}.login-input>span{color:#a3b8c7;font:16px Arial}.login-input:focus-within{outline:3px solid #e3f2fd;border-color:#6caed9}.login-input input{border:0;outline:0;background:none;min-width:0;flex:1;padding:14px 0;color:#335e7e;direction:ltr;text-align:right}.login-input input::placeholder{color:#b1bfca;font-size:11px}.login-submit{width:100%;background:linear-gradient(#328fc9,#277eb7);border:1px solid #287bad;box-shadow:0 3px 0 #1c6594;border-radius:8px;color:#fff;padding:13px 18px;margin-top:30px;cursor:pointer;text-align:right;font-weight:500}.login-submit span{float:left;font-size:19px}.login-submit:hover{filter:brightness(1.04)}.login-submit:focus-visible{outline:3px solid #a1d5f7;outline-offset:4px}.login-private-note{text-align:center;margin-top:22px;color:#a0b1bd;font-size:10px}.login-private-note span{color:#87b365;margin-left:5px}.login-error{border:1px solid #ebd2c8;background:#fff6f1;border-radius:7px;color:#b2785b;font-size:12px;line-height:1.8;padding:12px 14px;margin-bottom:20px}.login-form-side footer{font-size:9px;color:#aebcc7;margin-top:45px;text-align:center}.server-logout{display:flex;align-items:center;gap:8px}.server-logout .account-user{font-size:10px;color:#7899ae}.game-design .server-logout button{background:#fff;color:#6a93af;border:1px solid #d2e2ef;border-radius:5px;font-size:9px;padding:3px 8px;cursor:pointer}.game-design .header-actions{gap:12px}@media(max-width:900px){.login-story{padding:35px}.login-form-side{padding:45px 35px}.login-story h1{font-size:40px}.login-brand>span{font-size:29px}.login-brand b{font-size:11px}.login-story-copy{margin-top:50px}.login-item-orbit{transform:scale(.85);width:280px;margin-right:-15px}}@media(max-width:650px){.login-layout{display:flex;flex-direction:column}.login-story{padding:25px 24px 27px;min-height:210px}.login-brand>span{font-size:28px}.login-brand b{font-size:11px}.login-story-copy{margin:28px 0 0}.login-story-copy .login-kicker{display:none}.login-story h1{font-size:28px;line-height:1.5;margin:0;max-width:210px}.login-story h1 br:first-of-type{display:none}.login-story p,.login-domain{display:none}.login-item-orbit{position:absolute;left:-25px;bottom:-60px;transform:scale(.55);transform-origin:left bottom;width:300px}.login-form-side{padding:30px 26px;flex:1}.login-form-card{max-width:390px}.login-lock{width:54px;height:54px;border-radius:13px;margin-bottom:18px}.login-form-card h2{font-size:25px}.login-form-card>p{margin-bottom:20px}.login-form-side footer{margin-top:35px}.game-design .server-logout .account-user{display:none}.game-design .server-logout button{font-size:8px;padding:3px 6px}}

#save-status[data-sync="saved"]{color:#147550}#save-status[data-sync="saving"]{color:#a36d0b}#save-status[data-sync="error"]{color:#b12e35}#cloud-notice{margin:16px 24px 0;padding:16px;border:1px solid #e2bd6f;background:#fff7e6;border-radius:12px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px}#cloud-notice[hidden]{display:none}#cloud-notice span{flex:1;min-width:220px}#cloud-notice button{font-size:13px;padding:9px 12px}#save-status{white-space:normal;text-align:center}@media(max-width:640px){#cloud-notice{margin:12px}#save-status{font-size:11px}}