*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:Hiragino Sans,Noto Sans JP,sans-serif;background:#1a1a2e;color:#f0f0f0}a{color:#9fc5ff}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;background:#333650;color:#f0f0f0}button.primary{background:#3d6ef7}button.primary.big{font-size:1.2rem;padding:14px 28px}button:disabled{opacity:.45;cursor:not-allowed}.list-page{max-width:640px;margin:0 auto;padding:24px 16px}.list-page header{display:flex;justify-content:space-between;align-items:center;gap:8px}.list-page h1{font-size:1.3rem}.list-page h2{margin-top:24px}.subtitle{color:#aab;margin:4px 0 12px}.spot-list{list-style:none;padding:0;display:grid;gap:8px}.spot-list a{display:flex;justify-content:space-between;align-items:center;background:#24263c;border-radius:10px;padding:14px 16px;text-decoration:none;color:#f0f0f0}.spot-type{font-size:.75rem;padding:2px 8px;border-radius:999px;background:#444}.spot-type-ar{background:#3d6ef7}.lang-switch{display:flex;gap:4px}.lang-switch button{padding:4px 8px;font-size:.8rem}.lang-switch button.active{background:#3d6ef7}.error{color:#f88}.exp-page{position:fixed;inset:0;overflow:hidden}.exp-page.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.exp-header{position:absolute;top:0;left:0;right:0;z-index:25;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#14142899}.exp-header h2{font-size:1rem;flex:1}.back{font-size:1.2rem;text-decoration:none}.demo-notice{position:absolute;top:52px;left:0;right:0;z-index:10;text-align:center;font-size:.75rem;color:#ffd27f;background:#14142880;padding:4px}.compass-arrow{position:absolute;top:90px;right:16px;z-index:10;font-size:2rem;transition:transform .3s}.tap-area{position:absolute;left:0;right:0;bottom:calc(26vh + 24px);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px}.distance{background:#14142899;padding:4px 12px;border-radius:999px;font-size:.85rem}.narration{position:absolute;left:0;right:0;bottom:0;z-index:25;background:#141428bf;padding:14px 16px 20px;min-height:90px;max-height:26vh;overflow-y:auto}.narration p{font-size:.95rem;line-height:1.6}.past-view{position:absolute;inset:0;z-index:20}.past-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reconstructed-label{position:absolute;top:84px;left:16px;z-index:21;background:#000000a6;color:#ffd27f;padding:4px 10px;border-radius:6px;font-size:.8rem}.past-view .close{position:absolute;top:84px;right:12px;z-index:22}.time-slider{position:absolute;left:16px;right:16px;bottom:calc(26vh + 12px);z-index:21;background:#141428b3;border-radius:12px;padding:12px 16px}.time-slider input{width:100%}.era-ticks{display:flex;justify-content:space-between;font-size:.75rem;color:#ccd}