.cloud-status{display:flex;align-items:center;gap:7px;color:#cae3ba;font-size:11px;letter-spacing:.3px}.cloud-status:before{content:'';width:6px;height:6px;background:#ccf593;border-radius:50%;box-shadow:0 0 10px #ccf59366}.cloud-status.pending:before{background:#e9bd7d}.cloud-status small{margin-left:auto;color:#abc2b7}.cloud-intro{border-left:2px solid #c7f393;padding-left:13px;color:#d0e0d5!important;font-size:12px!important;line-height:1.7!important}.cloud-hero{display:grid;grid-template-columns:130px 1fr;gap:14px;background:radial-gradient(ellipse at 20% 55%,#8fcad440,transparent 70%),linear-gradient(135deg,#173a41,#10282e);border:1px solid #caecc02b;border-radius:17px;padding:14px;margin:17px 0;overflow:hidden}.cloud-person{height:190px;position:relative;display:grid;place-items:center}.cloud-person svg{width:130px;height:190px;filter:drop-shadow(0 12px 12px #0006)}.cloud-identity{align-self:center}.cloud-identity h3{font-size:21px;margin:0 0 6px;color:#edfae2}.cloud-identity>span{font-size:10px;color:#bad0c4}.cloud-coins{font-size:31px;color:#d7ffa8;font-weight:800;margin:18px 0 4px}.cloud-coins small{font-size:10px;font-weight:400;display:block;color:#bfd6c7;margin-top:5px}.cloud-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.cloud-secondary{padding:11px 14px;border-radius:9px;border:1px solid #c7e5bd44;background:#caeeb909;color:#d8e7d6;font-size:11px;cursor:pointer}.cloud-job{background:linear-gradient(160deg,#35574e55,#142c3388);border:1px solid #cce7b633;border-radius:13px;padding:18px;margin-top:14px}.cloud-job h3{margin:8px 0;color:#e4f4ce;font-size:20px}.cloud-job p{font-size:12px!important;line-height:1.6!important}.cloud-recipe{display:flex;gap:10px;align-items:center;margin:15px 0;padding:12px;border-radius:10px;background:#d4f9c011}.cloud-cup{font-size:30px;line-height:1}.cloud-recipe b{display:block;font-size:15px;color:#edf6dd}.cloud-recipe small{display:block;font-size:11px;color:#c4d9c7;line-height:1.5;margin-top:4px}.cloud-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cloud-choices button{border:1px solid #c3dcc044;background:#e2f5d90a;color:#dfecdf;border-radius:9px;padding:12px 9px;cursor:pointer;font-size:12px;min-height:48px}.cloud-choices button:hover{border-color:#ccef9c;background:#ccef9c17}.cloud-choices button.chosen{border-color:#d7ffa8;background:#d7ffa82b;color:#edffd9}.cloud-shop{display:grid;gap:10px;margin-top:16px}.cloud-item{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center;padding:14px;background:#d4eac007;border:1px solid #c5dfbe22;border-radius:12px}.cloud-item>span{font-size:27px;color:#d6edb3}.cloud-item b{display:block;font-size:13px}.cloud-item small{display:block;font-size:10px;color:#b4cabe;line-height:1.5;margin-top:3px}.cloud-item button{border:1px solid #d4f29c66;border-radius:8px;background:#c9f3a312;color:#e3f6bf;padding:10px;font-size:11px;cursor:pointer}.cloud-item button:disabled{opacity:.5;cursor:default}.cloud-note{font-size:10px!important;line-height:1.6!important;color:#b7cbbb!important}.cloud-error{font-size:12px!important;background:#ae774118;border:1px solid #e8bd8155;color:#ffdcac!important;border-radius:9px;padding:12px}.cloud-feedback{border:1px solid #cfee9c44;background:#cfee9c13;padding:14px;border-radius:10px;color:#e2f9bd!important;font-size:13px!important;animation:cloudReveal .35s ease-out}.cloud-signin{display:block;background:#d4f7a6;color:#14332c;padding:15px;border-radius:10px;text-align:center;font-weight:700;text-decoration:none;margin:15px 0}#cloud-story-panel button:disabled{cursor:default}.cloud-next{margin-top:14px;width:100%}@keyframes cloudReveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:440px){.cloud-hero{grid-template-columns:105px 1fr;padding:10px}.cloud-person,.cloud-person svg{height:160px;width:105px}.cloud-coins{font-size:26px}.cloud-identity h3{font-size:18px}.cloud-item{grid-template-columns:30px 1fr auto;padding:11px;gap:7px}.cloud-item>span{font-size:22px}.cloud-item button{font-size:10px;padding:9px}}@media(prefers-reduced-motion:reduce){#cloud-story-panel *{animation:none!important;transition:none!important}}
.cloud-chapter{margin:16px 0;padding:18px;border:1px solid #d6ef9b55;border-radius:14px;background:linear-gradient(130deg,#b1d57e1a,#14313755)}.cloud-chapter-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.cloud-chapter-top>span:last-child{font-size:9px;color:#bdcfaf}.cloud-chapter-track{display:flex;gap:5px;margin:14px 0}.cloud-chapter-track i{height:4px;flex:1;border-radius:9px;background:#d5e5c622}.cloud-chapter-track i.done{background:#d6f5a3}.cloud-chapter-track i.current{background:#a0b985}.cloud-chapter h3{font-size:21px;margin:12px 0 8px;color:#f0f8df}.cloud-chapter p{font-size:12px!important;line-height:1.6!important}.cloud-chapter button{width:100%;margin-top:8px}.cloud-business{margin:18px 0;padding:18px;border:1px solid #e6c99c3d;border-radius:14px;background:linear-gradient(150deg,#bea06c10,#14313766)}.cloud-business h3{font-size:21px;margin:12px 0;color:#efdfc3}.cloud-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cloud-menu-grid>div{padding:14px;border:1px solid #d8c29b33;background:#dbbb7e06;border-radius:10px}.cloud-menu-grid span{font-size:9px;letter-spacing:1px;color:#d5c29c}.cloud-menu-grid h4{font-size:16px;line-height:1.3;color:#e5efdc;margin:8px 0}.cloud-menu-grid p{font-size:11px!important;line-height:1.7!important;margin:10px 0!important}.cloud-menu-grid small{display:block;font-size:10px;line-height:1.6;color:#d2c4aa}.cloud-menu-grid button{margin-top:14px;width:100%;min-height:42px}.cloud-menu-grid button:disabled{opacity:.45}@media(max-width:380px){.cloud-menu-grid{grid-template-columns:1fr}.cloud-chapter,.cloud-business{padding:14px}.cloud-chapter-top{align-items:flex-start}.cloud-chapter-top>span:last-child{font-size:8px}}
.cloud-section-nav{display:flex;gap:6px;overflow:auto;padding:4px 0 14px;margin-bottom:10px}.cloud-section-nav button,.cloud-place-tabs button{white-space:nowrap;border:1px solid #d0edc034;background:#cfebbb09;color:#d2e0d5;border-radius:8px;padding:10px 12px;font-size:11px;cursor:pointer}.cloud-section-nav .selected,.cloud-place-tabs .selected{background:#d4f6aa;color:#15352b;border-color:#d4f6aa}.cloud-wardrobe{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.cloud-wardrobe article,.cloud-homes article{border:1px solid #d7ecc232;border-radius:13px;background:radial-gradient(ellipse at 50% 40%,#8fb2ac29,transparent 75%),#163038;padding:14px;text-align:center}.cloud-look{height:200px;display:grid;place-items:center;overflow:hidden}.cloud-look svg{height:100%;max-width:150px;filter:drop-shadow(0 7px 10px #0006)}.cloud-wardrobe h3{font-size:14px;margin:10px 0}.cloud-wardrobe button,.cloud-homes button,.cloud-city-answers button{border:1px solid #cfeeab55;border-radius:8px;padding:12px;width:100%;background:#cdecad14;color:#e1efd5;font-size:12px;cursor:pointer}.cloud-wardrobe button:disabled,.cloud-homes button:disabled{opacity:.5}.cloud-homes{display:grid;gap:12px;margin-top:18px}.cloud-homes article{text-align:left;padding:22px;background:linear-gradient(140deg,#48717a55,#152e35)}.cloud-homes span{font-size:40px;color:#d7edbc}.cloud-homes h3{font-size:24px;color:#e1edcf}.cloud-homes p{font-size:12px!important}.cloud-profile-card{text-align:center}.cloud-profile-card .cloud-look{height:240px}.cloud-profile-card label{display:block;text-align:left;font-size:12px;color:#c6d8c9;margin:18px 0 8px}.cloud-profile-card input{width:100%;box-sizing:border-box;padding:14px;background:#091f2a;border:1px solid #bddea54d;border-radius:9px;color:#e7f3dc;font-size:16px;margin-bottom:12px}.cloud-profile-card .primary{width:100%;font-size:12px}.cloud-training-intent{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:15px 0;color:#cbe3bc}.cloud-fight-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cloud-fight-actions button{background:#cce9ab13;border:1px solid #cde8b333;border-radius:9px;padding:13px 6px;color:#ebf8df;font-size:12px;cursor:pointer}.cloud-fight-actions small{display:block;color:#bdd3c4;font-size:9px;margin-top:7px;line-height:1.4}.cloud-fight-actions button:disabled{opacity:.5}.cloud-place-tabs{display:flex;overflow:auto;gap:7px;margin:16px 0}.cloud-location{min-height:200px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;border-radius:12px;padding:16px}.cloud-location h3{font-size:25px;color:white;margin:0}.cloud-location p{font-size:12px!important;color:#d5e5d8!important}.cloud-city-answers{display:grid;gap:9px}.cloud-city-answers button{text-align:left;line-height:1.5}@media(max-width:400px){.cloud-look{height:170px}.cloud-wardrobe{gap:8px}.cloud-wardrobe article{padding:10px}.cloud-training-intent{flex-direction:column}.cloud-section-nav{margin-left:-4px;margin-right:-4px}.cloud-section-nav button{padding:9px}.cloud-profile-card .primary{font-size:11px}}
.cloud-section-nav,.cloud-place-tabs{scrollbar-width:none}.cloud-section-nav::-webkit-scrollbar,.cloud-place-tabs::-webkit-scrollbar{display:none}@media(max-width:480px){.cloud-section-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding-bottom:6px}.cloud-section-nav button{min-width:0;padding:10px 5px;font-size:10px}.cloud-place-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.cloud-place-tabs button{white-space:normal;min-width:0}}
.cloud-customize{text-align:left;margin:22px 0}.cloud-customize-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px}.cloud-customize-heading h3{font-size:17px!important;color:#e4edd1;margin:0}.cloud-customize-heading>span{font-size:9px;color:#aebfae;text-align:right}.cloud-preset-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.cloud-preset-grid button{padding:11px 4px;background:#c7dab408;border:1px solid #bfd4aa2c;border-radius:10px;color:#d6e5c7;cursor:pointer}.cloud-preset-grid span{font-size:24px;height:30px;display:grid;place-items:center}.cloud-preset-grid small{display:block;font-size:9px;margin-top:6px}.cloud-preset-grid button[aria-pressed=true]{border-color:#d1efa4;background:#c7e8a61b;box-shadow:0 0 15px #c4f0970c;color:#edffd8}.cloud-preset-grid button[aria-pressed=true]:disabled{opacity:1;cursor:default}.cloud-accessory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cloud-accessory-grid article{overflow:hidden;border:1px solid #d2dfbb2b;border-radius:12px;background:linear-gradient(150deg,#a8c5b50b,#12303a);text-align:center;padding:10px}.cloud-accessory-preview{height:150px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 70%,#d4e6ae17,transparent 70%)}.cloud-accessory-preview svg{height:150px;width:95px;filter:drop-shadow(0 8px 7px #061a2755)}.cloud-accessory-preview>span{position:absolute;bottom:0;background:#0e2637be;border:1px solid #bdd2bc22;border-radius:4px;padding:4px 6px;color:#bbccb8;font-size:7px;letter-spacing:1px}.cloud-accessory-grid h4{color:#e3eccf;font-size:12px;line-height:1.5;min-height:36px;margin:12px 0 5px}.cloud-accessory-grid p{font-size:9px!important;line-height:1.5!important;min-height:27px;color:#adc5b6!important;margin:5px 0 11px!important}.cloud-accessory-grid button{width:100%;border:1px solid #cee5b54b;border-radius:8px;background:#b8d69d11;color:#dfedcf;padding:10px 5px;font-size:10px;cursor:pointer}.cloud-accessory-grid button:disabled{opacity:.4;cursor:not-allowed}.cloud-rename-divider{text-align:left;font-size:12px;color:#b6cab9;border-top:1px solid #bdcdb227;padding-top:21px;margin-top:22px}@media(max-width:420px){.cloud-preset-grid{gap:4px}.cloud-preset-grid span{font-size:21px}.cloud-preset-grid small{font-size:8px}.cloud-accessory-grid{grid-template-columns:1fr}.cloud-accessory-grid article{display:grid;grid-template-columns:85px 1fr;gap:4px 10px;text-align:left;padding:10px}.cloud-accessory-preview{grid-column:1;grid-row:1/4;height:135px}.cloud-accessory-preview svg{height:135px;width:85px}.cloud-accessory-grid h4{grid-column:2;min-height:0;margin:9px 0 0;font-size:13px}.cloud-accessory-grid p{grid-column:2;min-height:0;margin:0!important;font-size:10px!important}.cloud-accessory-grid button{grid-column:2;align-self:end;margin-bottom:5px}.cloud-customize-heading{align-items:flex-start}}
.cloud-local-avatar{display:grid;grid-template-columns:48px 1fr;gap:8px 12px;margin:16px 0;padding:13px;border:1px solid #b6c6b226;border-radius:10px;background:#aec7b508}.cloud-local-avatar>div{grid-row:1/3;width:48px;height:48px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#c7e1b41a;color:#cfe9ba;font-size:25px}.cloud-local-avatar img{width:100%;height:100%;object-fit:cover}.cloud-profile-card .cloud-local-avatar label{margin:0;font-size:12px;color:#d6e4c7}.cloud-profile-card .cloud-local-avatar input{display:block;font-size:10px;margin:7px 0 0;padding:7px;width:100%;background:#142c35}.cloud-local-avatar p{font-size:9px!important;line-height:1.6!important;margin:0!important;color:#aabfb2!important}.cloud-local-avatar>button{grid-column:2;margin:0;padding:8px;font-size:10px}
.cloud-profile-symbol{width:48px;height:48px;display:grid;place-items:center;border:1px solid #cee0ae55;border-radius:50%;margin:10px auto;color:#e2f2c1;background:#bada9e15;font-size:25px;overflow:hidden}.cloud-profile-symbol img{height:100%;width:100%;object-fit:cover}
.cloud-professions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.cloud-professions article{padding:13px;border:1px solid #bad5b02b;border-radius:11px;background:linear-gradient(140deg,#9bbaa511,#132d35)}.cloud-professions article>div:first-child{display:flex;gap:7px;align-items:center}.cloud-professions b{font-size:12px;color:#deebce}.cloud-professions small{font-size:9px;color:#bfd1bb}.cloud-professions div>small{margin-left:auto;white-space:nowrap}.cloud-professions p{font-size:10px!important;line-height:1.5!important;margin:9px 0 4px!important;color:#c1d0bf!important}.cloud-xp{height:4px;border-radius:8px;background:#cce2bd20;overflow:hidden;margin-top:13px}.cloud-xp i{display:block;height:100%;background:linear-gradient(90deg,#9ccf98,#e2f3b3);border-radius:8px}.cloud-event-offer{padding:21px;margin:18px 0;border:1px solid #b2d4df44;border-radius:14px;background:linear-gradient(145deg,#5c8b9b30,#152f3a);position:relative;overflow:hidden}.cloud-event-offer:before{content:'⚑';position:absolute;right:14px;top:10px;font-size:68px;opacity:.06;color:#ebf5d5;pointer-events:none}.cloud-event-offer.featured{border-color:#bddedc88;box-shadow:0 0 23px #bddedc0c}.cloud-event-offer h3{font-size:23px;color:#e2efdb;margin:12px 0}.cloud-event-offer p{font-size:12px!important;line-height:1.65!important}.cloud-event-offer .cloud-event-pay{padding:12px;background:#bfd7d00d;border-left:2px solid #b7d8cd;color:#d5e7d6!important}.cloud-event-offer .primary{width:100%;margin-top:8px}.cloud-event-offer .primary:disabled{opacity:.45}.cloud-event-offer .cloud-secondary{width:100%}.cloud-decision-label{font-size:10px;letter-spacing:.4px;color:#b7d2ba;margin:15px 0 8px}.cloud-event-job{background:linear-gradient(150deg,#6c8f9b22,#142d36)!important;border-color:#b5d0d44a!important}.cloud-event-brief{font-size:13px!important;line-height:1.7!important;border-left:2px solid #b8d4cd;padding:12px;background:#bbd5cd09;color:#dbe9d6!important}.cloud-event-choices{grid-template-columns:1fr!important}.cloud-event-choices button{text-align:left;line-height:1.5;padding:12px 14px;min-height:44px}.cloud-event-choices button.chosen{border-color:#cae5ae;background:#b8d39a21}@media(max-width:400px){.cloud-professions{gap:7px}.cloud-professions article{padding:10px}.cloud-professions article>div:first-child{flex-wrap:wrap;gap:5px}.cloud-professions b{font-size:11px}.cloud-professions div>small{font-size:8px}.cloud-event-offer{padding:16px}.cloud-event-offer h3{font-size:21px}}
.cloud-contracts-entry{padding:19px;border-radius:13px;border:1px solid #c7d5b23e;background:linear-gradient(130deg,#8fbaa320,#173039);margin:17px 0}.cloud-contracts-entry h3{font-size:21px;color:#e4edce;margin:11px 0}.cloud-contracts-entry p{font-size:12px!important;line-height:1.6!important;color:#c1d0bb!important}.cloud-contracts-entry button{width:100%;margin-top:8px}
/* Narrow-screen control and text safeguards, no layout or gameplay redesign. */
.cloud-hero,.cloud-item{min-width:0}.cloud-identity,.cloud-item>div{min-width:0;overflow-wrap:anywhere}
.cloud-section-nav button:focus-visible,.cloud-place-tabs button:focus-visible{outline-offset:-3px}
.cloud-local-avatar{grid-template-columns:48px minmax(0,1fr)}
.cloud-status{flex-wrap:wrap;row-gap:7px}.cloud-status small{overflow-wrap:anywhere}
@media(max-width:720px){
 #cloud-story-panel button{min-height:44px}
 .cloud-section-nav button,.cloud-place-tabs button{font-size:12px;min-width:44px}
 .cloud-secondary,.cloud-item button,.cloud-accessory-grid button,.cloud-wardrobe button,.cloud-homes button{font-size:12px}
 .cloud-note,.cloud-professions p{font-size:11px!important;color:#c2d5c7!important}
 .cloud-professions small,.cloud-identity>span,.cloud-customize-heading>span{font-size:10px}
 .cloud-item{grid-template-columns:28px minmax(0,1fr) auto}
 .cloud-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cloud-menu-grid>div{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:360px){.cloud-professions{grid-template-columns:1fr}.cloud-local-avatar{grid-template-columns:40px minmax(0,1fr)}.cloud-local-avatar>div{width:40px;height:40px}}
