/* 9-B3: 主役・機械の寸法、金色/水色、光の強さは仮。トップだけに適用。 */
body:has(#earth.active){background:#101d38 url('assets/felt/felt-space.webp') center top/cover fixed no-repeat;color:#F6F0E6}
body:has(#earth.active) .topbar{background:#101d38b8;color:#F6F0E6}
body:has(#earth.active) .topbar :is(.logo,.pill,.pill b){color:#F6F0E6}
body:has(#earth.active) .topbar .pill{background:#101d38b8;border:0;box-shadow:none;backdrop-filter:none}
#earth.earth-view{padding:0 12px calc(110px + env(safe-area-inset-bottom));min-height:calc(100svh - 120px)}
#earth .felt-scene{aspect-ratio:1.08;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
#earth .gacha-host{position:absolute;left:3%;top:0;width:94%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px #03091d66);pointer-events:none}
#earth .stage-art{position:absolute;inset:auto;left:50%;bottom:0;transform:translateX(-50%);width:24%;height:35%;aspect-ratio:2/3;object-fit:contain;padding:0;border:0;border-radius:0;background:none;box-shadow:none;animation:none;filter:drop-shadow(0 0 15px #ffde8270)}
#earth .share-area{margin:10px auto 0;max-width:440px}
#earth #shareButton,#earth #tenDrawButton{min-height:58px;padding:14px 10px;font-size:clamp(15px,4.2vw,18px);line-height:1.6;border:2px solid #ffe6a0;background:linear-gradient(#ffe69b,#edbf53);color:#493016;box-shadow:0 4px 0 #926b2e,0 0 18px #ffd36540}
#earth #tenDrawButton{background:linear-gradient(#bcefff,#71cce9);border-color:#d9f6ff;color:#173947;box-shadow:0 4px 0 #39738e,0 0 18px #8addff40}
#earth :is(.gift-copy,.note){color:#F6F0E6;text-shadow:0 1px 3px #101d38}
#earth :is(.ticket-link,.global-sound){color:#F6F0E6;background:#101d38c9;border:1px solid #f6f0e64d}
#earth .global-sound{position:relative;inset:auto;margin:10px auto 0}
#earth button:focus-visible{outline-color:#F6F0E6}
body:has(#earth.active) .dock{background:#101d38f2;border:0;box-shadow:none}
body:has(#earth.active) .nav{color:#F6F0E6}
body:has(#earth.active) .nav.active{background:#f6f0e6;color:#443C35}
/* 文言は設計書の「効果音」「音楽」。状態は押下状態と下線で示す（仮）。 */
#earth .global-sound[aria-pressed="false"]{text-decoration:line-through;opacity:.65}
#earth .global-sound[aria-pressed="true"]{border-color:#F6F0E6}

/* 11-Q: 横長映像は機械より上。縁の幅は仮。 */
#earth #gachaOpening{position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;width:100%;height:auto;aspect-ratio:780/442;object-fit:contain;cursor:pointer;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent),linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent),linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in}
#earth .felt-scene{min-height:calc(100vw * 442 / 780 / .65)}