/* YOUR_OTHER_WORLD 1.6 — cinematic design from the approved concept.
   All game forms, roles and transactions remain server-controlled in PHP. */
:root {--bg:#050813;--card:#0b1325;--edge:#344061;--violet:#b64cff;--pink:#ef7cdd;--teal:#48d4c5;--ink:#fff;--muted:#aab9d0}
body{background:radial-gradient(ellipse at 70% 0,#190d2e 0,transparent 30%),#050813;color:#f9f8ff}
.ambient{display:none}.shell{width:100%;max-width:1680px;margin:auto;padding:0 clamp(14px,2vw,34px)}
.topbar{min-height:78px;height:auto;position:sticky;top:0;z-index:1100;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;gap:10px 17px;padding:10px 9px;background:rgba(5,8,20,.975);border-bottom:1px solid #292441;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.brand{display:flex;gap:13px;min-width:0;align-items:center;flex:0 0 auto}.brand-symbol.cinematic-logo{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border:1px solid #9748e0;border-radius:4px;font-family:Georgia,serif;font-size:44px;line-height:1;letter-spacing:-5px;color:#f2d5ff;background:linear-gradient(145deg,#1e0b33,#080819);box-shadow:0 0 26px #8c20ee54,inset 0 0 18px #9e3dec20;text-shadow:0 0 18px #c34aff}
.brand-word{display:flex;align-items:baseline;flex-wrap:wrap;font-size:clamp(19px,2vw,28px);letter-spacing:-.4px;font-weight:1000;line-height:1}.brand-fate{color:#fff}.brand-fork{color:#af3bf2}.brand-sub{flex-basis:100%;margin-top:5px;color:#8eaad2;font-size:8px;letter-spacing:2px;font-weight:800;white-space:normal}
.topnav{flex:1 1 770px;min-width:0;display:flex;justify-content:flex-end;align-items:center;gap:5px 13px;flex-wrap:wrap;overflow:visible;margin-left:auto}
.topnav .navlink{flex:0 0 auto;display:inline-flex;gap:7px;align-items:center;text-transform:uppercase;font-size:11px;white-space:nowrap;font-weight:850;letter-spacing:.5px;color:#d5d9eb;padding:12px 5px;border-bottom:2px solid transparent}
.topnav .navlink:hover,.topnav .navlink.is-active{color:#fff}.topnav .navlink.is-active{background:linear-gradient(#7626b33d,#43086d45);border-bottom-color:#cb57ff;padding-inline:14px}
.nav-icon{font-size:19px;color:#c9bce6;font-weight:500;line-height:1}.nav-user{padding:0!important;border:0!important;background:none!important}.avatar-header{display:grid;place-items:center;width:40px;height:40px;background:radial-gradient(circle at 40% 25%,#a07de1,#2d1656);border:2px solid #4f78bd;border-radius:50%;color:white;font-size:19px;font-weight:900}
.wallet-header{display:inline-flex;align-items:center;gap:10px;border:1px solid #7140ac;border-radius:12px;padding:9px 12px;background:#0b1020;font-size:13px;font-weight:900;color:#f7f2ff;white-space:nowrap}.wallet-header span{color:#00c88d;font-size:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.main-content{padding-top:14px}.world-overview{margin:0 0 55px}.world-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.world-tile{position:relative;min-width:0;isolation:isolate;overflow:hidden;min-height:308px;border:1px solid #2f4066;border-radius:8px;background:#101426;background-position:center;background-size:cover;box-shadow:inset 0 0 80px #0205133b}
.world-welcome,.world-city{min-height:345px}.world-welcome{background-image:linear-gradient(90deg,#040610ba,#0a071730 70%),url('cinematic/skyline.webp');background-position:center 48%}.world-welcome-inner{position:relative;z-index:2;padding:30px 34px 115px;max-width:520px}.world-overline{font-size:11px;font-weight:900;letter-spacing:2px;color:#ddd1f6;margin:0 0 5px}.world-welcome h1{font-size:clamp(37px,4.2vw,64px);line-height:1;letter-spacing:-2.5px;font-weight:1000;margin:0 0 8px;text-shadow:0 2px 10px #08030c}.world-welcome h1 em{font-family:inherit;font-style:normal;color:#bd4ff4}.world-welcome-inner>p:not(.world-overline){max-width:335px;font-size:13px;color:#e9ebff;text-shadow:0 2px 4px #000}.world-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;min-height:41px;background:linear-gradient(110deg,#8730d6,#5f17b9);border:1px solid #ba5bfa;border-radius:8px;padding:10px 17px;color:#fff;font-size:11px;letter-spacing:.5px;font-weight:850;box-shadow:0 9px 24px #4e078d45}.world-primary:hover{background:linear-gradient(110deg,#a13ef4,#8230cb);transform:translateY(-1px)}
.world-player{position:absolute;z-index:3;bottom:17px;left:25px;max-width:calc(100% - 50px);display:flex;align-items:center;gap:13px;border:1px solid #526b98;border-radius:10px;background:#08101dec;backdrop-filter:blur(16px);padding:8px 16px;box-shadow:0 10px 30px #0007}.world-avatar{width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;font-size:27px;font-weight:800;background:linear-gradient(150deg,#24456b,#6b3197);border:2px solid #7289dc;border-radius:50%}.world-player-detail{display:block;min-width:0}.world-player-detail>b{display:block;font-size:14px}.world-player-detail>small{display:block;color:#d0d8f0;font-size:10px}.world-player-stats{display:flex;flex-wrap:wrap;gap:6px 15px;margin-top:6px;font-size:10px}.green{color:#67dfc3}.purple{color:#d2a2ff}.pink{color:#fc87cc}.world-tile-more{position:absolute;z-index:4;right:14px;bottom:13px;font-size:24px;color:#c7a9ec}
.world-city{background-image:linear-gradient(90deg,#03071849,#070a1b2b),url('cinematic/downtown.webp');background-position:center}.world-panel-heading{position:relative;z-index:3;padding:22px 25px;color:white;text-shadow:0 2px 8px #0009;pointer-events:none}.world-panel-heading h2{margin:0 0 6px;font-size:clamp(24px,2.3vw,36px);font-weight:900;letter-spacing:-1px}.world-panel-heading p{margin:0;max-width:430px;font-size:12px;line-height:1.4;color:#f4f2ff}.world-district-list{position:absolute;z-index:3;top:24px;bottom:18px;right:18px;display:flex;flex-direction:column;gap:7px;width:min(43%,320px);overflow-y:auto;scrollbar-width:thin}.world-district-entry{flex:1;min-height:0}.world-district-entry button{width:100%;height:100%;min-height:57px;display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:9px;padding:4px 8px 4px 4px;border:1px solid #3d5890;background:#061020ed;border-radius:8px;color:#fff;text-align:left;box-shadow:0 8px 16px #0005;cursor:pointer}.world-district-entry button:hover:not(:disabled){border-color:#b56afe;background:#132141}.world-district-entry button:disabled{opacity:.82;cursor:default;border-color:#9562c8}.world-district-entry strong{display:block;font-size:11px}.world-district-entry small{display:block;color:#abb8d4;font-size:9px;line-height:1.25}.world-district-thumb{height:100%;min-height:49px;border-radius:5px;background-size:cover;background-position:center}.world-thumb-downtown{background-image:url('cinematic/skyline.webp')}.world-thumb-old-quarter{background-image:url('cinematic/old-quarter.webp')}.world-thumb-harbor{background-image:url('cinematic/harbor.webp')}.world-thumb-glass{background-image:url('cinematic/glass.webp')}.world-district-arrow{font-size:18px;color:#dcc0fd}.world-district-entry button:disabled .world-district-arrow{font-size:9px;color:#8bd9c3}
.world-apartment{background-image:linear-gradient(90deg,#07050b56,#03071524 70%),url('cinematic/apartment.webp');background-position:38% center}.world-store{background-image:linear-gradient(90deg,#13091849,#02040a37),url('cinematic/market.webp');background-position:50%}.world-work{background-image:linear-gradient(90deg,#090b166d,#08091748),url('cinematic/work.webp');background-position:41%}.world-messages{background-image:linear-gradient(90deg,#0c09152b 0,#061126be 51%,#060e1df0 100%),url('cinematic/phone.webp');background-position:left center}
.world-tile-full-link{position:absolute;inset:0;z-index:1}.world-apartment-upgrades,.world-store-list{position:absolute;z-index:4;right:11px;top:13px;bottom:13px;width:min(46%,315px);padding:9px;background:#071124d9;backdrop-filter:blur(9px);border:1px solid #34466d;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;gap:7px}.world-panel-small-title{font-size:9px;letter-spacing:1.4px;font-weight:900;color:#d0dfff;padding:0 4px 2px}.world-mini-item{display:flex;min-width:0;align-items:center;gap:8px;flex:1;background:#0a1429e8;border:1px solid #25375c;border-radius:7px;padding:5px 7px;transition:border-color .15s}.world-mini-item:hover{border-color:#a75bed}.world-mini-icon{display:grid;place-items:center;background:#392456;border-radius:7px;height:37px;width:39px;flex:0 0 39px;font-size:20px}.world-mini-item>span:nth-child(2){flex:1;min-width:0}.world-mini-item b{display:block;color:#fff;font-size:10px;line-height:1.2}.world-mini-item small{display:block;font-size:9px;color:#a4b4cf}.world-mini-action{border:1px solid #823bb3;padding:5px 6px;border-radius:5px;font-size:8px;font-weight:900;color:#efceff}.world-mini-action.owned{border-color:#156d5c;color:#9cf1d3}
.world-job-list{position:absolute;left:16px;bottom:14px;z-index:3;width:min(46%,315px);padding:10px;border:1px solid #384969;border-radius:9px;background:#061026ec;backdrop-filter:blur(12px)}.world-job{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:35px;border-top:1px solid #263959;font-size:10px;color:#f7f4ff}.world-job:hover{color:#d8a2ff}.world-job-cta{border:1px solid #a443e7;border-radius:5px;padding:3px 9px;color:#eac5ff;font-size:9px;font-weight:850}.world-current-job{position:absolute;right:12px;bottom:20px;z-index:3;width:38%;background:#08152cee;border:1px solid #4c608c;border-radius:9px;padding:15px}.world-current-job small,.world-current-job>b,.world-current-job span{display:block}.world-current-job small{font-size:9px;letter-spacing:1px;color:#a6c2eb}.world-current-job b{font-size:12px;margin:5px 0}.world-current-job span{font-size:10px;color:#d0e2ff}.world-current-job i{display:block;margin-top:8px;width:100%;height:8px;border-radius:6px;background:#233450;overflow:hidden}.world-current-job i em{display:block;height:100%;background:#19b3a8}
.world-message-heading{margin-left:37%;padding:16px 20px 6px}.world-message-list{position:absolute;z-index:3;top:105px;right:14px;bottom:35px;width:56%;display:flex;flex-direction:column;gap:5px}.world-inbox-form{flex:1;min-height:0}.world-message-row{display:flex;align-items:center;gap:8px;height:100%;width:100%;background:#061126ee;border:1px solid #365080;border-radius:8px;text-align:left;color:#fff;padding:4px 8px;min-height:44px}.world-message-row:hover{background:#182748;border-color:#aa66e6}.world-msg-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;background:radial-gradient(#9b5b9d,#242f5c);border-radius:50%;border:1px solid #738fbd;font-size:15px}.world-message-row>span:nth-child(2){flex:1;min-width:0}.world-message-row b,.world-message-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-message-row b{font-size:10px}.world-message-row small{font-size:9px;color:#afc4e0}.world-message-row em{font-style:normal;color:#c64aff;font-size:15px}.world-message-footer{position:absolute;right:20px;bottom:9px;z-index:4;font-size:10px;color:#dcbcf5;font-weight:900}
.world-overview-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;color:#aba4c6;font-size:10px;font-weight:900;letter-spacing:1.4px}.world-overview-footer a{color:#e3acff}.dashboard-heading{scroll-margin-top:130px;padding-top:18px;border-top:1px solid #302440}
/* Dedicated pages: photographic backdrops instead of flat SVG illustrations */
.visual-cinematic-city,.cinematic-downtown{background-image:linear-gradient(0deg,#080c1b80,#06081a00 72%),url('cinematic/skyline.webp')!important;background-size:cover;background-position:center!important}.cinematic-old-quarter{background-image:linear-gradient(0deg,#080c1b65,#06081a1a),url('cinematic/downtown.webp')!important;background-size:cover;background-position:center!important}.cinematic-harbor{background-image:linear-gradient(0deg,#080c1b65,#06081a1a),url('cinematic/harbor.webp')!important;background-size:cover;background-position:center!important}.cinematic-glass{background-image:linear-gradient(0deg,#080c1b80,#06081a11),url('cinematic/glass.webp')!important;background-size:cover;background-position:center!important}.cinematic-market{background-image:linear-gradient(90deg,#090a198e,#090a1966),url('cinematic/market.webp')!important;background-size:cover;background-position:center!important}.cinematic-work{background-image:linear-gradient(90deg,#0a0818d0,#0a08183f),url('cinematic/work.webp')!important;background-size:cover;background-position:center 43%!important}.cinematic-phone{background-image:linear-gradient(90deg,#0a0c19e6,#0a0c193c),url('cinematic/phone.webp')!important;background-size:cover;background-position:center!important}
.cinematic-apartment{background-image:linear-gradient(0deg,#0a07132b,#0a071310),url('cinematic/apartment-tier-0.webp')!important;background-size:cover!important;background-position:center!important}.cinematic-apartment.room-tier-1,.cinematic-apartment.room-bed-tier-1{background-image:linear-gradient(0deg,#0a07132b,#0a071310),url('cinematic/apartment-tier-1.webp')!important}.cinematic-apartment.room-tier-2,.cinematic-apartment.room-bed-tier-2{background-image:linear-gradient(0deg,#0a07132b,#0a071310),url('cinematic/apartment-tier-2.webp')!important}.cinematic-apartment.room-tier-3,.cinematic-apartment.room-bed-tier-3{background-image:linear-gradient(0deg,#0a07132b,#0a071310),url('cinematic/apartment-tier-3.webp')!important}
.cinematic-apartment .room-window,.cinematic-apartment .room-lamp,.cinematic-apartment .room-bed,.cinematic-apartment .room-desk,.cinematic-apartment .room-rug,.cinematic-apartment .room-kitchen,.cinematic-apartment .room-security{display:none!important}.cinematic-apartment:before{display:none!important}.room-level-overlay{position:absolute;bottom:14px;left:16px;right:16px;display:flex;flex-wrap:wrap;gap:7px;z-index:8}.room-level-overlay span{background:#091325dd;border:1px solid #7864b6a0;border-radius:6px;padding:5px 8px;font-size:10px;color:#f6deff;font-weight:850;letter-spacing:.5px}
.panel{background:linear-gradient(150deg,#111b30,#090f20);border-color:#304265}.scene,.profile-card{border-color:#334668}.scene-art,.outcome-art{background-position:center!important;background-size:cover!important}.scene-body{background:#0b1222}.phone-frame{box-shadow:0 12px 36px #0008}.store-card{background:#10172a}.life-job-active{background:linear-gradient(110deg,#111e39,#171429)}.location-banner{min-height:225px;border:1px solid #3c4a6e}.hero .hero-shade{background:linear-gradient(90deg,#070915e8,#0907197d 55%,transparent),linear-gradient(0deg,#06091960,transparent)}
/* keep touch targets accessible on phones and avoid horizontal clipping */
@media(max-width:1280px){.topnav{gap:2px 9px}.topnav .navlink{font-size:10px}.world-district-list{width:45%}.world-panel-heading{padding:18px 18px}}
@media(max-width:1050px){.topbar{align-items:center}.topnav{flex-basis:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.world-overview-grid{gap:12px}.world-welcome-inner{padding:23px 22px 110px}.world-district-list{right:9px;width:53%}.world-city .world-panel-heading p{max-width:42%}.world-apartment-upgrades,.world-store-list{width:53%}.world-message-list{width:60%}}
@media(max-width:760px){.shell{padding-inline:12px}.world-overview-grid{grid-template-columns:minmax(0,1fr)}.world-tile{min-height:310px}.world-welcome,.world-city{min-height:330px}.world-apartment-upgrades,.world-store-list{width:min(50%,300px)}.world-district-list{width:min(50%,300px)}.world-message-list{width:60%}.topbar{padding:8px 2px}.brand-symbol.cinematic-logo{width:44px;height:44px;flex-basis:44px;font-size:38px}.brand-word{font-size:23px}.brand-sub{font-size:7px}.world-overview-footer{font-size:9px}.dashboard-heading{scroll-margin-top:135px}}
@media(max-width:440px){.world-overview-grid{gap:10px}.world-tile{min-height:323px}.world-welcome{min-height:350px}.world-welcome-inner{padding:18px 15px 125px}.world-welcome h1{font-size:42px}.world-player{left:12px;bottom:12px;max-width:calc(100% - 24px);padding:7px}.world-avatar{width:43px;height:43px;flex-basis:43px}.world-player-stats{gap:3px 8px;font-size:9px}.world-district-list{top:113px;left:12px;right:12px;width:auto;bottom:11px}.world-city .world-panel-heading p{max-width:100%;font-size:11px}.world-panel-heading{padding:15px 15px}.world-panel-heading h2{font-size:27px}.world-apartment-upgrades,.world-store-list{width:55%;right:7px;top:10px;bottom:10px;padding:6px;gap:3px}.world-mini-item{padding:4px;gap:4px}.world-mini-icon{width:30px;height:30px;flex-basis:30px;font-size:16px}.world-mini-item b{font-size:9px}.world-mini-action{font-size:7px;padding:3px 4px}.world-job-list{left:8px;bottom:8px;width:58%}.world-current-job{width:34%;right:7px;bottom:8px;padding:8px}.world-current-job small{font-size:8px}.world-current-job b{font-size:10px}.world-message-heading{margin-left:32%}.world-message-list{top:105px;right:8px;width:65%;bottom:35px}.world-message-row{padding:3px 5px}.world-msg-avatar{width:24px;height:24px;flex-basis:24px}.world-message-row small{font-size:8px}.world-message-row b{font-size:9px}.world-overview-footer span{display:none}.world-overview-footer{justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* v1.16: compact two-letter symbol and full new game name. */
.brand-symbol.cinematic-logo{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:19px;font-weight:900;letter-spacing:-1px;line-height:1;white-space:nowrap}
@media(max-width:760px){.brand-symbol.cinematic-logo{font-size:15px}}