/* MY WORLD: same light world as LIVE and JOURNEY; the globe is the hero, tiles are the home screen. */
body[data-view=mine]{--ink:#16303f;--muted:#55707f;--line:#dbe3e9;--card:#f4f7f9;--glass:#ffffffc4;--shadow:0 8px 30px #1b304612;color-scheme:light}
body[data-view=mine] .topbar,body[data-view=mine] .navigation{background:#fcfcf8ed;border-color:#dbe1e6;color:#20334a}body[data-view=mine] .brand{color:#20334a}body[data-view=mine] .brand-label{color:#5a6b79}body[data-view=mine] .navigation button{color:#546477}body[data-view=mine] .navigation button.active{color:#0871ed;background:#e8f1ff}
body[data-view=mine] dialog,body[data-view=news] dialog{background:#fdfdfb;color:#142b40;border-color:#dbe3e9;backdrop-filter:blur(18px);color-scheme:light}body[data-view=mine] dialog p,body[data-view=news] dialog p{color:#506779}body[data-view=mine] dialog button:not(.primary),body[data-view=news] dialog button:not(.primary){background:#fff;border:1px solid #dbe3e9;color:#16303f}body[data-view=mine] dialog .panel,body[data-view=news] dialog .panel{background:#f4f7f9;border-color:#dbe3e9}body[data-view=news] dialog h2,body[data-view=news] dialog .eyebrow,body[data-view=news] dialog h3{color:#142b40}
.profile-world.product-world{background:linear-gradient(180deg,#eef4f9 0,#f7f8f6 46%,#f7f6f2 100%);color:var(--ink)}
.product-world #globe{background:radial-gradient(circle at 50% 46%,#cfe3f7 0,#e4eff9 30%,#eef4f900 58%)}
body[data-view=mine] #globe{inset:0 0 auto;height:42vh;max-height:340px}
.product-world #globe .maplibregl-canvas{filter:drop-shadow(0 18px 30px #15406033)}
.product-world .globe-loading{background:transparent;color:#55707f}
.product-world .world-title h1{color:#16303f;text-shadow:0 2px 14px #ffffffcc;font-size:22px}.product-world .world-title .eyebrow{color:#55707f}
.product-world .world-actions button{background:#ffffffc8;color:#16303f;border:1px solid #ffffff;backdrop-filter:blur(10px)}
.product-world .weather-bubble{background:#ffffffc4;color:#16303f;border:1px solid #fff}
.product-world .profile-sheet{background:#ffffffd0;border:1px solid #ffffff;box-shadow:0 -10px 40px #1b304612;color:var(--ink)}
.product-world .world-profile-heading h2,.product-world h3{color:#16303f}.product-world .eyebrow{color:#55707f}
.product-world .world-account{color:#55707f;border-bottom:1px solid #e5ebf0}.product-world .world-account button{background:#fff;border:1px solid #dbe3e9;color:#16303f}
.product-world .preference-card,.product-world .world-memory{background:#ffffffb8;border:1px solid #fff;border-radius:20px;padding:16px;margin-top:14px}
.product-world .axis-summary span{color:#55707f}.product-world .axis-track{background:#e3ebf1}.product-world .quiet-note,.product-world .empty-memory{color:#55707f}
.product-world .empty-memory{background:#f4f7f9;border:1px dashed #d3dee6;border-radius:14px;padding:14px;font-size:12px;line-height:1.6}
.product-world .text-button{color:#1684ce}.product-world button:not(.primary):not(.tile-face):not(.icon-button){background:#fff;border:1px solid #dbe3e9;color:#16303f}
/* Tiles */
.world-tiles-head{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px}.world-tiles-head .text-button{font-size:12px;padding:4px 8px;min-height:0}
.world-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:10px}
.world-tile{position:relative;border-radius:22px;min-height:112px;animation:tile-in .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 45ms)}
.world-tile.wide{grid-column:span 2}
.tile-face{width:100%;height:100%;min-height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;padding:14px;border-radius:22px;border:1px solid #ffffff;text-align:left;color:#16303f;background:linear-gradient(145deg,#ffffff 0,color-mix(in srgb,var(--tone) 12%,#ffffff) 100%);box-shadow:0 6px 20px color-mix(in srgb,var(--tone) 18%,transparent);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.tile-face:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 12px 28px color-mix(in srgb,var(--tone) 28%,transparent)}
.tile-face:active{transform:scale(.98)}
.tile-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--tone);color:#fff;box-shadow:0 4px 10px color-mix(in srgb,var(--tone) 35%,transparent)}.tile-icon .ui-icon{width:18px;height:18px}
.tile-body{display:grid;gap:2px;min-width:0;width:100%}
.tile-value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;min-height:1.1em}.tile-value small{font-size:.8rem;font-weight:500;margin-left:3px;color:#55707f}
.tile-title{font-size:.86rem;font-weight:600}.tile-sub{font-size:.7rem;color:#55707f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.world-tile.wide .tile-face{flex-direction:row;align-items:center}.world-tile.wide .tile-icon{width:44px;height:44px}.world-tile.wide .tile-value{font-size:1.7rem}
.world-tile.add-tile{min-height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:14px;border:1.5px dashed #b9c8d4;border-radius:22px;background:#ffffff80;color:#55707f;animation:none}.world-tile.add-tile .tile-icon{background:#e3ebf1;color:#55707f;font-size:20px}
.world-tiles.editing .world-tile[data-tile]{animation:tile-wiggle .32s ease-in-out infinite alternate;animation-delay:calc(var(--i,0) * -70ms);cursor:grab;touch-action:none}
.world-tiles.editing .tile-face{pointer-events:none}
.world-tile.dragging{opacity:.6;transform:scale(1.04);animation:none!important;z-index:2}
.tile-remove,.tile-size{position:absolute;top:-6px;width:26px;height:26px;min-height:0;padding:0;border-radius:50%;font-size:15px;line-height:1;display:grid;place-items:center;box-shadow:0 2px 8px #0003;border:1px solid #fff}
.tile-remove{left:-6px;background:#e5352b!important;color:#fff!important;border-color:#fff!important}.tile-size{right:-6px;background:#fff!important;color:#16303f!important}
.tile-add-list{display:grid;gap:8px;margin:14px 0}.tile-add-list button{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 12px;border-radius:16px}.tile-add-list .tile-icon{background:var(--tone,#5a7a8f);flex-shrink:0}.tile-add-list span>strong{display:block;font-size:.9rem}.tile-add-list span>small{color:#55707f;font-size:.72rem}.tile-add-list button>span:nth-child(2){flex:1}
@keyframes tile-in{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@keyframes tile-wiggle{from{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}
/* Settings groups */
.settings-group{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#55707f;margin:18px 0 6px}
.settings-list{margin:0 0 6px}
/* LIVE journey messages (auto-matched official notices) */
.journey-inbox{display:grid;gap:8px;margin:12px 0}.journey-inbox-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.journey-inbox-head strong{font-size:.9rem}.journey-inbox-head small{font-size:.7rem;color:#c6e3f6}
.journey-msg{margin:0;padding:10px 12px;border-radius:14px;background:#ffffff14;border:1px solid #ffffff22;font-size:.85rem;line-height:1.5}.journey-msg.muted{color:#d2dfea}.journey-msg b{display:block;font-size:.7rem;letter-spacing:.06em;color:#ffd38d;margin-bottom:2px}.journey-msg[data-tone=alert]{border-color:#ffb27a66;background:#ff9f4d1f}.journey-msg strong{display:block;font-size:.95rem}.journey-msg p{margin:4px 0;font-size:.82rem;color:#d2dfea}.journey-msg small{font-size:.7rem;color:#c6e3f6}
.journey-gaps{font-size:.7rem;color:#c6e3f6;line-height:1.5}
@media(min-width:768px){.world-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-view=mine] #globe{height:44vh;max-height:420px}}
@media(min-width:1000px){.world-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.world-tile,.world-tiles.editing .world-tile[data-tile]{animation:none}}
.product-world .weather-bubble{display:none!important}
/* favourite scenery: larger, snap-scrolling strip */
.product-world .memory-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;-webkit-overflow-scrolling:touch}
.product-world .memory-strip::-webkit-scrollbar{display:none}
.product-world .memory-image{min-width:136px;width:136px;height:136px;border-radius:18px;scroll-snap-align:start;box-shadow:0 8px 22px #0b182c1c}
.product-world .memory-image img{width:136px}
.product-world .memory-image>span{font-size:11px;padding:6px 8px;background:linear-gradient(to top,#0c1e3cd9,#0c1e3c00)}
button.danger,.danger{color:#b4231f}
.journey-discard{display:block;margin:10px auto 0;font-size:12px}
.actions .danger{border-color:#f0b6b3}