@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url('./assets/archivo-400.ttf') format('truetype')}
@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-display:swap;src:url('./assets/archivo-500.ttf') format('truetype')}
@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-display:swap;src:url('./assets/archivo-600.ttf') format('truetype')}
@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;src:url('./assets/archivo-700.ttf') format('truetype')}
*{box-sizing:border-box}html,body,#player-root{width:100%;height:100%;margin:0}body{background:#0a1628;color:#fff;font-family:Archivo,system-ui,sans-serif}.player{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:#f5f5f2}.stage{position:absolute;left:50%;top:50%;transform-origin:center center}.controls{display:flex;align-items:center;gap:10px;min-height:54px;padding:6px 14px;background:#0a1628}.controls button,.start-overlay{font:600 14px Archivo,system-ui,sans-serif;cursor:pointer}.controls button{min-height:40px;min-width:44px;border:1px solid #718097;border-radius:5px;background:#14243b;color:#fff;padding:6px 12px}.controls button:hover{background:#234365}.controls .play-button{min-width:66px}.restart-button{font-size:23px!important}.controls input{min-width:32px;width:100%;accent-color:#52a4ff;cursor:pointer;height:28px}.time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.start-overlay{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:13px 19px;border:0;border-radius:6px;background:#0a1628;color:#fff;box-shadow:0 4px 20px #0a16282e;white-space:nowrap;text-align:left}.start-overlay small{display:block;font-size:11px;font-weight:400;color:#d7e4f3;margin-top:4px}.play-icon{font-size:22px}.start-overlay:hover{background:#163a63}button:focus-visible,input:focus-visible{outline:3px solid #0077ff;outline-offset:3px}.controls button:focus-visible,.controls input:focus-visible{outline-color:#9cceff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fallback{padding:20px;line-height:1.6}@media(max-width:420px){.controls{gap:5px;padding:4px 7px;min-height:48px}.controls button{padding:4px 8px;min-height:38px}.controls .play-button{min-width:54px}.time{font-size:10px}.start-overlay{padding:9px 14px;bottom:6%;font-size:12px}.start-overlay small{font-size:10px}}