*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#05060f}body{font-family:Hiragino Maru Gothic ProN,BIZ UDGothic,Yu Gothic,sans-serif;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}#micro3d{position:fixed;inset:0;z-index:5;width:100%;height:100%;display:none;pointer-events:none;opacity:0}#micro{position:fixed;inset:0;z-index:6;width:100%;height:100%;display:block;pointer-events:none;opacity:0}#micro.on{opacity:1}#micro-cam{position:fixed;width:2px;height:2px;left:-10px;top:-10px;opacity:.01;pointer-events:none;object-fit:cover}#micro-mats{position:fixed;top:calc(max(14px,env(safe-area-inset-top)) + 58px);left:0;right:0;margin-inline:auto;width:fit-content;z-index:14;display:flex;gap:8px;padding:6px;border-radius:999px;background:#0e142c80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(180,200,255,.3);box-shadow:0 4px 18px #00000059;transition:opacity .3s ease}#micro-mats[hidden]{display:none}#micro-mats button{border:1px solid rgba(180,200,255,.3);cursor:pointer;font:inherit;color:#dbe6ff;background:#7896f024;font-size:clamp(13px,3.8vw,16px);padding:9px 16px;border-radius:999px;letter-spacing:.04em;transition:background .16s ease,transform .1s ease}#micro-mats button:active{transform:scale(.94)}#micro-mats button.on{background:linear-gradient(180deg,#96b4ffe6,#6080dce6);color:#fff;border-color:#c8dcff99;box-shadow:0 3px 12px #5a78dc80}body.title #micro-mats{opacity:0!important;pointer-events:none}#surface-note{position:fixed;top:calc(max(14px,env(safe-area-inset-top)) + 64px);left:0;right:0;margin-inline:auto;width:fit-content;z-index:13;padding:8px 18px;border-radius:14px;max-width:86vw;text-align:center;background:#141e409e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(150,180,255,.28);color:#eaf1ff;font-size:clamp(13px,3.6vw,16px);letter-spacing:.05em;line-height:1.4;opacity:0;pointer-events:none;transition:opacity .3s ease}#surface-note.show{opacity:1}#loading{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(circle at 50% 40%,#16204a,#070a1a 70%);transition:opacity .6s ease}#loading.hidden{opacity:0;pointer-events:none}.loading-planet{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#8fd0ff,#2f6dc9 60%,#17408f);box-shadow:0 0 34px #78b4ff99;animation:spin 2.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:clamp(15px,4vw,20px);color:#cfe0ff;letter-spacing:.06em}#title{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;opacity:1;transition:opacity .9s ease;background:radial-gradient(circle at 50% 42%,#14204638,#04060f8c 78%)}#title.pre,#title.gone{opacity:0;pointer-events:none}#title-word{font-size:clamp(56px,20vw,140px);letter-spacing:.16em;font-weight:700;color:#fff;text-shadow:0 0 34px rgba(130,180,255,.6),0 4px 22px rgba(0,0,0,.6);animation:titleFloat 4s ease-in-out infinite}#title-sub{margin-top:26px;font-size:clamp(16px,4.6vw,24px);letter-spacing:.12em;color:#dfe8ff;animation:titlePulse 1.8s ease-in-out infinite}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes titlePulse{0%,to{opacity:.5}50%{opacity:1}}body.title #place,body.title #zoom-ui{opacity:0!important;pointer-events:none}#place{position:fixed;top:max(14px,env(safe-area-inset-top));left:0;right:0;margin-inline:auto;width:fit-content;z-index:12;padding:8px 20px;border-radius:22px;background:#0c14308c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(150,180,255,.28);font-size:clamp(14px,4vw,19px);letter-spacing:.08em;max-width:min(92vw,520px);text-align:center;line-height:1.35;box-shadow:0 4px 18px #00000059;transition:opacity .3s ease}#scale{position:fixed;left:50%;transform:translate(-50%);bottom:calc(max(18px,env(safe-area-inset-bottom)) + 84px);z-index:11;pointer-events:none;display:flex;align-items:baseline;gap:6px;padding:3px 11px;border-radius:999px;white-space:nowrap;background:#0c14306b;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(150,180,255,.18);box-shadow:0 2px 10px #00000047;font-size:11px;letter-spacing:.04em;color:#cdd8f2;opacity:.82;transition:opacity .3s ease,bottom .3s ease}#scale-cap{font-size:9.5px;opacity:.66}#scale-val{font-weight:600;color:#eaf1ff}body.title #scale,body.focused #scale{opacity:0!important}#scale[hidden]{display:none}#planet-strip{position:fixed;left:0;right:0;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 88px);z-index:12;display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:4px 0;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent)}#planet-strip::-webkit-scrollbar{display:none}#planet-strip.on{opacity:1;pointer-events:auto}body.title #planet-strip{opacity:0!important;pointer-events:none}#planet-strip-inner{display:flex;gap:8px;padding:0 26px;margin:0 auto}.strip-btn{flex:none;cursor:pointer;font:inherit;white-space:nowrap;font-size:13px;letter-spacing:.04em;color:#dbe6ff;padding:7px 15px;border-radius:999px;background:#0c143057;border:1px solid rgba(150,180,255,.3);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:background .15s ease,border-color .15s ease,color .15s ease}.strip-btn:active{background:#7896f04d}.strip-btn.on{background:#7896f080;border-color:#c8d8ffcc;color:#fff}#detail>#planet-strip{position:static;width:100%;margin-bottom:10px;pointer-events:auto}body.solar-strip #scale{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 134px)}#zoom-ui{position:fixed;left:50%;transform:translate(-50%);bottom:max(18px,env(safe-area-inset-bottom));z-index:12;display:flex;align-items:center;gap:14px;padding:8px 10px;border-radius:999px;background:#0c14308c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(150,180,255,.28);box-shadow:0 4px 18px #00000059;transition:opacity .35s}body.focused #zoom-ui{opacity:0;pointer-events:none}.zoom-btn{width:60px;height:60px;border-radius:50%;cursor:pointer;color:#fff;touch-action:none;padding:0;background:linear-gradient(180deg,#607cd6f2,#344a98f2);border:1px solid rgba(170,195,255,.45);box-shadow:0 5px 16px #0006,inset 0 1px #ffffff40;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,filter .1s ease}.zoom-btn:active{transform:scale(.92);filter:brightness(1.18)}.zoom-btn svg{width:26px;height:26px;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;fill:none;pointer-events:none}#zoom-bar{width:min(130px,24vw);height:8px;border-radius:999px;overflow:hidden;background:#ffffff24;border:1px solid rgba(170,195,255,.3)}#zoom-fill{height:100%;width:30%;background:linear-gradient(90deg,#ff9e5a,#ffe08a);transition:width .18s ease}#detail{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none}#detail-inner{pointer-events:auto;width:min(560px,94vw);margin-bottom:max(12px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#162044f0,#0c122af5);border:1px solid rgba(150,180,255,.32);border-radius:22px;padding:10px 16px 14px;position:relative;box-shadow:0 -6px 34px #00000080;transform:translateY(140%);opacity:0;transition:transform .38s cubic-bezier(.2,.9,.3,1.2),opacity .3s ease}#detail.open #detail-inner{transform:translateY(0);opacity:1}#detail-bar{display:flex;align-items:center;gap:8px;min-height:40px}#detail-back{border:1px solid rgba(150,180,255,.35);cursor:pointer;font:inherit;color:#dbe6ff;background:#7896f033;font-size:clamp(13px,3.6vw,16px);padding:7px 14px;border-radius:999px;display:flex;align-items:center;gap:4px;white-space:nowrap}#detail-back:active{background:#7896f059}#detail-back[hidden]{display:none}#detail-close{margin-left:auto;width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;font-size:24px;color:#cfe0ff;line-height:1;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex:none}#detail-name{overflow-wrap:anywhere;line-height:1.25;margin-top:2px;font-size:clamp(22px,6vw,32px);letter-spacing:.06em;color:#fff}#detail-lead{margin-top:5px;font-size:clamp(14px,4vw,17px);line-height:1.5;color:#cfdcff;letter-spacing:.02em}#detail-actions{display:flex;gap:10px;margin-top:12px}#detail-actions button{flex:1;border:none;cursor:pointer;font:inherit;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:clamp(15px,4.2vw,18px);padding:12px 10px;border-radius:14px}#detail-speak{background:linear-gradient(180deg,#ffb347,#ff8a3d);box-shadow:0 4px 12px #ff8c3c66}#detail-more{background:linear-gradient(180deg,#7896f08c,#4e68c499);border:1px solid rgba(150,180,255,.4)!important}#detail-more:active,#detail-speak:active{filter:brightness(1.12)}#detail-speak.speaking{animation:pulse 1s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.spk-icon,.more-arrow{font-size:18px}#zukan{position:fixed;inset:0;z-index:25;background:radial-gradient(circle at 50% 30%,#142048fa,#060916fc);display:flex;justify-content:center;opacity:0;transition:opacity .3s ease}#zukan[hidden]{display:none}#zukan.open{opacity:1}#zukan-inner{width:min(680px,100%);height:100%;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom))}#zukan-topbar{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(150,180,255,.2);flex:none}#zukan-name{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.25;font-size:clamp(24px,6.6vw,36px);letter-spacing:.06em;color:#fff}#zukan-speak{flex:none;border:none;cursor:pointer;font:inherit;color:#fff;display:flex;align-items:center;gap:5px;font-size:clamp(14px,3.8vw,17px);padding:9px 16px;border-radius:999px;background:linear-gradient(180deg,#ffb347,#ff8a3d);box-shadow:0 4px 12px #ff8c3c66}#zukan-speak.speaking{animation:pulse 1s ease infinite}#zukan-close{flex:none;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;font-size:26px;color:#cfe0ff;line-height:1;background:#ffffff1f;display:flex;align-items:center;justify-content:center}#zukan-body{flex:1;overflow-y:auto;padding:16px 2px 8px;-webkit-overflow-scrolling:touch}.zk-section{margin-bottom:22px}.zk-heading{font-size:clamp(16px,4.4vw,20px);color:#ffd257;letter-spacing:.06em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.zk-heading:before{content:"";width:6px;height:20px;border-radius:3px;background:#ffd257}.zukan-list{list-style:none;display:flex;flex-direction:column;gap:10px}.zukan-list li{background:#7896f024;border-radius:14px;padding:13px 16px;font-size:clamp(16px,4.4vw,20px);line-height:1.65;color:#eaf0ff;letter-spacing:.02em;display:flex;gap:10px;align-items:baseline}.zukan-list:not(.zukan-data) li:before{content:"\30fb";color:#ffd257;flex:none;font-weight:700}html:not([lang=ja]) .zukan-list:not(.zukan-data) li:before{content:"\2022"}.zukan-data li{justify-content:space-between}.zukan-data .zk-key{color:#9fb4e8;flex:none}.zukan-data .zk-val{color:#fff;font-weight:600;text-align:right}#credit{margin-top:8px;text-align:center;font-size:11px;color:#6f80ad;letter-spacing:.03em;flex:none}.hidden{opacity:0!important;pointer-events:none}