:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;background:#0f1f18;color:#e8f5e9}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}button{font:inherit;cursor:pointer}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;gap:.5rem;padding:.75rem 1rem;background:#1a3a2a;align-items:center}.topbar h1{font-size:1rem;margin:0;flex:1}.panel{padding:1rem;flex:1}.list button.row{display:block;width:100%;text-align:left;margin-bottom:.5rem;padding:.75rem 1rem;border:1px solid #2e5a40;background:#163026;color:inherit;border-radius:8px}.hint{opacity:.8;font-size:.9rem}.guidance{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;background:#0a1510}.guidance svg.scene{flex:1;width:100%;min-height:60vh;touch-action:none}.side-left,.side-right{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:2}.side-left{left:.5rem}.side-right{right:.5rem}.side-left button,.side-right button{width:2.75rem;height:2.75rem;border-radius:8px;border:none;background:#1a3a2aeb;color:#e8f5e9;font-weight:700}.video-wrap{position:relative}.video-wrap video{width:100%;max-height:50vh;background:#000;border-radius:8px}.error{color:#ffab91}.gps-browser-notice{margin:0;padding:.4rem .75rem;font-size:.75rem;line-height:1.3;background:#3e2723;color:#ffccbc;z-index:3}