.mode-entry{position:absolute;inset:0;z-index:100;display:grid;place-items:center;background:#0505058f;backdrop-filter:blur(4px)}.mode-entry[hidden]{display:none}.mode-select-panel{width:550px;height:306px;padding:12px 16px 16px;border-radius:32px;background:#111;color:#efeff4;display:flex;flex-direction:column;overflow:hidden}.mode-select-panel header{height:48px;flex:0 0 48px;padding-left:8px;display:flex;align-items:center;justify-content:space-between}.mode-select-panel h1{margin:0;font-size:16px;line-height:24px;font-weight:590}.mode-select-panel header button{width:48px;height:48px;padding:12px;border:0;border-radius:16px;background:transparent}.mode-select-panel header img{width:24px;height:24px}.mode-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px}.mode-card{position:relative;min-width:0;border:0;border-radius:16px;background:#090909;color:#efeff4;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.mode-card:after{content:"";position:absolute;inset:0;background:#0002}.mode-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mode-card:first-child .mode-bg{object-position:bottom}.mode-icon,.mode-card span{position:relative;z-index:2}.mode-icon{width:24px;height:24px}.mode-card span{font-size:12px;line-height:20px;font-weight:590;text-shadow:0 1px 3px #000}.panorama-mode{grid-column:1/-1}.auto-track-mode{outline:1px solid #ffffff14}.auto-track-mode:hover,.auto-track-mode:focus-visible{outline:2px solid #30e6b5;transform:translateY(-1px)}.mode-card:active{transform:scale(.98)}@media(max-width:650px){.mode-select-panel{width:min(550px,94%);height:min(306px,92%);border-radius:24px}}