.viewpoints{position:absolute;z-index:7;right:22px;bottom:28px;width:310px;padding:18px;border:1px solid #d8bd7a55;border-radius:16px;background:#102023ed;color:#f2e8cf;box-shadow:0 12px 36px #0003;backdrop-filter:blur(18px)}
.viewpoints:not([open]){width:auto;padding:10px 14px;border-radius:24px;left:auto}.viewpoints summary{cursor:pointer;font-size:13px;list-style:none}.viewpoints summary::-webkit-details-marker{display:none}.viewpoints[open] summary{margin-bottom:14px}.viewpoints:not([open])>*:not(summary){display:none}.hud-bottom[hidden]{display:none}.scene-note{display:none!important}
.viewpoint-heading{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.viewpoint-heading span{font-size:12px;letter-spacing:.16em;color:#b8bdac}.viewpoint-heading strong{font-size:20px;font-weight:500}
.viewpoint-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.viewpoints button{min-height:40px;padding:8px;border-radius:8px;border:1px solid #b0ad8938;background:transparent;color:inherit;font-size:14px;cursor:pointer}.viewpoints button:hover{background:#d7bd7820}.viewpoints button[aria-pressed=true]{background:#d7bd782a;border-color:#d7bd78a0}.viewpoints button:disabled{opacity:.45;cursor:wait}.viewpoints .free-camera{width:100%;margin-top:10px;border:0;color:#c9ceb9;font-size:14px}
html[data-theme=day] .viewpoints{background:#fffaf0ed;color:#3b5548;border-color:#b3a47c66;box-shadow:0 12px 36px #57472d20}html[data-theme=day] .viewpoint-heading span,html[data-theme=day] .free-camera{color:#798169}
.camera-hint{margin:12px 0 0;color:#c9ceb9;font-size:12px;line-height:1.5}
html[data-theme=day] .camera-hint{color:#798169}
.hud-detail-open .viewpoints{right:360px}.mode-overview .viewpoints,.cinematic-active .viewpoints{display:none}
@media(max-width:1100px){.viewpoints{width:260px;padding:12px}.hud-bottom{max-width:330px}.hud-detail-open .viewpoints{display:none}}
@media(max-width:700px){.viewpoints{bottom:24px;left:88px;right:12px;width:auto;padding:12px}.viewpoint-heading{margin-bottom:8px}.viewpoint-heading strong{font-size:17px}.viewpoint-heading span{display:none}.viewpoint-buttons{grid-template-columns:1fr 1fr}.viewpoints .free-camera{margin-top:4px;min-height:32px}.hud-bottom{bottom:240px;max-width:calc(100vw - 110px);font-size:12px}.hud-bottom p{font-size:12px}}
.scene-note{position:absolute;z-index:6;left:120px;top:140px;max-width:350px;padding:7px 12px;border-radius:8px;background:#102023dc;color:#e7e6cf;font-size:12px;line-height:1.4;pointer-events:none}
.scene-note[hidden],.mode-overview .scene-note,.cinematic-active .scene-note{display:none}
html[data-theme=day] .scene-note{background:#fffaf0df;color:#677559}
@media(max-width:600px){.scene-note{left:88px;right:12px;top:132px;font-size:12px}}
@media(max-width:700px){.hud-bottom{bottom:24px}.viewpoints:not([open]){bottom:24px}.viewpoints[open]{bottom:80px}}