*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#bfe3f2;font-family:Hiragino Sans,Yu Gothic,Segoe UI,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}#app{position:relative;width:100vw;height:100dvh}#scene{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.ui-layer{position:absolute;inset:0;pointer-events:none;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.glass{background:#ffffff24;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.35);box-shadow:0 8px 32px #00283c2e;border-radius:16px;color:#0d3b4a}.panel{pointer-events:auto}.panel-title{align-self:flex-start;padding:14px 20px;max-width:78vw}.panel-title h1{font-size:1.15rem;font-weight:700;letter-spacing:.02em;display:flex;flex-direction:column;gap:2px}.panel-title .sub-en{font-size:.68rem;font-weight:500;opacity:.72;letter-spacing:.04em}.panel-title .location{margin-top:6px;font-size:.72rem;opacity:.85;font-weight:500}.panel-controls{position:absolute;top:20px;right:20px;display:flex;gap:8px;padding:8px}.glass-btn{pointer-events:auto;display:flex;align-items:center;gap:6px;padding:9px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.4);background:#ffffff38;color:#0d3b4a;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease;white-space:nowrap}.glass-btn:hover{background:#ffffff61}.glass-btn:active{transform:scale(.96)}.glass-btn .dot{width:7px;height:7px;border-radius:50%;background:#9aa5ab;transition:background .2s ease,box-shadow .2s ease}.glass-btn.active .dot{background:#2fd97a;box-shadow:0 0 8px #2fd97ae6}.panel-hint{align-self:center;margin:0 auto 8px;padding:9px 18px;font-size:.74rem;font-weight:600;display:flex;gap:8px;opacity:.92;animation:hintFade 6s ease forwards}.panel-hint .sep{opacity:.5}@keyframes hintFade{0%{opacity:0;transform:translateY(6px)}10%{opacity:.92;transform:translateY(0)}80%{opacity:.92}to{opacity:0}}.panel-credit{position:absolute;bottom:14px;right:18px;font-size:.68rem;color:#0d3b4a8c;font-weight:600;letter-spacing:.02em}.panel-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:18px 26px;display:flex;align-items:center;gap:12px;font-size:.8rem;font-weight:600;transition:opacity .4s ease}.panel-loading.hidden{opacity:0;pointer-events:none}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(13,59,74,.25);border-top-color:#0d3b4a;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.panel-title h1{font-size:.9rem}.panel-title{max-width:58vw;padding:10px 14px}.panel-controls{top:12px;right:12px;flex-direction:column;align-items:stretch}.glass-btn{padding:7px 10px;font-size:.68rem;justify-content:center}.panel-hint{font-size:.66rem;padding:7px 12px}}