*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;font-family:monospace}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}#camera-hint{position:fixed;top:14px;left:16px;color:#ffc864b3;font-size:11px;letter-spacing:1px;background:#0006;padding:4px 10px;border-radius:4px;transition:opacity 1s;pointer-events:none}#camera-hint.hidden{opacity:0}#title{position:fixed;top:14px;left:50%;transform:translate(-50%);color:#ffb45059;font-size:11px;letter-spacing:4px;pointer-events:none}#player{position:fixed;bottom:0;left:0;right:0;height:70px;background:#080400eb;border-top:1px solid rgba(255,120,30,.2);display:flex;align-items:center;gap:14px;padding:0 20px;z-index:10}#play-btn{background:#ff781e1f;border:1px solid rgba(255,120,30,.4);color:#ffb060;width:38px;height:38px;border-radius:50%;font-size:14px;cursor:pointer;flex-shrink:0}#play-btn:hover{background:#ff781e40}#progress-track{flex:1;height:4px;background:#ffffff1a;border-radius:2px;cursor:pointer;position:relative}#progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#ff6a00,#ffd200);border-radius:2px;pointer-events:none}#time-display{color:#ffc86480;font-size:11px;white-space:nowrap;flex-shrink:0}#volume{width:70px;accent-color:#ff9a3c;flex-shrink:0}#dl-btn{color:#ffc86499;font-size:16px;text-decoration:none;flex-shrink:0;transition:color .15s}#dl-btn:hover{color:#fc4}#atmo-panel{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10;background:#08040099;border:1px solid rgba(255,120,30,.2);border-radius:20px;padding:14px 10px}.atmo-label{font-size:14px;opacity:.7}#atmo{writing-mode:vertical-lr;direction:rtl;width:6px;height:120px;accent-color:#8844cc;cursor:pointer}