/* One sticky masthead: navigation, live comments and visitor totals travel together. */
html{overflow-x:clip}
body.mh-redesign{overflow-x:clip;background:#0b1221 url('/assets/redesign/memory-cosmos.webp') center top/100% auto repeat-y;background-attachment:scroll}
body.mh-redesign::before{display:none}
.site-header .ticker-bar{display:block;position:relative}
.site-header .ticker-inner{display:flex;gap:18px;min-height:40px;height:auto;padding-block:4px}
.site-header .ticker-memory{display:flex;flex:1;min-width:0;overflow:hidden}
.site-header .visitor-counter{display:flex;flex:0 0 auto;gap:12px;min-width:max-content;overflow:visible}
.site-header .visitor-counter>span{display:flex;gap:6px;min-width:max-content;padding:2px 0;border:0;background:none;overflow:visible;white-space:nowrap}
.site-header .visitor-counter small{font-size:9px}
.site-header .visitor-counter b{font-size:12px;font-variant-numeric:tabular-nums}
.work-play-link{display:inline-flex;margin:10px 18px 10px 0}
@layer legacy{
 #view-aichat .simulation-card.chat-kind-story .card-media.chat,#homeChats .simulation-card.chat-kind-story .card-media.chat{aspect-ratio:var(--chat-cover-ratio,2 / 3)!important}
}
.chat-detail.simulation-detail-record .chat-detail-cover{aspect-ratio:var(--chat-cover-ratio,1 / 1);min-height:0;height:auto;align-self:start}
.chat-detail .chat-detail-cover::after{background:none}
.chat-detail .chat-detail-cover>img,.chat-detail .chat-detail-cover>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none}
.chat-detail .chat-detail-actions{margin-top:0;display:flex;flex-direction:column;align-items:stretch;gap:10px}
.chat-detail .chat-detail-intro{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;min-height:52px;padding:14px 20px;border:1px solid #477cae;background:linear-gradient(110deg,#234f83,#18385e);color:#f4f8ff;text-decoration:none}
.chat-detail .chat-detail-intro:hover{background:linear-gradient(110deg,#3068a4,#234f83);border-color:#8ac7ff;color:#fff}
.chat-detail .chat-detail-intro:focus-visible{outline:2px solid #a6d8ff;outline-offset:3px}
.chat-detail-meta{margin-top:22px;border:1px solid #344865;background:#111e32;color:#dce6f4}
.chat-detail-meta>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;cursor:pointer;list-style:none;font-size:12px;font-weight:600}
.chat-detail-meta>summary::-webkit-details-marker{display:none}
.chat-detail-meta>summary>span{font-size:18px;line-height:1;transition:transform .15s}
.chat-detail-meta[open]>summary>span{transform:rotate(45deg)}
.chat-detail-meta>summary:hover{background:#1c2d46}
.chat-detail-meta>summary:focus-visible{outline:2px solid #a8c5e8;outline-offset:2px}
.chat-detail-meta-body{padding:0 12px 12px}
.chat-detail-meta .content-reaction-bar{margin:0 0 12px;padding:10px 0;border:0;border-top:1px solid #344865;border-bottom:1px solid #344865;background:transparent}
.chat-detail-meta .content-reaction-bar>span,.chat-detail-meta .content-reaction-bar>button{background:#1c2d46;color:#d9e6f5;border-color:#405673}
.chat-detail-meta .content-reaction-bar small,.chat-detail-meta .content-reaction-bar b{color:#d9e6f5}
.chat-detail-meta .content-reaction-bar .liked{background:#422d45;border-color:#ad718f}
.chat-detail-meta .content-reaction-bar .liked .mgh-icon{color:#ffc1da;fill:#ffc1da;stroke:#ffc1da}
.chat-detail-meta .chat-detail-facts{margin:0;background:transparent;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:visible}
.chat-detail-meta .chat-detail-facts>span{padding:10px 4px;background:#17263d;border:0;grid-column:auto}
.chat-detail-meta .chat-detail-facts small{font:500 10px/1.6 var(--font-ui);color:#aebfd6}
.chat-detail-meta .chat-detail-facts b{font:700 14px/1.6 var(--font-ui);color:#edf3fc}
@media(max-width:800px){
 .site-header .ticker-inner{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:4px 10px;min-height:42px;height:auto;padding-block:4px}
 .site-header .ticker-memory{min-height:34px}
 .site-header .ticker-memory strong,.site-header .ticker-memory small{display:none}
 .site-header .visitor-counter{gap:10px;align-self:center}
 .site-header .visitor-counter>span{display:grid;gap:0;text-align:right;line-height:1.5}
 .site-header .visitor-counter small{font-size:9px;line-height:14px;letter-spacing:0}
 .site-header .visitor-counter b{font-size:11px;line-height:16px}
 .site-header #tickerText{font-size:10px}
 .site-header .ticker-inner{width:auto;max-width:none;margin-left:max(14px,env(safe-area-inset-left));margin-right:max(14px,env(safe-area-inset-right))}
}
/* Keep the iOS composition light without removing the section entrance motions. */
@supports (-webkit-touch-callout:none){
 .mgh-button-trace .trace-head,.arkesia-planet,.nemesis-aura,.aura-strand{filter:none!important}
 .panel,.world-stage-legend,.world-map-stage,.detail-dialog,.companion-dialog,.bgm-player{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .mgh-button-trace :is(.trace-head,.trace-tail){animation-iteration-count:1}
 .orbit-path i{animation:none;offset-distance:25%}
 .character-card-media-wrap img,.simulation-card-media img{transition:none}
}